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. jQuery Succinctly: HTML Forms & jQuery

      jQuery Succinctly: HTML Forms & jQuery

      Tutorial Intermediate

      Disable/Enable Form Elements Using jQuery, you can easily disable form elements by setting the disabled attribute value of a form element to disabled. To...

    2. Building a Mobile First Responsive WordPress Theme

      Building a Mobile First Responsive WordPress Theme

      Tutorial Intermediate

      Theme building is at the heart of WordPress. It's the technique you use to build bespoke websites for yourself or your clients and it's a vital skill for...

    3. Source Maps 101

      Source Maps 101

      Tutorial Intermediate

      In today's modern workflow, the code that we author in our development environments is considerably different from the production code, after running it...

    4. Lessons Learned from Building Shopify Themes

      Lessons Learned from Building Shopify Themes

      Tutorial Beginner

      I first used Shopify not long after it launched in 2006. I loved that it was a simple to use and competitively priced hosted e-commerce platform. But above...

    5. A Simple Parallax Scrolling Technique

      A Simple Parallax Scrolling Technique

      Tutorial Intermediate

      Parallax scrolling is an interesting technique, where, as you scroll, the background images translate slower than the content in the foreground, creating the...

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

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

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

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

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

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