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.
Read moreRead less
All content

All HTML Templates content:

  1. Better Focus Styles with CSS Pseudo-Class :focus-visible

    Better Focus Styles with CSS Pseudo-Class :focus-visible

    Tutorial • Beginner

    In this quick tip I’m going to show you how to create better focus styles on form elements with a CSS pseudo-class called :focus-visible.

  2. 20 Feature-Packed Bootstrap Admin Templates

    20 Feature-Packed Bootstrap Admin Templates

    Tutorial • Beginner

    When you’re building something which needs a backend, or a dashboard of some kind, one of the best ways to get your project up and running is with Bootstrap....

  3. A Comprehensive Guide to Flexbox Sizing

    A Comprehensive Guide to Flexbox Sizing

    Tutorial • Intermediate

    Flexbox sizing makes it possible to create flexible layouts that fully adapt to the screen. If you set up everything correctly you won’t have to rely on...

  4. A Comprehensive Guide to Flexbox Ordering & Reordering

    A Comprehensive Guide to Flexbox Ordering & Reordering

    Tutorial • Intermediate

    Flexbox has pretty versatile ordering capabilities. It allows us to lay out flex items in several different ways. Flexbox ordering comes with some perks for...

  5. How to Customize an HTML Template

    How to Customize an HTML Template

    Tutorial • Beginner

    So you’ve just purchased an HTML template and now you have to customize it before you can put it online, but you’re not experienced with code so you’re not...

  6. A Comprehensive Guide to Flexbox Alignment

    A Comprehensive Guide to Flexbox Alignment

    Tutorial • Intermediate

    Alignment is probably the most confusing aspect of flexbox. This tutorial will help you understand flexbox alignment perfectly.

  7. HTML5 Form Validation With the “pattern” Attribute

    HTML5 Form Validation With the “pattern” Attribute

    Tutorial • Intermediate

    In this tutorial we’ll explore HTML’s pattern attribute, using it to help us customize the way we validate our forms.

  8. How to Handle Text Overflow (with a CSS Ellipsis)

    How to Handle Text Overflow (with a CSS Ellipsis)

    Tutorial • Beginner

    When a string of text overflows the boundaries of a container it can make a mess of your whole layout. Here’s a cool trick to handle text overflow by...

  9. How to Build a Simple Theme Switcher With the CSS Checkbox Hack

    How to Build a Simple Theme Switcher With the CSS Checkbox Hack

    Tutorial • Intermediate

    In this tutorial, you’ll learn how to create a CSS-only theme switcher by taking advantage of the “CSS checkbox hack technique” and CSS variables.

  10. Quick Tip: Add a Formspree Form to Your Static Sites

    Quick Tip: Add a Formspree Form to Your Static Sites

    Tutorial • Beginner

    In this tutorial we’re going to use Formspree for a hassle-free way of adding dynamic, flexible forms to your static websites.

  11. CSS Charts: How to Create a Horizontal Organizational Chart

    CSS Charts: How to Create a Horizontal Organizational Chart

    Tutorial • Intermediate

    In a previous tutorial, we learned how to create a CSS-only vertical organizational chart. Today, as some folks requested, we’ll go through the process of...

  12. How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu

    How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu

    Tutorial • Intermediate

    Today I’ll show you how to convert Bootstrap pills (tabs) into a dropdown. Most importantly we’ll keep both these components in sync. We’ll use pills for the...

Related Categories

CSS
HTML/CSS
UI Design
Sketch
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.