Learn HTML/CSS

Learn the fundamentals of web design with our HTML and CSS tutorials. Build landing pages, apps, websites, and more, with animations and other advanced effects.

All HTML/CSS courses:

  1. This Is Bootstrap 5

    This Is Bootstrap 5

    Course Beginner

    Bootstrap is the most popular HTML, CSS and JavaScript framework in the world. It's very easy to use this framework to build responsive, mobile-first...

  2. 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...

  3. 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...

  4. 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...

  5. 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,...

  6. 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...

  7. 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...

  8. 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...

  9. 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...

  10. Beginner to Advanced With Adobe XD Auto-Animate

    Beginner to Advanced With Adobe XD Auto-Animate

    Course Beginner

    Master the art of Adobe XD animation in this free Adobe XD tutorial. You'll learn how to use Adobe XD auto-animate to bring your prototypes to life! Adobe...

  11. An Introduction to Styling HTML Forms

    An Introduction to Styling HTML Forms

    Course Beginner

    Styling HTML forms with CSS can sometimes be tricky. Some elements like text inputs and buttons are really easy to style, while others, like select inputs,...

  12. Practical Web Animation

    Practical Web Animation

    Course Intermediate

    The days of animation-heavy websites are fading, but there is still something to be said for a site with small amounts of subtle, eye-catching motion to help...