Learn CSS

Style your website and make it stand out with our CSS tutorials. From basic layouts to advanced effects and animations, we'll help you level up your design skills.

All CSS courses:

  1. Start Here: Learn CSS Colors and Backgrounds

    Start Here: Learn CSS Colors and Backgrounds

    Course Beginner

    In this installation of our “Start Here” series, you’re going to breathe some life into the site you’ve been creating by using CSS colors and backgrounds. ...

  2. Start Here: Learn CSS Layout

    Start Here: Learn CSS Layout

    Course Beginner

    Now that you’ve learned the essentials of typography in the previous “Start Here” course, you’re ready to move on to the next fundamental element of web...

  3. Start Here: Learn CSS Typography

    Start Here: Learn CSS Typography

    Course Beginner

    If you’re a budding web designer and you’re ready to learn CSS, then start here! If there’s one kind of styling which is arguably more important than any...

  4. The Complete Guide to CSS Positioning

    The Complete Guide to CSS Positioning

    Course Beginner

    CSS positioning is arguably the most fundamental skill in web design; it powers layouts and hence forms the foundation of everything inside those layouts....

  5. 14 Days to Learn Sass

    14 Days to Learn Sass

    Course Beginner

    In this course you’ll learn the basics of Sass in 14 days. Each day you’ll learn something new and you will get a small exercise that will help you...

  6. Become a CSS Superhero With Stylus

    Become a CSS Superhero With Stylus

    Course Intermediate

    Stylus is one of the three leading CSS preprocessors that make CSS easier and more powerful than ever before, sharing the league with Sass and LESS. In...

  7. CSS: Flexbox Essentials

    CSS: Flexbox Essentials

    Course Beginner

    The CSS3 Flexible Box layout model, or Flexbox to use its popular name, is a great way to create flexible and grid-based layouts without having to rely on...

  8. Introduction to Brackets

    Introduction to Brackets

    Course Beginner

    Brackets is an open source code editor specifically for web designers and front-end developers. It has very handy features including CSS code hinting and...

  9. Design and Build Scroll-Based CSS Animations

    Design and Build Scroll-Based CSS Animations

    Course Beginner

    Activating CSS animations based on scrolling is a relatively new (and cool) technique that many of today’s front-end developers are taking advantage of....

  10. CSS 3D Essentials

    CSS 3D Essentials

    Course Intermediate

    CSS has grown into a very exciting and powerful language. Now that CSS has 3D capabilities, there are less limitations than ever before. So follow along to...

  11. PSD to WordPress: Minimal Portfolio Theme

    PSD to WordPress: Minimal Portfolio Theme

    Course Beginner

    There are lots of ways to get a new WordPress theme for your website, but what if you just built one yourself? Adi Purdila walks you through making a...