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. Canvas From Scratch: Pixel Manipulation

      Canvas From Scratch: Pixel Manipulation

      Tutorial Intermediate

      In the last article, you learned all about transformations, shadows and gradients. Today, I'm going to show you how to manipulate pixels in canvas; from...

    2. Canvas From Scratch: Transformations and Gradients

      Canvas From Scratch: Transformations and Gradients

      Tutorial Beginner

      In this article, I'm going to walk you through transformations in the canvas, as well as shadows and gradients. Transformations are an extremely valuable set...

    3. Canvas From Scratch: Advanced Drawing

      Canvas From Scratch: Advanced Drawing

      Tutorial Intermediate

      In the previous article in this series, you learned about the canvas element, and the basics for drawing on it. In this article, I'm going to demonstrate...

    4. Canvas From Scratch: Introducing Canvas

      Canvas From Scratch: Introducing Canvas

      Tutorial Beginner

      This is the first article in a series that will bring you up to speed with HTML5 canvas, the plugin-less drawing functionality built into modern browsers. In...

    5. How to Build Cross-Browser HTML5 Forms

      How to Build Cross-Browser HTML5 Forms

      Tutorial Intermediate

      In this tutorial, we're going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of...

    6. From PSD to HTML: Building a Set of Website Designs Step by Step

      From PSD to HTML: Building a Set of Website Designs Step by Step

      Tutorial Intermediate

      Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. Today I'm going to take you through my entire...

    7. How to Generate Noise with Canvas

      How to Generate Noise with Canvas

      Tutorial Intermediate

      Not too long ago, I noted on Twitter that it'd be fantastic if, one day, CSS3 provided support for adding noise to elements (not audio, but texture). After...

    8. Quick Tip: Detect CSS3 Support in Browsers with JavaScript

      Quick Tip: Detect CSS3 Support in Browsers with JavaScript

      Tutorial Intermediate

      Isn't it fun that we get to play with the latest CSS techniques, like shadows and transitions? There's only one problem: how do we compensate, or more...

    9. Getting Offline Access with HTML5 Application

      Getting Offline Access with HTML5 Application

      Tutorial Beginner

      Just when you thought you'd seen all the cool features of HTML5, I'm here to bring you yet another one. The internet is no longer about just websites; it's...

    10. Building Persistent Sticky Notes with Local Storage

      Building Persistent Sticky Notes with Local Storage

      Tutorial Intermediate

      HTML5 local storage is like cookies on steroids; it’s incredibly simple to use and yet still so powerful. In this tutorial, I’ll show you how to create...

    11. Sencha Touch: The HTML5 Mobile App Framework

      Sencha Touch: The HTML5 Mobile App Framework

      Tutorial Beginner

      Developing a mobile application requires many decisions to be made before the first line of code is even written. For instance, should you go with a web app...

    12. Quick Tip: Learning About HTML5 Local Storage

      Quick Tip: Learning About HTML5 Local Storage

      Tutorial Intermediate

      In today's video quick tip, we're going to build a working, though very basic, to-do list in just a minute or two. Thanks to HTML5's local storage, we can...