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. Save Time With the CSS “grid” Shorthand Property

      Save Time With the CSS “grid” Shorthand Property

      Tutorial Beginner

      In this tutorial we’re going to look at the shorthand property “grid” which quickly deals with all kinds of grid properties in a single statement.

    2. AniJS: Easy CSS Animations Without Coding

      AniJS: Easy CSS Animations Without Coding

      Tutorial Beginner

      This tutorial will introduce you to a library called AniJS which can be used to add simple animations to your webpages without worrying about the underlying...

    3. New Course: Create a Landing Page With Envato Elements

      New Course: Create a Landing Page With Envato Elements

      Tutorial Beginner

      Learn how to create a fully functional landing page quickly and efficiently in our new short course, Get a Landing Page Up and Running With Envato Elements.

    4. 5 Essential Tips for Service Worker Development

      5 Essential Tips for Service Worker Development

      Tutorial Intermediate

      This tutorial will furnish you with five essential tips for service worker development, and we hope they’ll help you avoid classic beginner hiccups and save...

    5. How to Create a Loader Icon With SVG Animation

      How to Create a Loader Icon With SVG Animation

      Tutorial Beginner

      In this tutorial you’re going to learn how to make a very simple loader icon using SVG animation. What we’ll be covering is different from CSS animation—SVG...

    6. 14 Best Drupal 7 & 8 Bootstrap Themes With Premium Designs

      14 Best Drupal 7 & 8 Bootstrap Themes With Premium Designs

      Tutorial Beginner

      Looking to get a stylish website off the ground? This collection of the best Drupal 7 and 8 Bootstrap themes should make it easy to get started with a...

    7. 3 Handy New Features in Chrome DevTools

      3 Handy New Features in Chrome DevTools

      Tutorial Beginner

      Chrome DevTools are consistently marching forward and providing us with helpful new features that make our lives as web designers easier. In this roundup...

    8. How to Use SVG Patterns as Backgrounds

      How to Use SVG Patterns as Backgrounds

      Tutorial Beginner

      SVG patterns offer a more flexible approach to repeating a background image on a web page than CSS tiling. Let’s look at why that is, and how you can use them.

    9. Parsing HTML With PHP Using DiDOM

      Parsing HTML With PHP Using DiDOM

      Tutorial Beginner

      This tutorial will teach you how to parse HTML using the DiDOM library in PHP. You will learn how to find a particular element in an HTML document and how to...

    10. The Quirks of CSS Grid and Absolute Positioning

      The Quirks of CSS Grid and Absolute Positioning

      Tutorial Intermediate

      It’s quite possible to use CSS positioning on grid items, just as you would with most other elements. There are one or two quirks, however, so let’s take a...

    11. How to Use Implicit Track Sizing on Your CSS Grid

      How to Use Implicit Track Sizing on Your CSS Grid

      Tutorial Beginner

      In this tutorial we’ll look at “implicit” sizing in CSS grid; values which figure themselves out, without us “explicitly” defining them.

    12. How to Build an Attractive Responsive Image Gallery With slick.js

      How to Build an Attractive Responsive Image Gallery With slick.js

      Tutorial Intermediate

      In this tutorial we’ll use slick.js, a popular jQuery plugin, to build an attractive responsive image gallery.