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. How to Make a Simple One-Page Website: From a Parallax WordPress Theme

      How to Make a Simple One-Page Website: From a Parallax WordPress Theme

      Tutorial Beginner

      Don't fret: making a one-page website with parallax scrolling effects in WordPress is easier than you think. Lets walk through the important steps to take!

    2. How to Build a Responsive, Multi-Level, Sticky Footer With Flexbox

      How to Build a Responsive, Multi-Level, Sticky Footer With Flexbox

      Tutorial Intermediate

      In this tutorial, I’ll show you how to use flexbox to create a responsive, multi-level, multi-column footer that sticks to the bottom of the page, no matter...

    3. Quick Tip: Styling Restricted Content for Online Publishers

      Quick Tip: Styling Restricted Content for Online Publishers

      Tutorial Beginner

      In this quick tutorial, we’ll cover some ideas for styling restricted content–just like techniques you’ll see used by big online newspapers.

    4. Create a JavaScript Contact Form With the Smart Forms Framework

      Create a JavaScript Contact Form With the Smart Forms Framework

      Tutorial Beginner

      Get an overview of the features of the Smart Forms JavaScript form framework and discover how you can use it to create your own custom JavaScript forms.

    5. How to Build a Filterable Thumbnail Layout With CSS Grid, Flexbox, and JavaScript

      How to Build a Filterable Thumbnail Layout With CSS Grid, Flexbox, and JavaScript

      Tutorial Intermediate

      In this tutorial, we’re going to take a bunch of photos and turn them into a filterable thumbnail layout. We’ll combine all the latest CSS goodies (CSS Grid,...

    6. New Course on Using HTML Tables the Right Way in 2019

      New Course on Using HTML Tables the Right Way in 2019

      Tutorial Beginner

      In our new course, A Short Guide to Using HTML Tables in the Modern Age, you'll learn how to use HTML tables the right way.

    7. How to Add RTL Support to Flexbox and CSS Grid

      How to Add RTL Support to Flexbox and CSS Grid

      Tutorial Beginner

      CSS logical properties come with a surprising feature: they make it super easy to support right-to-left (RTL) language scripts. As flexbox and CSS grid are...

    8. A Short Guide to Using HTML Tables in the Modern Age

      A Short Guide to Using HTML Tables in the Modern Age

      Course Beginner

      Back in the day, web pages were built with tables. These were the cornerstone of any layout. Nowadays, we have so many different and much simpler ways of...

    9. Create a Stylish Dark Contact Form with HTML, CSS, and JavaScript

      Create a Stylish Dark Contact Form with HTML, CSS, and JavaScript

      Tutorial Intermediate

      In this tutorial, we’ll walk through the process of styling basic contact form elements. We’ll examine different ways for making a form beautiful and fully...

    10. CSS Subgrid: Features, Syntax, and the Problem It Will Solve

      CSS Subgrid: Features, Syntax, and the Problem It Will Solve

      Tutorial Beginner

      CSS subgrid will let children of grid items inherit the grid layout from their grandparent. In this article, we look into how subgrid will be different from...

    11. New Course: Creating Custom Presentation Themes for Reveal.js

      New Course: Creating Custom Presentation Themes for Reveal.js

      Tutorial Beginner

      Reveal.js is a powerful HTML framework used to create presentations. In our new short course, Creating Custom Presentation Themes for Reveal.js, you'll learn...

    12. Introduction to Text Masking on the Web

      Introduction to Text Masking on the Web

      Course Beginner

      Text masking (also known as “knockout text”) is a technique that allows us to display images, gradients, patterns, and even videos inside the shape of a...