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 courses:

    1. Propeller: Combining Bootstrap With Material Design

      Propeller: Combining Bootstrap With Material Design

      Course Intermediate

      Propeller is a front-end framework that applies Material Design principles to Bootstrap websites. In this course, you will learn how to use Propeller to take...

    2. Structuring Stylesheets With RSCSS

      Structuring Stylesheets With RSCSS

      Course Intermediate

      “RSCSS” stands for “Reasonable System for CSS Stylesheet Structure”. It’s a system of concepts and conventions for organizing your CSS styles to keep them...

    3. 8 CSS Tricks You Never Use

      8 CSS Tricks You Never Use

      Course Intermediate

      Even if you’ve been using CSS for a decade, there's always something new to learn from other designers. In this course, we take a look at eight little-known...

    4. Enhancing Animation With jQuery UI

      Enhancing Animation With jQuery UI

      Course Intermediate

      jQuery UI is an extension of jQuery that makes it easy to create clean user interface elements for your websites. It also provides functionality that extends...

    5. A Visual Guide to CSS Animation

      A Visual Guide to CSS Animation

      Course Beginner

      It’s now possible to create awesome animation effects using pure CSS, without a scrap of JavaScript in sight. In this course you’ll learn how to create CSS...

    6. 3 CSS Grid Projects for Web Designers

      3 CSS Grid Projects for Web Designers

      Course Intermediate

      The CSS Grid Layout is a W3C working draft that defines a powerful grid system to ultimately make it easier to lay out your web pages using CSS. In this...

    7. JavaScript for Web Designers

      JavaScript for Web Designers

      Course Beginner

      In this course you’re going to learn the basics of JavaScript from a web designer’s perspective. We’ll begin by going over the basics, such as JavaScript...

    8. Data Design With Chart.js

      Data Design With Chart.js

      Course Intermediate

      Data design (or “data visualization”) is the art of displaying information in a way that is easy to consume and easy to understand. In this course, I’m going...

    9. Getting Started With ScrollMagic

      Getting Started With ScrollMagic

      Course Intermediate

      The proliferation of JavaScript front-end libraries has made many tasks simpler for web designers and developers. In this short course, you will be...

    10. Essential JS Libraries for Web Typography

      Essential JS Libraries for Web Typography

      Course Intermediate

      In this course, you will learn how to gain fine control over your web typography using several different JavaScript libraries. You'll learn how to create...

    11. Build a Credit Card Form Using JavaScript

      Build a Credit Card Form Using JavaScript

      Course Intermediate

      In this short course you’ll learn how to build a validating credit card form using JavaScript. You’ll be using Luhn’s algorithm for validation, and you’ll...

    12. 3 GreenSock Projects: Practical Animation With GSAP

      3 GreenSock Projects: Practical Animation With GSAP

      Course Intermediate

      In this course, I’ll walk you through three projects where you will learn how to create programmatic animations, in real-world scenarios, using the GreenSock...