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. Create a Reusable Dropdown Component with JavaScript

      Create a Reusable Dropdown Component with JavaScript

      Tutorial Intermediate

      In this tutorial, we’ll create a reusable, custom dropdown component, using vanilla JavaScript.

    2. How to Build a Pure CSS Loading Animation (With Keyframes)

      How to Build a Pure CSS Loading Animation (With Keyframes)

      Tutorial Beginner

      Animations are a great way to make a website more interesting. In this tutorial, we’ll be building a loading animation on a webpage using CSS keyframes.

    3. The Best JavaScript Scroll Header Effects Tutorials on Tuts+

      The Best JavaScript Scroll Header Effects Tutorials on Tuts+

      Tutorial Beginner

      Interested in some inspiration for creative header effects on scroll? I’ve got you covered! Today we’ll explore the best Javascript-driven scroll header...

    4. How to Build a CRUD Web Application with Vanilla JavaScript

      How to Build a CRUD Web Application with Vanilla JavaScript

      Tutorial Intermediate

      In this tutorial, we’ll be building a CRUD application in the form of a note taking app. We’ll also explore how to use local storage to save notes in our...

    5. Best Ways to Preload Images Using JavaScript, CSS, and HTML

      Best Ways to Preload Images Using JavaScript, CSS, and HTML

      Tutorial Beginner

      This tutorial will show you three different methods of preloading images. We will also learn the pros and cons of these methods.

    6. 19 Best HTML5 and JavaScript Game Engines and Templates

      19 Best HTML5 and JavaScript Game Engines and Templates

      Tutorial Beginner

      Do you want to code an online game? You're in luck—this is a great time for any online game developer and those aspiring to be online game developers. HTML5...

    7. How to Make an Animated Bubble Chart With CSS

      How to Make an Animated Bubble Chart With CSS

      Tutorial Beginner

      We've covered plenty of techniques for developing different types of charts using CSS or/and JavaScript. Today, I’ll show you how to make a bubble chart with...

    8. How to Code an Accessible JavaScript Accordion Component

      How to Code an Accessible JavaScript Accordion Component

      Tutorial Intermediate

      In this tutorial, we’ll be creating an accessible accordion block component using vanilla JavaScript, that allows a user to toggle collapsible content.

    9. Input Element Pseudo-Classes to Improve User Experience

      Input Element Pseudo-Classes to Improve User Experience

      Tutorial Beginner

      This tutorial will show you how to use pseudo classes available for form input elements. You can use these classes to select valid, invalid, required, or...

    10. Local Storage and Session Storage in JavaScript

      Local Storage and Session Storage in JavaScript

      Tutorial Beginner

      This tutorial will show you how to use local storage and session storage in a browser with JavaScript using the Web Storage API.

    11. Build a Neat HTML5-Powered Contact Form

      Build a Neat HTML5-Powered Contact Form

      Tutorial Beginner

      In this tutorial, we are going to learn how to create a swanky HTML5 AJAX-powered contact form. The form will use some of the new HTML5 input elements and...

    12. How to Set Up a Multi-Filter Feature with Vanilla JavaScript

      How to Set Up a Multi-Filter Feature with Vanilla JavaScript

      Tutorial Advanced

      In this tutorial, we’re going to use vanilla JavaScript to implement a multi-filter feature, that allows a user to select and combine multiple different...