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 content:

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

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

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

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

    5. Style Your Apps With the Tailwind CSS Framework

      Style Your Apps With the Tailwind CSS Framework

      Tutorial Beginner

      Enjoy a tailwind in your next web development project! Try our brand new course, Style Your Apps With the Tailwind CSS Framework.

    6. How to Get More Women in STEM: Answers From a Panel Discussion

      How to Get More Women in STEM: Answers From a Panel Discussion

      Tutorial Beginner

      A few months ago I ran a panel discussion for the Swedish organisation DataTjej. We discussed the shortage of women in tech industries and how we can work...

    7. How to Create a Landing Page in WordPress Quickly

      How to Create a Landing Page in WordPress Quickly

      Tutorial Beginner

      Landing pages are essential, as you know, but creating them might seem like a lot of work. In this tutorial, we put that myth to rest with a guide that...

    8. Quick Tip: How to Customize Bootstrap 4’s Accordion Component

      Quick Tip: How to Customize Bootstrap 4’s Accordion Component

      Tutorial Intermediate

      In this quick tip, we’ll build a Bootstrap 4 accordion and apply a few customizations to it. Let’s get started!

    9. A Quick Full-Screen Hover Effect With CSS and JavaScript

      A Quick Full-Screen Hover Effect With CSS and JavaScript

      Tutorial Beginner

      In today’s quick tutorial we’ll learn how to build a useful full-screen background hover effect. In a real world scenario you might use this kind of effect...

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

    11. Build an Advanced Responsive Menu Inspired by Netflix

      Build an Advanced Responsive Menu Inspired by Netflix

      Tutorial Intermediate

      In today’s tutorial we’ll take inspiration from the Neflix Jobs website and learn to build an advanced responsive navigation menu with a cool transition effect.

    12. 3 JavaScript Projects for Beginners

      3 JavaScript Projects for Beginners

      Course Beginner

      For those of you trying to improve your JavaScript skills, this course will provide you with some practical JavaScript projects that are designed to help you...