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. Essential CSS Libraries for Web Designers

      Essential CSS Libraries for Web Designers

      Course Intermediate

      In this course, you’ll learn how to use eight essential CSS libraries for web designers, available today. Amongst them; normalize.css to give you a proper...

    2. Beginner to Advanced With Adobe XD Auto-Animate

      Beginner to Advanced With Adobe XD Auto-Animate

      Course Beginner

      Master the art of Adobe XD animation in this free Adobe XD tutorial. You'll learn how to use Adobe XD auto-animate to bring your prototypes to life! Adobe...

    3. An Introduction to Styling HTML Forms

      An Introduction to Styling HTML Forms

      Course Beginner

      Styling HTML forms with CSS can sometimes be tricky. Some elements like text inputs and buttons are really easy to style, while others, like select inputs,...

    4. Practical Web Animation

      Practical Web Animation

      Course Intermediate

      The days of animation-heavy websites are fading, but there is still something to be said for a site with small amounts of subtle, eye-catching motion to help...

    5. A Guide to Animation Performance on the Web

      A Guide to Animation Performance on the Web

      Course Intermediate

      On today’s web, animations play a big role in user experience and the delivery of information. The days of slow browsers are long gone, and the browsers we...

    6. 3 JavaScript Projects for Beginners

      3 JavaScript Projects for Beginners

      Course Beginner

      For those of you trying to improve your JavaScript skills, this course will provide you with some practical JavaScript projects that are designed to help you...

    7. Up and Running With PixiJS

      Up and Running With PixiJS

      Course Beginner

      PixiJS is a 2D graphics rendering JavaScript library that lets you create stunning visual effects in a flexible and performant manner, giving you new ways to...

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

    10. Creating Custom Presentation Themes for Reveal.js

      Creating Custom Presentation Themes for Reveal.js

      Course Beginner

      Reveal.js is a powerful HTML framework used to create presentations. It comes with a lot of default themes you can choose from, but sometimes you will want...

    11. Figma to HTML: Code Up a Single-Page Design

      Figma to HTML: Code Up a Single-Page Design

      Course Beginner

      In this course, we’ll take a one-page design for a travel website in Figma and go through the process of converting it into HTML. In the process, we’ll...

    12. Take Your Presentations to the Next Level With Reveal.js

      Take Your Presentations to the Next Level With Reveal.js

      Course Beginner

      When we think about making a presentation, we usually reach for Keynote or PowerPoint. But there’s a very good third option: an HTML presentation framework...