64%

Learn CSS, from Laying Out Websites to Performant Animations

CSS is rich in capabilities and is more than simply laying out pages! Replace costly JavaScript with CSS.

Core Coursework

(take these in order)

+
Editor's Notes

Use CSS to layout and visually style web pages so you’re websites aren’t just functional, but they look nice as well!

Getting Started with CSS

Jen Kramer

Freelance Instructor

Get to know CSS in the right way without the fluff. You'll style text, build navigation bars, headers/footers, add icons, and more. You'll even build a professional portfolio website by the end of the course!

3 hours, 19 minutes

CC
+
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 Grid & Flexbox for Responsive Layouts, v2

Jen Kramer

Freelance Instructor

Learn the essential CSS layout techniques for building responsive, beautiful websites. You'll use CSS Grid and Flexbox along with responsive images to build out real-world web layouts!

5 hours, 49 minutes

CC
+
Editor's Notes

Use CSS to layout and visually style web pages so you’re websites aren’t just functional, but they look nice as well!

SVG Essentials & Animation, v2

Sarah Drasner

Netlify

Build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!

4 hours, 12 minutes

CC
+
Editor's Notes

The most essential tools to bring your designs to life are modern CSS layout tools such as Flexbox and CSS Grid.

Advanced CSS Layouts

Jen Kramer

Freelance Instructor

Flexbox and Grid provide methods for creating responsive websites with designs not previously possible. Combined with CSS Calc & Custom Properties, they revolutionize the way we lay out web pages with CSS!

3 hours, 46 minutes

CC