Evgenii Ray
Staff UI Engineer
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
Learn best practices for building scalable, high-performance web applications. Deep dive into front-end engineering: DOM APIs, virtualization, state management, and performance.
drag handle
Web Development Project: Personal Portfolio Website
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.
drag handle
Ultimate CSS Grid & Layout Techniques, v3
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.
drag handle
Tailwind CSS
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 user interfaces!
drag handle
CSS Projects
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.
drag handle
CSS Foundations
Emma Bostian
Spotify
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.
drag handle
Practical CSS Layouts
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.
drag handle
Intermediate HTML & CSS
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!
drag handle
Complete Intro to Web Development, v3
Brian Holt
Neon
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!
drag handle
CSS Animations and Transitions
David Khourshid
Microsoft
Learn CSS transitions, animations, custom properties, data attributes, choreography, animation states, layout animations, and reactive animations with a little bit of JavaScript.
drag handle
Getting Started with CSS
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!
drag handle
Dynamic CSS with Custom Properties (aka CSS Variables)
Lea Verou
MIT
Create reusable components without any JavaScript dependencies needed – with only vanilla CSS! Master CSS custom properties AKA CSS variables.
drag handle
Advanced CSS Layouts
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!
drag handle
Sass Fundamentals
Mike North
Stripe
This Sass programming course will empower your CSS practices and help you master styling complex applications while keeping the styles readable and maintainable.
drag handle
Scalable Modular Architecture for CSS (SMACSS)
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.
drag handle