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. Introduction to CSS Container Queries

    Introduction to CSS Container Queries

    Course Beginner

    To make a website responsive, we traditionally use media queries, a practice that's been around for years but that sometimes has its drawbacks. To fix some...

  2. An Introduction to CSS Logical Properties

    An Introduction to CSS Logical Properties

    Course Beginner

    If you’ve never heard of CSS logical properties, don’t worry— they’re pretty new, but they’re also pretty awesome! The basic idea behind them is that we can...

  3. Understanding CSS Specificity

    Understanding CSS Specificity

    Course Beginner

    Trying to resolve CSS conflicts can sometimes be a frustrating task. Figuring out why a certain style gets applied over another is something all web...

  4. Introduction to UIkit

    Introduction to UIkit

    Course Beginner

    UIkit is a lightweight and modular front-end framework for developing web interfaces. It’s a great choice for quickly putting together websites or web apps,...

  5. The Complete Guide to Using CSS Variables

    The Complete Guide to Using CSS Variables

    Course Beginner

    CSS custom properties, also known as CSS variables, are entities that contain specific values that can be reused in a stylesheet. They are like LESS or Sass...

  6. How to Create CSS Masonry Layouts

    How to Create CSS Masonry Layouts

    Course Beginner

    If you’ve ever browsed Pinterest, then you’ll have noticed that the various cards are displayed in a staggered way and don’t align horizontally. This is...

  7. How to Create a Full-Screen Slider With CSS and Vanilla JavaScript

    How to Create a Full-Screen Slider With CSS and Vanilla JavaScript

    Course Beginner

    A slider is a very popular UI pattern and is very useful for displaying large amounts of information without taking up too much space. While there are...

  8. Essential CSS Libraries for Web Designers

    Essential CSS Libraries for Web Designers

    Course Intermediate

    In this course, you’ll learn how to use eight essential CSS libraries for web designers, available today. Amongst them; normalize.css to give you a proper...

  9. A Guide to Animation Performance on the Web

    A Guide to Animation Performance on the Web

    Course Intermediate

    On today’s web, animations play a big role in user experience and the delivery of information. The days of slow browsers are long gone, and the browsers we...

  10. Introduction to Text Masking on the Web

    Introduction to Text Masking on the Web

    Course Beginner

    Text masking (also known as “knockout text”) is a technique that allows us to display images, gradients, patterns, and even videos inside the shape of a...

  11. Getting Started With CSS Multi-Column Layout

    Getting Started With CSS Multi-Column Layout

    Course Beginner

    When it comes to creating layouts in CSS, most commonly we use floats, Flexbox, or CSS Grid Layout. But there’s another layout method that’s not used much...

  12. 5 CSS Projects: Image Hover Effects

    5 CSS Projects: Image Hover Effects

    Course Beginner

    Creating a hover effect for an image is a great opportunity to display additional information whilst also spicing up an otherwise normal design. In this...