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. Mobile Web Quick Tip: Phone Number Links

      Mobile Web Quick Tip: Phone Number Links

      Tutorial Beginner

      This quick tip demonstrates how to create phone number links with HTML. The techniques in this tip work on both Android and iPhone devices and can greatly...

    2. Full Screen Web Apps

      Full Screen Web Apps

      Tutorial Intermediate

      One of the first problems encountered when building a mobile web app from scratch is the amount of space consumed by the browser's address bar. This tutorial...

    3. 11 Tools to Instantly Code Faster

      11 Tools to Instantly Code Faster

      Tutorial Beginner

      Twice a month, we revisit or update some of our readers’ favorite posts and sessions from throughout the history of Nettuts+. This tutorial was first...

    4. Add Facebook Comments To Your Wordpress Theme

      Add Facebook Comments To Your Wordpress Theme

      Tutorial Beginner

      Facebook launched the social plugins for developers in 2010. You all know at least one of them, the "like" button that you see on lots of blog posts across...

    5. Quick Tip: How to Add Syntax Highlighting to Any Project

      Quick Tip: How to Add Syntax Highlighting to Any Project

      Tutorial Beginner

      In this lesson, we'll use a JavaScript based syntax highlighter to quickly add a syntax highlighting functionality to any web project — even on a simple HTML...

    6. Quick Tip: Adding a Simple Print Stylesheet to WordPress

      Quick Tip: Adding a Simple Print Stylesheet to WordPress

      Tutorial Beginner

      Adding a print stylesheet to your Wordpress site is a wise move. The environment will thank you for applying this article to your website. It's such a simple...

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

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

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

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

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

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