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.

Getting started with HTML/CSS

  • Design and Code Your First Website in 9 Easy-to-Understand Steps

    Design and Code Your First Website in 9 Easy-to-Understand Steps

    Nathan Umoh
  • HTML & CSS for Beginners (MEGA Free Course!)

    HTML & CSS for Beginners (MEGA Free Course!)

    Adi Purdila
  • All HTML/CSS tutorials:

    1. Quick Tip: How to Create an Off-Canvas Feedback Form With Pure CSS

      Quick Tip: How to Create an Off-Canvas Feedback Form With Pure CSS

      Tutorial Beginner

      In this tutorial, we’ll walk through the process of creating an off-canvas feedback form. We won’t use any JavaScript to accomplish this, in fact, we’ll...

    2. How to Use Easy Video Player for JavaScript

      How to Use Easy Video Player for JavaScript

      Tutorial Beginner

      In this tutorial, you will learn how to create a responsive video player with support for annotations using the Easy Video Player script for HTML5 and...

    3. Firefox vs. Firefox Developer Edition: What’s the Difference?

      Firefox vs. Firefox Developer Edition: What’s the Difference?

      Tutorial Beginner

      In this quick tip I’ll explain the differences between regular Firefox and Firefox Developer Edition. I’ll show you where you can download it and cover the...

    4. Try Our Practical Web Animation Course, With New Bonus Projects!

      Try Our Practical Web Animation Course, With New Bonus Projects!

      Tutorial Beginner

      Join the thousands of people who have learned web animation in our popular course, Practical Web Animation. Try some of the brand new projects we've added.

    5. Sticky Positioning Without JavaScript (Thanks to CSS Position: Sticky)

      Sticky Positioning Without JavaScript (Thanks to CSS Position: Sticky)

      Tutorial Intermediate

      Sticking elements when the user scrolls to a certain point is a common pattern in modern web design. This behaviour has now become a standard (CSS position:...

    6. How to Create a Stylish Pricing Table With a Sticky Header

      How to Create a Stylish Pricing Table With a Sticky Header

      Tutorial Intermediate

      Sticky pricing tables are perfect for showing products and services with long lists of comparable features–in this tutorial we’re going to create a pricing...

    7. An Introduction to CSS-in-JS: Examples, Pros, and Cons

      An Introduction to CSS-in-JS: Examples, Pros, and Cons

      Tutorial Beginner

      With CSS-in-JS libraries, you can style component-based applications securely and efficiently. They also let you add complex UX logic and dynamic...

    8. How to Make the Bootstrap Navbar Dropdown Work on Hover

      How to Make the Bootstrap Navbar Dropdown Work on Hover

      Tutorial Beginner

      in this short tutorial we’ll build a typical Bootstrap navbar with a quick solution for showing its dropdowns on hover.

    9. Solving Problems With CSS Grid: The Gantt Chart

      Solving Problems With CSS Grid: The Gantt Chart

      Tutorial Beginner

      We recently published a tutorial explaining how to build a JavaScript-driven Gantt Chart. I think it’s the perfect case study for CSS Grid, so in this...

    10. How to Use the WordPress REST API: A Practical Tutorial

      How to Use the WordPress REST API: A Practical Tutorial

      Tutorial Intermediate

      In this practical tutorial I’ll explain how you can use the WordPress REST API to create a multi-layout portfolio with an AJAX filter.

    11. Create a Drag-and-Drop Contact Form With the FormCraft 3 WordPress Plugin

      Create a Drag-and-Drop Contact Form With the FormCraft 3 WordPress Plugin

      Tutorial Beginner

      Whether you are running an online store, marketplace, or a blog on your WordPress website, you'll need a contact form. In this article, I am going to show...

    12. How to Build a Simple Gantt Chart With CSS and JavaScript

      How to Build a Simple Gantt Chart With CSS and JavaScript

      Tutorial Intermediate

      So far in our series of CSS chart tutorials, we've learned how to create different types of charts. Today we'll continue this journey. Specifically, we'll...