We may earn an affiliate commission when you visit our partners.
Nate Taylor
CSS is essential in controlling how a site looks and feels. This course will teach you how to move beyond basic stylings to apply various effects such as shadows and animations using purely CSS.
Read more
CSS is essential in controlling how a site looks and feels. This course will teach you how to move beyond basic stylings to apply various effects such as shadows and animations using purely CSS.
Read more
CSS is essential in controlling how a site looks and feels. This course will teach you how to move beyond basic stylings to apply various effects such as shadows and animations using purely CSS.
CSS provides you the ability to control the fonts, colors, layout and spacing used on your website. However, it can do more than that. It can also provide an interactive experience to your users. In this course, CSS Advanced Features, you’ll learn to improve the look and feel of websites that you build. First, you’ll explore creating rounded corners using CSS. Next, you’ll discover how to apply box shadows to objects. Finally, you’ll learn how to create animations using CSS transforms and transitions. When you’re finished with this course, you’ll have the skills and knowledge of CSS special effects needed to improve the look and feel of any website you create.
Register for this course and see more details by visiting:
OpenCourser.com/course/gph38w/css
What's inside
Syllabus
Course Overview
Creating Rounded Corners
Adding Box Shadows
Applying Gradients
Read more
Syllabus
Course Overview
Creating Rounded Corners
Adding Box Shadows
Applying Gradients
Read more
Transitioning Between States
Transforming Elements
Creating Animation
Text and Typography
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Appropriate for students with no to little experience with CSS who wish to expand their knowledge
Can assist students in becoming more proficient in the application of advanced CSS techniques, like animation and effects
Offers practical hands-on experience through interactive materials and exercises
Taught by Nate Taylor, an experienced and knowledgeable instructor in the field
Save this course
Save CSS Advanced Features to your list so you can find it easily later:
Save
Save
Activities
Be better prepared
before
your course. Deepen your understanding
during
and
after
it. Supplement your coursework and achieve mastery of the topics covered
in CSS Advanced Features with these
activities:
Read a book on advanced CSS effects
Show steps
Build a solid foundation in advanced CSS by reading a comprehensive book on the topic.
View
The 2020 Web Almanac
on Amazon
Show steps
-
Choose a book from the recommended reading list
-
Set aside dedicated time for reading
-
Take notes and highlight important concepts
-
Complete any exercises or activities provided in the book
Follow CSS tutorials to create interactive elements
Show steps
Enhance your understanding of CSS effects by applying them in practical scenarios.
Show steps
-
Search for tutorials on creating interactive CSS elements
-
Select a tutorial that aligns with your learning objectives
-
Follow the tutorial step-by-step and implement the CSS effects
Solve CSS challenges
Show steps
Sharpen your CSS problem-solving skills by tackling practice exercises.
Show steps
-
Find online CSS challenges or code puzzles
-
Attempt to solve the challenges using CSS
-
Review your solutions and identify areas for improvement
Five other activities
Expand to see all activities and additional details
Show all eight activities
Answer questions on CSS forums or discussion boards
Show steps
Reinforce your understanding of CSS by helping others and sharing your knowledge.
Show steps
-
Identify online forums or discussion boards related to CSS
-
Monitor the forums for questions related to CSS effects
-
Provide thoughtful and helpful responses to questions
Participate in a peer review session for CSS code
Show steps
Gain valuable feedback on your CSS code and improve your understanding by reviewing others' code.
Show steps
-
Find a peer or group to review your CSS code
-
Present your code and explain your approach
-
Receive feedback and suggestions from your peers
Design and present a website mockup with innovative CSS effects
Show steps
Demonstrate your mastery of CSS effects by creating a stunning website design.
Show steps
-
Sketch out your website design and plan the CSS effects you want to use
-
Create a high-fidelity mockup using a design tool or HTML/CSS
-
Present your mockup and explain how CSS effects enhance the design
Create a CSS cheat sheet
Show steps
Reinforce your understanding of CSS effects by creating a quick reference guide.
Show steps
-
Gather a list of useful CSS properties and values
-
Categorize and organize the properties into sections
-
Design and format the cheat sheet for easy readability
Build a personal portfolio website using advanced CSS effects
Show steps
Put your CSS skills to the test by creating a real-world project that showcases your abilities.
Show steps
-
Plan the structure and design of your portfolio website
-
Implement advanced CSS effects to enhance the user experience
-
Test and iterate on your design to improve usability
Read a book on advanced CSS effects
Show steps
Build a solid foundation in advanced CSS by reading a comprehensive book on the topic.
View
The 2020 Web Almanac
on Amazon
Show steps
Show steps
Show steps
- Choose a book from the recommended reading list
- Set aside dedicated time for reading
- Take notes and highlight important concepts
- Complete any exercises or activities provided in the book
Follow CSS tutorials to create interactive elements
Show steps
Enhance your understanding of CSS effects by applying them in practical scenarios.
Show steps
Show steps
Show steps
- Search for tutorials on creating interactive CSS elements
- Select a tutorial that aligns with your learning objectives
- Follow the tutorial step-by-step and implement the CSS effects
Solve CSS challenges
Show steps
Sharpen your CSS problem-solving skills by tackling practice exercises.
Show steps
Show steps
Show steps
- Find online CSS challenges or code puzzles
- Attempt to solve the challenges using CSS
- Review your solutions and identify areas for improvement
Five other activities
Expand to see all activities and additional details
Show all eight activities
Answer questions on CSS forums or discussion boards
Show steps
Reinforce your understanding of CSS by helping others and sharing your knowledge.
Show steps
Show steps
Show steps
- Identify online forums or discussion boards related to CSS
- Monitor the forums for questions related to CSS effects
- Provide thoughtful and helpful responses to questions
Participate in a peer review session for CSS code
Show steps
Gain valuable feedback on your CSS code and improve your understanding by reviewing others' code.
Show steps
Show steps
Show steps
- Find a peer or group to review your CSS code
- Present your code and explain your approach
- Receive feedback and suggestions from your peers
Design and present a website mockup with innovative CSS effects
Show steps
Demonstrate your mastery of CSS effects by creating a stunning website design.
Show steps
Show steps
Show steps
- Sketch out your website design and plan the CSS effects you want to use
- Create a high-fidelity mockup using a design tool or HTML/CSS
- Present your mockup and explain how CSS effects enhance the design
Create a CSS cheat sheet
Show steps
Reinforce your understanding of CSS effects by creating a quick reference guide.
Show steps
Show steps
Show steps
- Gather a list of useful CSS properties and values
- Categorize and organize the properties into sections
- Design and format the cheat sheet for easy readability
Build a personal portfolio website using advanced CSS effects
Show steps
Put your CSS skills to the test by creating a real-world project that showcases your abilities.
Show steps
Show steps
Show steps
- Plan the structure and design of your portfolio website
- Implement advanced CSS effects to enhance the user experience
- Test and iterate on your design to improve usability
Career center
Learners who complete CSS Advanced Features will develop knowledge and skills
that may be useful to these careers:
Front-End Developer
Front-End Developer
Front-End Developers are responsible for the design and implementation of the user interface of a website. They use a variety of programming languages and technologies, including CSS. This course will help you build a strong foundation in CSS, which will make you a more valuable asset to any front-end development team. You will learn how to use CSS to create visually appealing and interactive websites.
Web Developer
Web Developer
Web Developers are responsible for building and maintaining websites. They use a variety of programming languages and technologies, including CSS. This course will help you build a strong foundation in CSS, which will make you a more valuable asset to any web development team. You will learn how to use CSS to create visually appealing and interactive websites.
UI/UX Designer
UI/UX Designer
UI/UX Designers are responsible for the design and usability of a website. They use a variety of tools and techniques, including CSS. This course will help you build a strong foundation in CSS, which will make you a more valuable asset to any UI/UX design team. You will learn how to use CSS to create visually appealing and interactive websites.
Art Director
Art Director
Art Directors are responsible for the overall visual design of a project. They work with a variety of creative professionals, including graphic designers and web developers. This course will help you build a strong foundation in CSS, which will make you a more valuable asset to any art direction team. You will learn how to use CSS to create visually appealing and interactive designs.
Creative Director
Creative Director
Creative Directors are responsible for the overall creative vision of a project. They work with a variety of creative professionals, including art directors and graphic designers. This course will help you build a strong foundation in CSS, which will make you a more valuable asset to any creative direction team. You will learn how to use CSS to create visually appealing and interactive designs.
Graphic designer
Graphic designer
Graphic Designers are responsible for creating visual content, such as logos, brochures, and websites. They use a variety of software and techniques, including CSS. This course will help you build a strong foundation in CSS, which will make you a more valuable asset to any graphic design team. You will learn how to use CSS to create visually appealing and interactive designs.
Motion Graphics Designer
Motion Graphics Designer
Motion Graphics Designers are responsible for the design and animation of motion graphics. They work with a variety of stakeholders, including directors and producers. This course will help you build a strong foundation in CSS, which will make you a more valuable asset to any motion graphics design team. You will learn how to use CSS to create visually appealing and interactive motion graphics.
User Experience Designer
User Experience Designer
User Experience Designers are responsible for the design and evaluation of user experiences. They work with a variety of stakeholders, including engineers and researchers. This course will help you build a strong foundation in CSS, which will make you a more valuable asset to any user experience design team. You will learn how to use CSS to create visually appealing and interactive user experiences.
Product Designer
Product Designer
Product Designers are responsible for the design and development of products. They work with a variety of stakeholders, including engineers and marketers. This course will help you build a strong foundation in CSS, which will make you a more valuable asset to any product design team. You will learn how to use CSS to create visually appealing and interactive products.
Interaction Designer
Interaction Designer
Interaction Designers are responsible for the design of user interactions. They work with a variety of stakeholders, including engineers and designers. This course will help you build a strong foundation in CSS, which will make you a more valuable asset to any interaction design team. You will learn how to use CSS to create visually appealing and interactive interactions.
Information Architect
Information Architect
Information Architects are responsible for the organization and structure of information. They work with a variety of stakeholders, including designers and developers. This course will help you build a strong foundation in CSS, which will make you a more valuable asset to any information architecture team. You will learn how to use CSS to create visually appealing and interactive information architectures.
Technical Writer
Technical Writer
Technical Writers are responsible for the creation and maintenance of technical documentation. They work with a variety of stakeholders, including engineers and marketers. This course may be useful for Technical Writers who want to learn more about CSS. You will learn how to use CSS to create visually appealing and interactive documentation.
Instructional Designer
Instructional Designer
Instructional Designers are responsible for the design and development of instructional materials. They work with a variety of stakeholders, including teachers and students. This course may be useful for Instructional Designers who want to learn more about CSS. You will learn how to use CSS to create visually appealing and interactive instructional materials.
Data Analyst
Data Analyst
Data Analysts are responsible for the collection, analysis, and interpretation of data. They work with a variety of stakeholders, including business analysts and managers. This course may be useful for Data Analysts who want to learn more about CSS. You will learn how to use CSS to create visually appealing and interactive data visualizations.
Software Engineer
Software Engineer
Software Engineers are responsible for the design, development, and maintenance of software applications. They work with a variety of stakeholders, including project managers and users. This course may be useful for Software Engineers who want to learn more about CSS. You will learn how to use CSS to create visually appealing and interactive user interfaces.
For more career information including salaries, visit:
OpenCourser.com/course/gph38w/css
Reading list
We've selected seven books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
CSS Advanced Features.
Comprehensive guide to CSS, covering everything from the basics to advanced techniques. It valuable resource for anyone who wants to learn more about CSS and how to use it effectively.
Practical guide to advanced CSS techniques, covering topics such as CSS preprocessors, responsive design, and SVG.
Save
Practical guide to CSS Grid Layout, covering everything from the basics to advanced techniques.
Save
Collection of CSS secrets that can be used to create more advanced and visually appealing websites.
Collection of CSS recipes that can be used to solve common problems.
Comprehensive guide to CSS3, covering everything from the basics to advanced techniques.
Beginner-friendly introduction to CSS, covering everything from the basics to advanced techniques.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/gph38w/css
Share
Similar courses
Here are nine courses similar to
CSS Advanced Features.
Creative Advanced CSS & JavaScript Animations - 150 Projects
OpenCourser.com/course/i88t95/creative
Creative Advanced CSS & JavaScript Animations - 150...
Most relevant
Beyond Basic CSS: Typography, Color, Effects, & Animation
OpenCourser.com/course/ifo3zq/beyond
Beyond Basic CSS: Typography, Color, Effects, & Animation
Most relevant
CSS Bootcamp - Master CSS (CSS Grid / CSS Flexbox)
OpenCourser.com/course/rbvut0/css
CSS Bootcamp - Master CSS (CSS Grid / CSS Flexbox)
Most relevant
Introduction to Web Applications
OpenCourser.com/course/qqo9qc/introduction
Introduction to Web Applications
Most relevant
SVG Animation with JavaScript
OpenCourser.com/course/axut40/svg
SVG Animation with JavaScript
Most relevant
Tailwind CSS : A Modern Way To Build Websites Using CSS
OpenCourser.com/course/yuktfq/tailwind
Tailwind CSS : A Modern Way To Build Websites Using CSS
Try It: CSS Fundamentals
OpenCourser.com/course/qm0ep0/try
Try It: CSS Fundamentals
HTML5 Animations Made Easy with Animate.css
OpenCourser.com/course/5kkpgl/html5
HTML5 Animations Made Easy with Animate.css
Building Websites with HTML and CSS
OpenCourser.com/course/kpd6vz/building
Building Websites with HTML and CSS
Time
129 hours
Level
Intermediate
Via
Pluralsight
Instructor
Nate Taylor
Language
English
Good to know
Appropriate for students with no to little experience with CSS who wish to expand their knowledge
Can assist students in becoming more proficient in the application of advanced CSS techniques, like animation and effects
Offers practical hands-on experience through interactive materials and exercises
Taught by Nate Taylor, an experienced and knowledgeable instructor in the field
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser