Learn HTML Templates

Discover the best HTML templates to speed up your web design work. Get professional designs to give you a head start on your projects.
  1. How to Draw Patterns with CSS Using CSS Doodle

    How to Draw Patterns with CSS Using CSS Doodle

    Tutorial Intermediate

    CSS helps us get creative in all kinds of ways, and today we’re going to take our CSS creativity to the next level. We’re going to use a tool called CSS...

  2. Quick Tip: Create a Very Simple Parallax Effect With CSS & JavaScript

    Quick Tip: Create a Very Simple Parallax Effect With CSS & JavaScript

    Tutorial Intermediate

    In this short tutorial, we'll learn to add a simple yet useful parallax scrolling effect to a hero image. To achieve it, we'll use some JavaScript code. Keep...

  3. The Best Way to Use Pop-Ups (Modals) in Your Web Design

    The Best Way to Use Pop-Ups (Modals) in Your Web Design

    Tutorial Beginner

    In this tutorial we’ll take a look at pop-ups (modals) in web design. Using pop-ups in your designs comes with a certain amount of responsibility; if done...

  4. How to Use CSS Logical Properties to Control Layout

    How to Use CSS Logical Properties to Control Layout

    Tutorial Intermediate

    CSS logical properties are a new specification that enables developers to support different writing modes and multi-directional websites. They introduce a...

  5. How to Keep Your CSS Grid Layouts Accessible

    How to Keep Your CSS Grid Layouts Accessible

    Tutorial Beginner

    Although CSS Grid is almost perfect, the way it’s defined can inherently lead to accessibility issues for screen reader and keyboard-only users. This guide...

  6. 14 Firefox Developer Tools You Might Not Know About

    14 Firefox Developer Tools You Might Not Know About

    Tutorial Beginner

    In this roundup we’re going to be checking out some of the awesome tools Firefox has in its collection of Developer Tools.

  7. Animations to Take Your Basic HTML Template to the Next Level

    Animations to Take Your Basic HTML Template to the Next Level

    Tutorial Beginner

    In this article I will share with you some practical animation examples and techniques to make your basic HTML web page shine like a star.

  8. New Course: Customize a Template With VisBug

    New Course: Customize a Template With VisBug

    Tutorial Beginner

    In our new course, Customize a Template With VisBug, you'll use VisBug to make extensive changes to an HTML template, modifying both its look and its content.

  9. An Introduction to CSS Exclusions: The Future of Complex Web Layout

    An Introduction to CSS Exclusions: The Future of Complex Web Layout

    Tutorial Beginner

    “CSS exclusions” is an addition to our layout arsenal that will become another game changer, assisting with whatever complicated layout scenarios we crave....

  10. How to Customize Bootstrap’s Sass Files With Grunt

    How to Customize Bootstrap’s Sass Files With Grunt

    Tutorial Intermediate

    Today, we'll learn how to customize Bootstrap 4's Sass files with Grunt. Instead of Grunt, we could just as easily use another task runner like Gulp,...

  11. Quick Tip: How to Implement Dark Mode in Your Website Using Media Queries

    Quick Tip: How to Implement Dark Mode in Your Website Using Media Queries

    Tutorial Beginner

    In this Envato Tuts+ quick tip we’ll take a look at an experimental CSS feature which detects whether a user has “dark mode” enabled on their Mac. It’s done...

  12. Create a “Coming Soon” Page in 60 Seconds

    Create a “Coming Soon” Page in 60 Seconds

    Tutorial Beginner

    Let’s check out how to make a “Coming Soon” page using the Timex HTML template from Themeforest.