Articles Tagged
HTML
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 …
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 …
A Complete Guide to Data Attributes
The Deal with the Section Element
Two articles published the exact same day:
- Bruce Lawson on Smashing Magazine: Why You Should Choose HTML5
<article></article>
Over<section></section>
- Adam Laki on Pine: The Difference Between
<section></section>
and<div></div>
Element
They are comparing slightly different things, but they both …
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 …
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 …
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 …
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:
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 …
Perceived Velocity through Version Numbers
HTML5 and CSS3 were big. So big that they were buzzwords that actually meant something and were a massive success story in pushing web technology forward. JavaScript names their big releases now too: ES6, ES7, ES8… and it seems …