Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
HTML

33 Articles
{
,

}
Direct link to the article Definition Tag
dfn HTML

Definition Tag

It’s <dfn. Jen Kramer and Erika Lee are doing a #30DaysofHTML email list thing-y on Substack, which is an easy subscribe. It’s only been a few days and all of them have little gems, even for someone like me …

Avatar of Chris Coyier
Chris Coyier on Apr 5, 2021
Direct link to the article Smarter Ways to Generate a Deep Nested HTML Structure
haml HTML JavaScript php preprocessing pug

Smarter Ways to Generate a Deep Nested HTML Structure

A look at using HTML preprocessors to generate HTML, particularly deeply nested HTML, which is useful for a variety of interesting browser art and experimentation.
Avatar of Ana Tudor
Ana Tudor on Oct 20, 2020 (Updated on Jul 7, 2021)
Direct link to the article Styling Complex Labels
accessibility HTML labels

Styling Complex Labels

Danielle Romo covers the HTML pattern you need when you have a wordy <label> with fancy styling for an <input type="radio">.

The trick? The ol’ <span class="hidden-visually"> that contains the label that you want to be read, and a …

Avatar of Chris Coyier
Chris Coyier on Oct 5, 2020
Direct link to the article Editing HTML Like A Boss In VS Code
emmet HTML video

Editing HTML Like A Boss In VS Code

Here’s a seven minute video from Caleb Porzio that focuses on some of Emmet‘s HTML editing features. You might think of Emmet as that thing that expands abbreviations like table.stats>tr*3>td*3 into glorious, expanded, and perfect HTML. But Emmet has …

Avatar of Chris Coyier
Chris Coyier on Sep 16, 2020
Direct link to the article A Complete Guide to Data Attributes
attribute selectors attributes data attributes HTML

A Complete Guide to Data Attributes

Everything you ever wanted to know about data attributes in HTML, CSS, and JavaScript.
Avatar of Chris Coyier
Chris Coyier on Feb 17, 2020 (Updated on Jun 13, 2024)
Direct link to the article The Deal with the Section Element
accessibility article HTML section

The Deal with the Section Element

Two articles published the exact same day:

  1. Bruce Lawson on Smashing Magazine: Why You Should Choose HTML5 <article></article> Over <section></section>
  2. Adam Laki on Pine: The Difference Between <section></section> and <div></div> Element

They are comparing slightly different things, but they both …

Avatar of Chris Coyier
Chris Coyier on Jan 15, 2020
Direct link to the article Why do we use .html instead of .htm?
HTML questions

Why do we use .html instead of .htm?

Interesting question from Andy:

Serious question. Why do we use .html instead of .htm? / @adactio @css

— Andy Clarke (@Malarkey) December 12, 2019

The most likely answer from the thread: DOS was a massive operating system for PCs …

Avatar of Chris Coyier
Chris Coyier on Dec 26, 2019
Direct link to the article Everything You Ever Wanted to Know About inputmode
forms HTML inputmode inputs

Everything You Ever Wanted to Know About inputmode

The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user has selected any input or textarea element.

<input type="text" inputmode="" /<textarea inputmode="" /

Unlike …

Avatar of Christian Oliff
Christian Oliff on May 17, 2019 (Updated on Apr 27, 2020)
Direct link to the article Why, How, and When to Use Semantic HTML and ARIA
accessibility aria beginning web development HTML semantics

Why, How, and When to Use Semantic HTML and ARIA

Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple way possible. They add essential meaning to your content, which lets web browsers, search engines, screen readers, RSS …

Avatar of Adam Silver
Adam Silver on May 7, 2019
Direct link to the article Naming things to improve accessibility
a11y HTML

Naming things to improve accessibility

I like the this wrap-up statement from Hidde de Vries:

In modern browsers, our markup becomes an accessibility tree that ultimately informs what our interface looks like to assistive technologies. It doesn’t matter as much whether you’ve written this markup:

…
Avatar of Chris Coyier
Chris Coyier on May 1, 2019
Direct link to the article The Simplest Ways to Handle HTML Includes
HTML HTML templates includes

The Simplest Ways to Handle HTML Includes

It’s extremely surprising to me that HTML has never had any way to include other HTML files within it. Nor does there seem to be anything on the horizon that addresses it. I’m talking about straight up includes, like …

Avatar of Chris Coyier
Chris Coyier on Apr 30, 2019 (Updated on Jan 26, 2021)
  • Newer
  • 1
  • 2
  • 3
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top