:doodle { @grid: 1x35 / 100% 10rem; } @keyframes slide-in { 0% { transform: translateY(-100%); } 100% { transform: traslateY(0); } } :hover { opacity: 1; } transition: opacity .2s ease-out; animation: slide-in .25s ease-out; opacity: @pick(0.05, 0.1, 0.2, 0.3, 0.4); background: @pick(var(--yellow1), var(--yellow2), var(--yellow3), var(--green1), var(--green2), var(--green3)); height: @rand(15%, 100%); margin: 0 .2rem;
html logo

Posts about HTML

An Introduction to the Pug Template Engine for Writing HTML

Explore the HTML equivalent of what Sass is to CSS with Pug: a clean and simple alternative template engine to write HTML.

HTML5 Input Types Explained

Let's go over all the possible HTML input types; from the default text input, to the number input and even a color picker, or file upload input, to name a few.

Native Modals on the Web Using the HTML Dialog Element

HTML 5.2 brings us a new dialog element that makes it easy to implement modals in websites or web apps. Here's a quick overview of its usage.

Using Preload and Prefetch in Your HTML to Load Assets

A quick overview on how to take advantage of the preload and prefetch HTML attributes in order to optimize the loading of assets.

Responsive Images With the HTML Picture Element

The HTML5 Picture element makes it easy to provide different assets depending on the screen size of the visitor.

The Details and Summary HTML Elements

New with HTML5.1, the details and summary elements make it easy to toggle more information.

Target Attribute Reference for Anchor Tags in HTML

A quick reference for the target attribute on link tags in HTML.

Rel Attribute for Link Tags in HTML

A quick reference for the rel attribute on link tags in HTML.

Rel Attribute for Anchor Tags in HTML

A quick reference for the rel attribute on anchor tags in HTML.

HTML5 Range Input Type

Now supported in most modern browsers, use the range input type to create native sliders.

HTML5 Time Element

New in HTML5, get a brief overview of the time element to markup time appropriately.

HTML5 Mark Element

New in HTML5, mark is used to define text that's relevant to a particular context.

Eliminate Render-Blocking JavaScript with Async and Defer

Async and defer are two HTML5 attributes that allow delaying execution of scripts, eliminating blocking JavaScript. A must for performance!

HTML5 Doctype

Here's a reference for the HTML5 doctype.

HTML5 Charset

Here's a reference for the HTML5 Charset declaration.

HTML5 Datalist Element

A cross between regular inputs and select elements, adding a datalist to an input allows to add some predefined values. Learn how to use it.

HTML5 Audio Element

Include audio files in your pages with the audio element. No more third-party plugins needed.

AMP HTML, an Overview

Here's what you need to know about Accelerated Mobile Pages (AMP). Get ready to make your pages lightning fast on mobile!

HTML Comments

Here's the syntax for HTML comments.

The HTML Entities You Need

A quick list of the most important html entities.

Script Tag in HTML

Insert inline JavaScript or call external scripts with the script tag.

HTML Link Tag Syntax Reference for External CSS Files

Easily insert external CSS files with the link tag.

🕵 Search Results

🔎 Searching...