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. Making a Theme With Bones: Getting Started

      Making a Theme With Bones: Getting Started

      Tutorial Intermediate

      We are using a starter theme to build a new responsive site.

    2. Using OpenLayers with GeoNames WebServices

      Using OpenLayers with GeoNames WebServices

      Tutorial Intermediate

      In this tutorial, I'll show you how to use OpenLayers, a simple to use open source JavaScript library to load, display, and render maps, with the...

    3. Markdown: The Ins and Outs

      Markdown: The Ins and Outs

      Tutorial Beginner

      Markdown is a shockingly simple markup language that allows you to write, using an easy-to-read, easy-to-write, plain text format. This format can then, in...

    4. Why Aren’t You Using SVG?

      Why Aren’t You Using SVG?

      Tutorial Beginner

      SVG, or Scalable Vector Graphics, is a XML-style markup driven vector graphic rendering engine for the browser. SVG is supported in every browser, except IE...

    5. Create an Animated 3D Bar Chart/Graph

      Create an Animated 3D Bar Chart/Graph

      Tutorial Intermediate

      The Truematter team was recently tasked with creating a fun, sexy web app that presents numerical data in an engaging way. After putting our heads together,...

    6. Build an Image Editor With EaselJS, jQuery, and the HTML5 File API

      Build an Image Editor With EaselJS, jQuery, and the HTML5 File API

      Tutorial Advanced

      As HTML5 becomes more popular, more of the major browsers begin to support its APIs. Today, using the Canvas and File APIs, we can create a full-blown...

    7. Convert Your WordPress Theme to HTML5

      Convert Your WordPress Theme to HTML5

      Tutorial Intermediate

      HTML5 introduces a great set of new features and easy options. Soon it will have the full support of most browsers in use today. Eventually everyone will...

    8. How to Inject Custom HTML and CSS into an iframe

      How to Inject Custom HTML and CSS into an iframe

      Tutorial Intermediate

      Ever been to a site like JSBin, where you can write HTML, CSS, and JavaScript, and then see the results in a panel to the right? An iframe is how we can...

    9. iOS 5: Fixed Positioning and Content Scrolling

      iOS 5: Fixed Positioning and Content Scrolling

      Tutorial Beginner

      Two of the most celebrated enhancements to Safari on iOS 5 are fixed positioning and content scrolling support. This tutorial will teach you how to take...

    10. How to Build an RSS Reader with jQuery Mobile

      How to Build an RSS Reader with jQuery Mobile

      Tutorial Intermediate

      Twice a month, we revisit some of our readers’ favorite posts from through out the history of Nettuts+. This tutorial was first published in October 2010. ...

    11. How To Create A Simple 404 Error Page For WordPress Themes

      How To Create A Simple 404 Error Page For WordPress Themes

      Tutorial Beginner

      A visitor can encounter a 404 error for a number of reasons. As a website owner, you should ensure that the user experience of your website doesn't leave...

    12. Introduction to iScroll

      Introduction to iScroll

      Tutorial Beginner

      In this tutorial I will teach you how to use iScroll 4 to create a simple mobile web site. The site we create will have a fixed header and a fixed footer...