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. Build a Classic Five-Page Website

      Build a Classic Five-Page Website

      Course Beginner

      The "five-page static website” is the bread and butter of web design. Even though it doesn’t have the ubiquitous presence online it once did, only if you are...

    2. Four Bootstrap 4 Projects

      Four Bootstrap 4 Projects

      Course Intermediate

      In this project-based course, you will learn how to customize Bootstrap 4 as you create four practical web projects using the most recent version of the...

    3. A Practical Approach to Working With Vue.js and APIs

      A Practical Approach to Working With Vue.js and APIs

      Course Intermediate

      In this course, you’ll make practical use of the Vue.js framework. In five lessons you’ll learn to use an API to pull in data that you will then display...

    4. A Designer’s Guide to Vue.js Components

      A Designer’s Guide to Vue.js Components

      Course Intermediate

      In this course we’re going to go beyond the basics of the Vue.js framework as we discuss Vue’s component system, allowing us to create modular, reusable...

    5. A Designer’s Introduction to Vue.js

      A Designer’s Introduction to Vue.js

      Course Intermediate

      Vue is a progressive framework for building user interfaces using HTML and JavaScript. In this short course aimed at designers, you will learn the basics of...

    6. Building a Landing Page That Converts

      Building a Landing Page That Converts

      Course Intermediate

      Landing pages can be effective tools for steering your users towards a desired action. In this course, you will learn how to build a landing page with HTML...

    7. Bringing CSS Grid Layout and Flexbox Together

      Bringing CSS Grid Layout and Flexbox Together

      Course Intermediate

      CSS Flexbox and the Grid Layout system offer different ways for laying out your content. Each method has its own strengths and its own uses. In this short...

    8. Optimize Your Website Without AMP

      Optimize Your Website Without AMP

      Course Intermediate

      AMP is Google’s collection of plug-and-play code that helps optimize sites to load and run faster. It works, but its use is controversial, and there are many...

    9. Linux for Web Design

      Linux for Web Design

      Course Beginner

      Considering using Linux but not sure if it’s viable for web design? Well, happily the answer is “Yes”, and in this course you’ll learn why that’s the case. ...

    10. Essential Extensions for Visual Studio Code

      Essential Extensions for Visual Studio Code

      Course Intermediate

      Visual Studio Code has quickly become one of the most popular free code editors available. In this training course, you'll learn how to make it even better...

    11. Essential Extensions for Brackets

      Essential Extensions for Brackets

      Course Intermediate

      Brackets is a flexible, lightweight text editor that is perfect for front-end development. In this short course, you'll learn about a number of extensions...

    12. 6 Flexbox Projects for Web Designers

      6 Flexbox Projects for Web Designers

      Course Intermediate

      The CSS Flexbox model is starting to see more widespread use and is now supported in all major browsers. In this course, Craig Campbell will build upon his...