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. How to Build a Responsive Handmade SVG Form

    How to Build a Responsive Handmade SVG Form

    Tutorial • Intermediate

    In this tutorial, we’ll continue the journey into the “forms” world and learn to create a responsive handmade SVG form from scratch.

  2. How to Build a Simple Slideshow With the CSS Checkbox Hack

    How to Build a Simple Slideshow With the CSS Checkbox Hack

    Tutorial • Intermediate

    In this new tutorial, we’ll learn how to create a fully functional, responsive image slideshow with thumbnails, without JavaScript.

  3. Quick Look: What’s New to VisBug in 2020?

    Quick Look: What’s New to VisBug in 2020?

    Tutorial • Beginner

    VisBug is an incredibly useful extension for Chrome and Chromium that allows you to make point-and-click changes to any website right inside the browser....

  4. How to Build an Animated Bootstrap Landing Page With Material Kit

    How to Build an Animated Bootstrap Landing Page With Material Kit

    Tutorial • Intermediate

    Today, we’ll learn how to create an animated landing page with Material Kit, a free Bootstrap 4 UI Kit based on Google’s Material Design.

  5. CSS Basics: Understanding Collapsing Margins

    CSS Basics: Understanding Collapsing Margins

    Tutorial • Beginner

    There is a situation where the margin between one element and that of a neighbor will merge into a unified space. This is a “collapsing margin”, and in this...

  6. Understanding CSS Inheritance (Inherit, Initial, Unset, and Revert)

    Understanding CSS Inheritance (Inherit, Initial, Unset, and Revert)

    Tutorial • Beginner

    In this tutorial I’ll explain how the confusing world of CSS inheritance works. We’ll look at the inherit, initial, unset, and revert CSS keywords.

  7. How to Use New CSS “:is()” for Easy Element Targeting

    How to Use New CSS “:is()” for Easy Element Targeting

    Tutorial • Beginner

    The new CSS :is() pseudo-class is shaping up to become a great way to target elements, saving on lines and lines of code, and keeping CSS as readable as...

  8. Demystifying CSS Pseudo-Classes (:nth-child vs. :nth-of-type)

    Demystifying CSS Pseudo-Classes (:nth-child vs. :nth-of-type)

    Tutorial • Beginner

    Selectors used to target elements depending on their “state” are called pseudo-classes. nth-child and nth-of-type are pseudo-classes; let’s learn more about...

  9. How to Build an Accordion Component With the CSS Checkbox Hack

    How to Build an Accordion Component With the CSS Checkbox Hack

    Tutorial • Intermediate

    In this short tutorial, we’ll learn how to build a CSS-only flexible accordion component by taking advantage of what’s known as the “CSS checkbox hack...

  10. What is CSS Specificity and How Does it Work?

    What is CSS Specificity and How Does it Work?

    Tutorial • Beginner

    When working with CSS conflicting styles can be a thorn in your side, especially when you don’t know where the conflict is originating from. This tutorial...

  11. How to Create a Responsive Form Using TailwindCSS

    How to Create a Responsive Form Using TailwindCSS

    Tutorial • Beginner

    The default approach to building websites when working with HTML and CSS is to write the structure in the HTML file and implement the styles in a CSS file....

  12. Quick Tip: How to Create an Off-Canvas Feedback Form With Pure CSS

    Quick Tip: How to Create an Off-Canvas Feedback Form With Pure CSS

    Tutorial • Beginner

    In this tutorial, we’ll walk through the process of creating an off-canvas feedback form. We won’t use any JavaScript to accomplish this, in fact, we’ll...

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.