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. How to create a Lottie animation

      How to create a Lottie animation

      Tutorial Beginner

      Turn a static SVG illustration into a lively Lottie animation with smooth keyframes, dynamic motion, and seamless looping effects!

    2. The best CSS and JavaScript carousel tutorials on Tuts+

      The best CSS and JavaScript carousel tutorials on Tuts+

      Tutorial Beginner

      Today, we'll explore the best CSS and JavaScript carousel tutorials currently available on Envato Tuts+. Sit back, relax, and enjoy the roundup!

    3. How to create a custom JavaScript sparkle cursor

      How to create a custom JavaScript sparkle cursor

      Tutorial Beginner

      In this tutorial, we will build a beautiful sparkle cursor animation from scratch using HTML, CSS, and JavaScript.

    4. How to create a Lottie text animation

      How to create a Lottie text animation

      Tutorial Beginner

      In the following tutorial, you will learn how to create a lottie animation in After Effects.

    5. How to animate on scroll with vanilla JavaScript

      How to animate on scroll with vanilla JavaScript

      Tutorial Intermediate

      In this tutorial, we’ll combine CSS animations and JavaScript event listeners to create an animate on scroll feature that works on all browsers.

    6. How to create and animate SVG spinners and loaders

      How to create and animate SVG spinners and loaders

      Tutorial Beginner

      SVG spinners and loaders are a great way to enhance the web experience. They can give crucial visual feedback when submitting or fetching data, so let’s...

    7. 25 ridiculously impressive HTML5 canvas experiments

      25 ridiculously impressive HTML5 canvas experiments

      Tutorial Beginner

      Looking to take your HTML5 animations to the next level? Get inspired by these 25 extremely cool examples of canvas in HTML5!

    8. Create a confetti animation with HTML canvas and JavaScript

      Create a confetti animation with HTML canvas and JavaScript

      Tutorial Intermediate

      Have you ever clicked a button and seen a confetti animation explode onto the screen? Or visited a website where the whole screen is covered in that same...

    9. Easy CSS slider (carousel with pure CSS)

      Easy CSS slider (carousel with pure CSS)

      Tutorial Beginner

      A carousel is a great example of a possible CSS-only interactive feature. In this tutorial, we’ll build a carousel with a few extra features using only CSS.

    10. How to create a “blob generator” tool in JavaScript (Canvas tutorial)

      How to create a “blob generator” tool in JavaScript (Canvas tutorial)

      Tutorial Intermediate

      A slightly weird one, but in this tutorial, we’ll learn how to create a blob generator tool using HTML, CSS, and JavaScript. There’s a lot to learn!

    11. Build a Bootstrap light/dark toggle switch component

      Build a Bootstrap light/dark toggle switch component

      Tutorial Beginner

      In this tutorial, we’ll extend Bootstrap by building a custom color mode switcher that takes advantage of Bootstrap’s built-in dark mode styles.

    12. How to create an image compressor tool in JavaScript

      How to create an image compressor tool in JavaScript

      Tutorial Intermediate

      In this tutorial, I will guide you through creating an image compression tool that provides a simple yet powerful way to reduce image sizes without...