CSS

CSS Courses

CSS is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.

Front-End System Design

Evgenii Ray

Evgenii Ray

Staff UI Engineer
Learn best practices for building scalable, high-performance web applications. Deep dive into front-end engineering: DOM APIs, virtualization, state management, and performance.
4 hours, 37 minutes CC
Front-End System Design
drag handle

Web Development Project: Personal Portfolio Website

Jen Kramer

Jen Kramer

AnnieCannons
Create a personal portfolio website from scratch using HTML and CSS. Master responsive design techniques, CSS layout tools, and best practices for showcasing your work across devices.
5 hours, 5 minutes CC
Web Development Project: Personal Portfolio Website
drag handle

Ultimate CSS Grid & Layout Techniques, v3

Jen Kramer

Jen Kramer

AnnieCannons
CSS Grid is the most important tool in a modern web developer's toolkit for laying out web pages. Learn advanced techniques including subgrid, container queries, and responsive images through hands-on CodePen exercises.
6 hours, 21 minutes CC
Ultimate CSS Grid & Layout Techniques, v3
drag handle

Tailwind CSS

Steve Kinney

Steve Kinney

Temporal
Learn Tailwind CSS‘s utility-first approach for responsive, and customizable web designs. Master themes, layers, responsive breakpoints, dark mode, and more to create maintainable and visually appealing user interfaces!
4 hours, 10 minutes CC
Tailwind CSS
drag handle

CSS Projects

Jen Kramer

Jen Kramer

AnnieCannons
Looking to practice your CSS skills? Work through five distinct projects to practice writing semantic HTML, mobile-first designs, media queries, and CSS layout techniques.
5 hours, 1 minute CC
CSS Projects
drag handle

CSS Foundations

Fast-track your CSS learning to build professional, responsive websites. Master core concepts and practical layouts with Flexbox and Grid through engaging hands-on exercises.
3 hours, 56 minutes CC
CSS Foundations
drag handle

Practical CSS Layouts

Jen Kramer

Jen Kramer

AnnieCannons
Learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists.
8 hours, 58 minutes CC
Practical CSS Layouts
drag handle

Intermediate HTML & CSS

Jen Kramer

Jen Kramer

AnnieCannons
Learn modern CSS selectors like :is(), :where(), and :has() and discover new HTML elements and CSS Selectors that you might not know!
5 hours, 37 minutes CC
Intermediate HTML & CSS
drag handle

Complete Intro to Web Development, v3

Brian Holt

Brian Holt

SQLite Cloud
This web development course will take you from building your first website to having the foundation for becoming a professional web developer. Start learning for free!
12 hours, 25 minutes CC
Complete Intro to Web Development, v3
drag handle

CSS Animations and Transitions

Learn CSS transitions, animations, custom properties, data attributes, choreography, animation states, layout animations, and reactive animations with a little bit of JavaScript.
4 hours, 14 minutes CC
CSS Animations and Transitions
drag handle

Getting Started with CSS

Jen Kramer

Jen Kramer

AnnieCannons
Get to know CSS in the right way without the fluff. You'll style text, build navigation bars, headers/footers, add icons, and more!
3 hours, 19 minutes CC
Getting Started with CSS
drag handle

Dynamic CSS with Custom Properties (aka CSS Variables)

Create reusable components without any JavaScript dependencies needed – with only vanilla CSS! Master CSS custom properties AKA CSS variables.
3 hours, 54 minutes CC
Dynamic CSS with Custom Properties (aka CSS Variables)
drag handle

Advanced CSS Layouts

Jen Kramer

Jen Kramer

AnnieCannons
Flexbox and Grid provide methods for creating responsive websites with complex designs. Combined with CSS Calc, it revolutionizes CSS layout web pages. Learn more!
3 hours, 46 minutes CC
Advanced CSS Layouts
drag handle

Sass Fundamentals

This Sass programming course will empower your CSS practices and help you master styling complex applications while keeping the styles readable and maintainable.
3 hours, 44 minutes CC
Sass Fundamentals
drag handle

Scalable Modular Architecture for CSS (SMACSS)

Jonathan Snook

Jonathan Snook

Snook.ca Web Development, Inc.
Learn how to make your CSS more maintainable and modular using Jonathan Snook's Scalable Modular Architecture for CSS (SMACSS) methodology.
5 hours, 51 minutes
Scalable Modular Architecture for CSS (SMACSS)
drag handle