Core Coursework
(take these in order)
- +
Editor's Notes
The most essential tools to bring your designs to life are modern CSS layout tools such as Flexbox and CSS Grid. CSS Grids and Flexbox for Responsive Web Design
Master CSS Grid and Flexbox, the latest tools and tricks to layout beautiful, responsive web applications with less code.
- +
Editor's Notes
Knowing all the tools available in CSS can open limitless possibilities. CSS In-Depth, v2
Take a deep-dive into the essential features of CSS, while also exploring CSS features you probably didn’t even know existed!- +
Editor's Notes
Typography is an important design tool to express your brand through the clothes your words where. Responsive Web Typography v2
Learn how to implement web fonts and create a modern, scalable typographic system to give the best reading experience for desktop and mobile devices!- +
Editor's Notes
Having a powerful programming language on your side on top of CSS can make your styles more reusable with less code. Sass Fundamentals
Leverage the Sass preprocessing to empower your CSS practices and master styling complex applications while keeping the styles readable and maintainable.- +
Editor's Notes
Organizing your CSS by functionality can improve the scalability of your stylesheets. Scalable Modular Architecture for CSS (SMACSS)
Make your CSS more maintainable and modular using Jonathan Snook's Scalable Modular Architecture for CSS (SMACSS) methodology.
Elective Coursework
Advanced SVG Animation
Make resolution-independent, scalable, complex animations for a myriad of use cases across the web with SVGMotion Design with CSS
Animation is crucial to developing interactive designs and interfaces, and CSS is one of the most performant ways to animate!