Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“html” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Security Headers Using “<meta>” (sap/mat)1,469
security, csp
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)1,468
attributes, images, maintainability
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)1,467
history
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)1,466
fundamentals, attributes, accessibility, user-experience
The “form” Attribute—Enhancing Form Layout Flexibility (mat)1,465
forms, attributes
The UX of HTML (vas/mat)1,464
semantics, user-experience
How to Use Responsive HTML Video (…and Audio!) (sco)1,463
how-tos, responsive-design, multimedia
Weird HTML Hacks (ern)1,462
css, hacks, techniques, history
Shadow DOM Is for Hiding Your Shame1,461
shadow-dom, dom, web-components
The Elevator Pitch for Web Components (cfe)1,460
web-components, dom
The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name (j9t)1,459
attributes
An Attempted Taxonomy of Web Components (zac)1,458
web-components
HTML Web Components Are Just JavaScript? (mia/odd)1,457
web-components, javascript
Exclusive Accordions Exclude (yat)1,456
accessibility, accordions
Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA1,455
videos, browsers, google, chrome, dev-tools, accessibility, testing, aria
HTML Web Components (jim)1,454
web-components
HTML First1,453
websites, principles
Do You Really Need to Validate Your HTML Code?1,452
discussions, conformance
HTML Web Components (ada)1,451
web-components, web-platform
Understanding HTML Landmarks and How to Apply Them (its/log)1,450
semantics, accessibility, aria
13 HTML Attributes You Should Know About1,449
attributes
Removing List Styles Without Affecting Semantics (mat)1,448
css, semantics, accessibility
Markdown to HTML in Seconds: Discovering mdhub (gli)1,447
markdown, conversion, tooling
The Anatomy of an Accessible Button1,446
buttons, accessibility, aria
Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (aar)1,445
tables, grids, aria, accessibility
2023: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1,444
css, conformance, metrics, quality
Let’s Reinvent the Wheel (vas)1,443
css, user-experience, accessibility, web-platform
20 Simple Ways to Style the HTML “details” Element1,442
disclosure-widgets, css
HTML vs. DOM? Let’s Debug Them (jec/dev)1,441
videos, dom, debugging, comparisons
HTML Meta Tags1,440
metadata
Select Element: Now With Horizontal Rules (una/dev)1,439
forms, semantics, browsers, google, chrome, apple, safari, support
Splitting Within Selects (aar)1,438
accessibility, forms, browsers, support
Tailwind vs. Semantic CSS1,437
tailwind, css, semantics, comparisons, performance
Strikethrough Accessibility (den)1,436
accessibility, screen-readers, support
Using ChatGPT for Smart Truncation in Responsive Web Design1,435
content, responsive-design, ai, chatgpt
Why Unique ID Attributes Matter (deq)1,434
accessibility, attributes, conformance
Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users?1,433
accessibility, screen-readers
On the Uniting Power of a Commitment to HTML Conformance (j9t)1,432
conformance, quality, community, web
CSS Findings From Photoshop Web Version (sha)1,431
css, adobe, photoshop, case-studies
The Selected Date Must Be Within the Last 10 Years (ger/clo)1,430
forms, validation
Extending the Properties of an HTML Element in TypeScript1,429
components, typescript
An Anchored Navbar Solution (mey)1,428
css, navigation
The Most Minimal Valid HTML Document (j9t)1,427
minimalism, conformance, templates
Easy Dark Mode With “color-scheme” (sar)1,426
slides, dark-mode, css, accessibility
Stop Using JS for That: Moving Features to CSS and HTML (kil)1,425
videos, javascript, css
How Mastodon Handles Images and Web Previews (rba)1,424
social-media, mastodon, open-graph, metadata, images
HTML Popover, Videos, and “display:blackhole” (bru)1,423
pop-overs, videos
Misconceptions Can Kill Accessibility Momentum (yat)1,422
accessibility, processes
State of HTML 2023 (sac+/dev)1,421
surveys
What Makes an Accessible Date Picker? Is It Even Possible? (inc)1,420
videos, accessibility
How to Use the New “<search>” Element With WordPress (ede)1,419
how-tos, wordpress
What Can You Do With “data” Attributes? (cfe)1,418
custom-data, javascript
State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (tin+/fwo)1,417
podcasts, accessibility, aria
Browser Video Players Review (aar)1,416
multimedia, accessibility, browsers, screen-readers, support
10 Things You Didn’t Know About HTML1,415
Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (hdv)1,414
slides, pop-overs, modals, deep-dives
Small Details to Improve Your Website’s Experience (alv)1,413
user-experience, css, metadata
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)1,412
buttons, css, svg, images
Main-ly Speaking (col)1,411
accessibility
XUL and HTML (moz)1,410
xul, comparisons
An Intro to the “dialog” Element (cfe)1,409
introductions, modals, semantics
Supercharge Your HTML With WebC1,408
videos, webc
Progressively Enhanced HTML Accordion (aar)1,407
accordions, semantics, accessibility, progressive-enhancement
8 Common Heading Questions (pop)1,406
accessibility, headings
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)1,405
forms, validation, progressive-enhancement, css
Responsive Images: DIY Implementation in 6 Steps1,404
images, responsive-design
A Blog Post With Every HTML Element (pat)1,403
semantics
Contextual Form Errors and ARIA (mar)1,402
accessibility, forms, aria
I’m Betting on HTML1,401
semantics
You Probably Don’t Need “http-equiv” Meta Tags (rvi)1,400
metadata, http, performance
Help Design the Inaugural “State of HTML” Survey (lea)1,399
community
Blockquotes in Screen Readers (aar)1,398
accessibility, screen-readers, support
I Blame the W3C’s HTML Standard for Ordered Lists (sid)1,397
lists, semantics
O “dialog” Focus, Where Art Thou? (mat)1,396
accessibility, modals, focus
Preload vs. Early Hints vs. Fetch Priority1,395
videos, performance, http, hints, comparisons, preloading
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)1,394
css, media-queries, javascript, dark-mode
The Case Against Self-Closing Tags in HTML (jaf)1,393
How to Validate HTML On-Line at W3C (wie)1,392
how-tos, conformance, tooling
The “article” Element and Screen Readers (mat)1,391
screen-readers, accessibility, support
And 4 More HTML Concepts You Didn’t Know (j9t)1,390
concepts, web-components
The “details” Element and In-Page Search (mat)1,389
disclosure-widgets, search, browsers, user-experience
Under-Engineered Comboboxen? (aar)1,388
forms, css, accessibility
Form and Search Landmarks (mat)1,387
aria, forms, browsers, assistive-tech, support
What Does the Image “decoding” Attribute Actually Do? (tun)1,386
attributes, images, performance
Button Types (ada)1,385
buttons
Django: A Security Improvement Coming to “format_html()” (ada)1,384
django, security
HTML Imports (w3c)1,383
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now1,382
viewport, metadata, accessibility, responsive-design
Assume the Position—a Labeling Story (llo/tpg)1,381
accessibility, forms, labels
What Is Open Graph? How to Use It for Your WordPress Website?1,380
how-tos, open-graph, social-media, wordpress
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)1,379
semantics
21 Awesome Web Features You’re Not Using Yet (fir)1,378
videos, css, javascript
Brief Note on Popovers With Dialogs (aar)1,377
support, accessibility, pop-overs, modals
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)1,376
best-practices, forms
Querying Parsed HTML in BigQuery (rvi)1,375
Introducing the Popover API (una/dev)1,374
introductions, apis, pop-overs
Be Careful Using “Menu” (aar)1,373
aria, design, terminology
How to Build Lean Efficient Websites in 2023 (cfe)1,372
how-tos, progressive-enhancement, minimalism
Fieldsets, Legends, and Screen Readers Again (ste/tpg)1,371
accessibility, forms, screen-readers
Semantics and the “popover” Attribute: What to Use When? (hdv)1,370
attributes, semantics, accessibility, pop-overs
HTML Landmark Roles Screen Reader Demo (sch/mdn)1,369
videos, accessibility, screen-readers, voiceover, apple
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)1,368
accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)1,367
accessibility, screen-readers, support
Respect Your Children (ste/tpg)1,366
accessibility, aria
Client-Side Rendering of HTML and Interactivity (mal/dev)1,365
performance, client-side-rendering
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)1,364
performance, dom, optimization
How “x-default” Can Help You (met)1,363
internationalization, urls, attributes, search, google
How Far Back in Time Can I Take My Website’s Design1,362
web, design, history, css
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)1,361
accessibility, focus, aria
Considering Content Warnings in HTML (aar)1,360
content, dei
“details”/“summary” Inconsistencies (mat)1,359
disclosure-widgets, browsers, assistive-tech, support
It’s Very Likely That… (mat)1,358
semantics, buttons, modals
The “details” Element Is Amazing (fon)1,357
disclosure-widgets
HTML Accessibility API Mappings 1.0 (ste+/w3c)1,356
accessibility, apis
HTML Dark Mode (bt)1,355
dark-mode
New HTML Element: “search” (alv)1,354
semantics
What Is Semantic HTML?1,353
semantics
Five Pieces of Advice for More Accessible Websites (cit)1,352
accessibility
Modern HTML Email (Tables No Longer Required) (oll)1,351
email, tables
On-Page SEO Checklist: The Complete Task List for 2023 (sem)1,350
seo, checklists, semantics
HTML: Help Users to Download Files With the HTML “download” Attribute1,349
attributes
Fighting Inter-Component HTML Bloat (eli)1,348
components, semantics, quality
Getting Started With HTML Tables1,347
tables, introductions
The “search” Element (sco)1,346
accessibility, semantics
The End of Front-End Development (jos)1,345
outlooks, career
The H1 Conundrum: Understanding the Challenges of Heading Level One1,344
accessibility, semantics, headings
Progressively Enhancing a Table With a Web Component (ray)1,343
javascript, tables, web-components, progressive-enhancement
File Uploads for the Web: Uploading Files With HTML (aus)1,342
file-handling
The Broken Promise of Atomic CSS1,341
atomic-css, presentational-html, tailwind, css
A Tab Interface Before Its Time (aar)1,340
components
HTML Garden1,339
websites, art
50.1% Empty Links (mat)1,338
accessibility, links, semantics, seo
Relative Rounded Corners (bel)1,337
css
ARIA vs. HTML (aar)1,336
accessibility, aria, semantics, comparisons
Avoid Spanning Table Headers (aar)1,335
accessibility, assistive-tech, tables
Representation of Style (ste)1,334
semantics
A Step-by-Step Guide to Building Accessible Carousels (swe/sma)1,333
guides, carousels, accessibility, user-experience
Declarative Shadow DOM (dev+/dev)1,332
shadow-dom, dom
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)1,331
accessibility, screen-readers, semantics
Mastodon and Open Graph (drd)1,330
social-media, mastodon, metadata, open-graph
An Introduction to HTML Cheat Sheet1,329
introductions, semantics, cheat-sheets
Table of Contents Progress Animation (kev)1,328
css, javascript, animations, progress-indicators
Interop 2023 CMS Checkin (chr)1,327
interoperability, syndication, rss, atom, semantics
Rotating Gallery With CSS Scroll-Driven Animations (jhe)1,326
css, javascript, animations, scrolling
What Are HTML5 Semantic Elements?1,325
semantics
HTML Input Types (mar)1,324
forms
Optimal Images in HTML (ste/bui)1,323
images, backgrounds, performance, optimization
Screen Readers Support for Text Level HTML Semantics (ste/tpg)1,322
semantics, screen-readers, support
Use the Dialog Element (Reasonably) (sco)1,321
modals, accessibility
Musing Upon an “[alt]” Text Badge on Images (chr)1,320
accessibility, css
The Modern Way of Serving Images (kur)1,319
images, performance
If You Need a Link, Don’t Use a Button (tem)1,318
semantics, links, buttons, accessibility
Improve Your HTML Semantic With Pico CSS1,317
pico
Unordered Lists in Main Navigations (mat)1,316
lists, navigation, semantics
Three Attributes for Better Web Forms (ada)1,315
forms, attributes
Two Ways to Safely Break a Long Word in HTML (ami)1,314
Data URLs and Pool in Your URL (wes)1,313
data-urls
Faking Min Width on a Table Column (css)1,312
tables, css, responsive-design
Customizing HTML Form Validation (dav)1,311
forms, validation
How to Build Great HTML Form Controls (aus/fre)1,310
how-tos, forms
7 Required Steps to Secure Your Iframes Security1,309
iframes, security, xss, http-headers, csp
Conditional API Responses for JavaScript vs. HTML Forms (aus)1,308
javascript, forms, security, comparisons
Theme Toggles1,307
websites, theming, toggles, react
Website Accessibility (15 Best Practices) (bru)1,306
accessibility, best-practices, content, readability, captcha, images, alt-text, forms, focus, tooling
A Problem With Link Relationships (j9t)1,305
links, metadata, semantics, maintainability
Enforcing Better HTML Markup With Eleventy (mat)1,304
semantics, conformance, eleventy
A Theory of Web Relativity (alv/mat)1,303
metadata, structured-data
Building an Accessible Theme Picker With HTML, CSS, and JavaScript (fos)1,302
accessibility, css, javascript, theming, functionality
Common Nesting Issues in HTML (cit/mat)1,301
nesting
Interop 2022: End of Year Update (rac/dev)1,300
interoperability, web-platform, browsers, css
HTML Dialog (5t3)1,299
modals
Mini-Guide to Add an Image (its/mat)1,298
images
Modern HTML as a Foundation for Progressive Enhancement (ffo/mat)1,297
progressive-enhancement
5 HTML Elements, and a Partridge in a Despair Tree (mat)1,296
semantics, accessibility
4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (aus)1,295
css, selectors, forms
Get That Marquee AeStHeTiC (dni/mat)1,294
css, effects
An HTML-First Mental Model (noa/per)1,293
dom, performance
Table Like It’s 2023 (cli/mat)1,292
tables
One Day We’ll Have a Fully Customisable Select (hdv/mat)1,291
css
There Can Be Only One: Options for Building “Choose One” Fields (aar/mat)1,290
forms
Dear Developer, Your Assumptions Are Wrong (mat)1,289
Inside the Mind of a Frontend Developer: Article Layout (sha)1,288
css, layout
A Modern HTML Template (2022)1,287
templates
Meaningful Labels Using ARIA—or Not (mat)1,286
accessibility, forms, labels, aria
4 More HTML Concepts You Didn’t Know (j9t)1,285
concepts, forms, focus
Brief Note on Description List Support (aar)1,284
lists, semantics, accessibility, screen-readers, support
Reading the Meter (sup/mat)1,283
semantics, accessibility
Landmarks and Where to Put Them (kil/mat)1,282
semantics, aria, accessibility
You Don’t Need ARIA for That (den/mat)1,281
accessibility, aria
How to Transfigure Wireframes Into HTML (mat)1,280
how-tos, prototyping, conversion
HTML Semantics and Accessibility Cheat Sheet (web)1,279
cheat-sheets, semantics, accessibility
Shadow DOM and Accessibility: The Trouble With ARIA (nol)1,278
dom, shadow-dom, accessibility, aria
Newer Things to Know About Good Ol’ HTML Lists (dxn/css)1,277
lists, semantics
HTML Content Model Categories1,276
semantics
Upgrade Your HTML IV (j9t/fro)1,275
books, frontend-dogma, minimalism, craft, conformance
Lazy Loading Images in HTML (sim)1,274
performance, lazy-loading
The Shape-Shifting “a” Element1,273
links, semantics
The “label” Element1,272
labels, semantics
Page Title Conventions (ada)1,271
accessibility, seo
What Happened to Text Inputs? (hey)1,270
videos, forms
Brief Note on “aria-readonly” Support (aar)1,269
accessibility, aria, assistive-tech, support
You Don’t Need HTML (ede)1,268
websites, web-platform
A Guide to Keyboard Accessibility: HTML and CSS (its/sma)1,267
guides, accessibility, keyboard-navigation, css
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)1,266
semantics, accessibility, modals, pop-overs
Foundations: Native Versus Custom Components (tet)1,265
accessibility, fundamentals, components, comparisons
Inside the Mind of a Frontend Developer: Hero Section (sha)1,264
css
6 Steps to Improve HTML Images for Users and Developers (aus)1,263
images, performance, responsive-design
16 Rare HTML Tags You Really Should Know1,262
semantics
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed1,261
css, performance, tips-and-tricks
Intro to HTML-First Frontend Frameworks1,260
introductions, frameworks
Building a Tooltip Component (arg/dev)1,259
components, tooltips, css
The Truth Behind Implicit/Explicit Form Labels1,258
forms, labels, accessibility
Common ARIA Mistakes and How to Avoid Them (ale)1,257
accessibility, aria, mistakes
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)1,256
A Little Semantic HTML Trick for React Components1,255
react, semantics, components, tips-and-tricks
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)1,254
metrics, web-almanac
How to Optimize Resource Loading With the “fetchpriority” Attribute (deb)1,253
how-tos, performance, optimization
Foundations: HTML Semantics (ihe/tet)1,252
accessibility, fundamentals, semantics
When Going Somewhere Does a Thing: On Links and Buttons (kil)1,251
accessibility, links, buttons, semantics
Templating in HTML (kit)1,250
javascript
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)1,249
performance, multimedia, images, gif
Learn HTML (est/dev)1,248
courses
Named Element IDs Can Be Referenced as JavaScript Globals (css)1,247
javascript
Markup (j9t/htt)1,246
web-almanac, studies, research, metrics
Streamable HTML Fragments (dev)1,245
streaming
Two Things I Learned by Validating My HTML Again1,244
conformance, lessons
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (cod)1,243
forms, security
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!1,242
studies, research, performance
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)1,241
disclosure-widgets, semantics, accessibility
Brief Note on Super- and Subscript Text (aar)1,240
accessibility, support, assistive-tech
How to (Not) Make a Button1,239
how-tos, accessibility, buttons, semantics
Why the Number Input Is the Worst Input1,238
forms, validation, accessibility
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)1,237
guides, accessibility, aria
Wtf Is an Island and Why Is It in My Website?1,236
frameworks, architecture, concepts
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1,235
css, conformance, metrics, quality, craft
Nuclear Footnotes (mey)1,234
css
The “details” and “summary” Elements, Again (sco)1,233
disclosure-widgets, accessibility
What’s New With Forms in 2022? (oll/css)1,232
forms, javascript
Building the Main Navigation for a Website (mat/dev)1,231
navigation, css
HTML Markup Tips for Developing Accessible Websites (low/the)1,230
accessibility, aria
A Content Warning Component (kit)1,229
components, css
Disabled JavaScript Turns Off Native Lazy Loading (ste)1,228
javascript, performance, lazy-loading
Accessible Lists and Tables (pop)1,227
accessibility, lists, tables
Beginner’s Guide to Lists and How to Make Them Accessible (pop)1,226
guides, lists, accessibility
Don’t Overwrite Visual Labels With “aria-label” (ash)1,225
accessibility, aria, labels
Should I Use a Button or a Link? (ash)1,224
buttons, links, semantics
CSS Classes Considered Harmful1,223
css
Short Note on “figure” and “figcaption” (ste)1,222
accessibility
Creative List Styling (mic/dev)1,221
lists, css
TIL: You Can Access a User’s Camera With Just HTML (aus)1,220
permissions
Exploring the Underrated “output” Element1,219
Table Column Alignment With Variable Transforms (mey)1,218
css, tables, transforms, alignment
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)1,217
performance, web-vitals
On Ratings and Meters (lea)1,216
semantics, css
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (ami)1,215
multimedia, mobile
The Infinite Marquee1,214
css, animations, effects
Making a Website Under 1 kB1,213
performance, minimalism
Ruby Styling (ri/web)1,212
ruby-markup, css
Abbreviations Suck (cfe)1,211
accessibility
“<article>” vs. “<section>”: How to Choose the Right One (sma)1,210
semantics, comparisons
Roundup of Recent Document Outline Chatter (geo/css)1,209
headings, semantics, accessibility
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1,208
semantics, headings, microcontent, accessibility
Abbreviations Can Be Problematic (tem)1,207
accessibility
Minimal Social Markup (j9t)1,206
social-media, open-graph, minimalism
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1,205
semantics, accessibility, aria
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)1,204
accessibility, aria, mistakes
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)1,203
performance, web-vitals, comparisons, attributes, aspect-ratio, css
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)1,202
semantics, accessibility
Two Levels of Customising “<selectmenu>” (hdv)1,201
accessibility
Best Practices for Images1,200
images, best-practices
Farewell to HTML5Rocks (dev)1,199
community, history
What the Hell Is “<!DOCTYPE html>”?1,198
doctype-switching
Are You Sure That’s a Number Input? (kil)1,197
My Wonderful HTML Email Workflow (jos)1,196
mjml, markdown, mdx, email, processes
HTML Cheatsheet1,195
examples, cheat-sheets
Write HTML Right1,194
optimization
Level Up Your Link Previews in Slack (whi)1,193
social-media, open-graph, links, slack
8 Shocking HTML Tips You Probably Don’t Know About1,192
tips-and-tricks
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)1,191
forms, history, mistakes
A Perfect Table of Contents With HTML and CSS (nza/css)1,190
css
Why Are Iframe Titles Important for Accessibility?1,189
accessibility, iframes, writing
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers1,188
guides, semantics, examples, cheat-sheets
Making Disabled Buttons More Inclusive (san/css)1,187
forms, buttons, focus, aria, attributes, accessibility
Building a Button Component (arg/dev)1,186
components, css, javascript, buttons
Conditionally Loading CSS or Any Resource Using Media Queries (ami)1,185
media-queries, performance
How the HTML “lang” Attribute Helps Accessibility1,184
accessibility, attributes, localization
Don’t Fight the Browser Preload Scanner (mal/dev)1,183
browsers, parsing, performance
Divs Are Bad! (mat)1,182
semantics
XHTML Syntax Is Still Worth Using (tem)1,181
xhtml
Learn HTML [and] CSS (jad)1,180
websites, courses, css
What’s Your Heading? (col)1,179
accessibility, headings, semantics
Lost in Translation (mat/btc)1,178
videos, design, accessibility, css
How to Use Videos With Alpha Transparency on the Web (ben)1,177
how-tos, multimedia, transparency
Please, Stop Disabling Zoom (mat)1,176
accessibility, zooming
Under-Engineered Multi-Selects (aar)1,175
accessibility, aria
Foundations: Lists (tin/tet)1,174
accessibility, fundamentals, lists
Common Frontend Interview Questions I’ve Been Asked1,173
interviewing, javascript
Introducing “inert” (dev)1,172
introductions, attributes, accessibility, keyboard-navigation
The CSS Art Paradox (j9t)1,171
css, art, quality
Non-Interactive Elements With the “inert” Attribute (web)1,170
attributes, semantics
Plain Old Semantic HTML: A Perfect Basis for Accessibility1,169
accessibility, semantics
How Web Browsers Work: Parsing the HTML1,168
browsers, parsing
Progressive Enhancement and HTML Forms: Use “FormData” (bra)1,167
forms, progressive-enhancement
Does Valid and Semantic HTML Still Matter? (5t3+)1,166
podcasts, semantics, conformance
Building a Dialog Component (arg/dev)1,165
components, modals, css, javascript
Those HTML Elements You Never Use1,164
semantics
How to Turn HTML Webpage Into an Image?1,163
how-tos, images, conversion
Designing Better Breadcrumbs (vit/sma)1,162
usability, navigation, breadcrumbs
12 Years Beyond a HTML Joke (ste)1,161
semantics
Alternative Text (Alt Text) (pop)1,160
accessibility, images, writing, alt-text
HTML Is All You Need to Make a Website (whi)1,159
“aria-labelledby” Usage Notes (ste)1,158
accessibility, aria, labels
Accessible Cards (kit)1,157
accessibility, css
How to Match HTML Elements With an Indeterminate State (ste)1,156
how-tos, css, selectors
HTML-Only Keyboard Shortcuts (ami)1,155
accessibility, keyboard-navigation, keyboard-shortcuts
Picture Perfect Images With the Modern “<img>” Element (add)1,154
images, performance, web-vitals
Those HTML Attributes You Never Use (lou/sma)1,153
attributes
HTML Semantics (cfe)1,152
semantics
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)1,151
xhtml, optimization
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability1,150
videos, accessibility, performance
All HTML and CSS Cheatsheets in One Place1,149
css, cheat-sheets
Building a Loading Bar Component (arg/dev)1,148
components, css, javascript
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)1,147
how-tos, javascript
The Weirdly Obscure Art of Streamed HTML1,146
streaming, performance
Aligning Content in Different Wrappers (sha)1,145
css, alignment
It Needs to Map Back to a Role (eri)1,144
accessibility, aria, semantics
A Look at the Dialog Element’s Super Powers (ste)1,143
modals, javascript
Creating Native Web Components (cod)1,142
web-components, javascript
It’s Always Been You, Canvas2D (dev)1,141
css, canvas, javascript
HTML Tips and Tricks1,140
tips-and-tricks
(Not So) Short Note on Being Owned (ste)1,139
aria, accessibility
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)1,138
css, web-components
Foundations: Headings (ihe/tet)1,137
accessibility, fundamentals, headings, semantics
HTML Comments Work in JavaScript Too1,136
javascript, comments
Support for Marking Radio Buttons Required, Invalid (aar)1,135
accessibility
Column Headers and Browser Support (aar)1,134
accessibility, semantics
There Is No Character Limit for “Alt Text” (yat)1,133
accessibility, alt-text, images
How to Create a Search Page for a Static Website With Vanilla JS (cfe)1,132
how-tos, functionality, search, javascript
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)1,131
semantics, naming
MHTML in Chromium1,130
browsers
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)1,129
modals, semantics
Introducing the Dialog Element (web)1,128
introductions, modals
HTML Cheat Sheet—HTML Elements List Reference (fre)1,127
semantics, examples, cheat-sheets
24 Lesser-Known HTML Attributes You May Want to Use1,126
attributes
How to Convert Markdown to HTML (red)1,125
how-tos, markdown, conversion
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)1,124
semantics, accessibility
Context-Aware Web Components Are Easier Than You Think (css)1,123
web-components, javascript
Div Divisiveness (sco)1,122
semantics
Find HTML Parsing Errors (pat/dev)1,121
browsers, dev-tools, parsing, quality
On the Peculiarities of Counting the Number of HTML Elements (j9t)1,120
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)1,119
attributes, aria
Alt Tag Emptiness (ste)1,118
accessibility, images, alt-text, aria
HTML Is General, ARIA Is Specific (dav)1,117
aria
Labeling the Point: Scenarios of Label Misuse in WCAG (tpg)1,116
accessibility, forms, labels, wcag
Accessible Heading Structure (ria)1,115
accessibility, headings
Faster Websites by Using Less HTML (j9t)1,114
cross-posts, performance, optimization, minimalism
Container Queries (5t3)1,113
css, container-queries
Form Autocomplete (ben/5t3)1,112
forms
5 Common Misconceptions About WAI–ARIA and Accessibility1,111
accessibility, aria
How to Define Your Relationship to Sites You Link To (ste)1,110
how-tos, links, semantics, seo
HTML Cheat Sheet1,109
semantics, examples, cheat-sheets
Image Display Elements (5t3)1,108
images, responsive-design
Ultimate HTML Cheatsheet1,107
cheat-sheets
4 HTML Concepts You Didn’t Know (j9t)1,106
concepts, tables
CSS Can Help Improve Your HTML!? Buttons and Links1,105
css, buttons, links, accessibility
Details/Summary (5t3)1,104
semantics, disclosure-widgets
Embrace the Platform (bra/css)1,103
css, javascript, web-platform
How Not to Create a Button (eev)1,102
buttons, accessibility
Defer Non-Critical Resources (per)1,101
performance
Markup (htt)1,100
web-almanac, studies, research, metrics
“aria-label” Is Not Always the Answer (eev)1,099
aria, accessibility
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)1,098
web-components, markdown
Control Layout in a Multi-Directional Website (css)1,097
internationalization, css
The 6 Ways of Writing HTML (and Their Combinations) (j9t)1,096
Dear HTML Element1,095
How to Make Blob Menu Using HTML, CSS, and JavaScript1,094
how-tos, css, javascript
Generate a Pull Request of Static Content With a Simple HTML Form (css)1,093
github
Get Your “Head” Straight (css/btc)1,092
videos, performance
Semantics and How to Get Them Right (hdv/btc)1,091
videos, semantics, accessibility
Detecting Specific Text Input With HTML and CSS (chr/css)1,090
css
Debugging HTML: Accessibility (mat/mat)1,089
accessibility, debugging
Designing a Reorderable List Component1,088
lists, components, css
In Defence of Dialog1,087
modals
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)1,086
components, css
Learn Forms (dev)1,085
courses, forms
Accessible Toggles (mic)1,084
accessibility, toggles, javascript
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil1,083
css, javascript
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element1,082
accessibility, skip-links
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)1,081
aria, accessibility
Switch Role Support (aar)1,080
accessibility, support
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)1,079
css, javascript, design-systems
Making the Web Developer’s Pilgrimage (j9t)1,078
Semantic “menu” Context (sco)1,077
semantics
HTML With Superpowers (dav)1,076
videos, components
What Each Markup Language Is Used For (sem)1,075
overviews, xml, xhtml, sgml, mathml, amp, seo
Landmarks (mat/mat)1,074
aria, accessibility
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)1,073
guides, images, responsive-design
Building a Multi-Select Component (arg/dev)1,072
components, css, javascript
How to Win at CORS (jaf)1,071
how-tos, security, cors, http
The Autofill Dark Pattern (alv/sma)1,070
forms, anti-patterns
A Tangled Web of ARIA1,069
accessibility, aria
Buttons vs. Links (yat)1,068
semantics, buttons, links, comparisons
How to Implement and Style the “Dialog” Element (cod)1,067
how-tos, modals, css
The Options for Password-Revealing Inputs (chr/css)1,066
css, security, passwords, usability
How to Build an Expandable Accessible Gallery (cit/sma)1,065
how-tos, accessibility, css
Redundantly Redundant a11y Accessibility (sco)1,064
accessibility
Links, Missing “href” Attributes, and Over-Engineered Code (tem)1,063
attributes, links, accessibility
Declaring Page Language—and Declaring Changes in Language (j9t)1,062
accessibility, browsers
How I Built a Modern Website in 2021 (ken)1,061
css, javascript
Comparing Page Language Declaration Setups in Screen Readers (j9t)1,060
accessibility, http, screen-readers, comparisons
Specification for Spoken Presentation in HTML (w3c)1,059
pronunciation
7 Useful HTML Attributes You May Not Know1,058
attributes
Intro to MJML: Responsive HTML Email Coding Made Easy1,057
introductions, mjml, email, responsive-design
29 Projects to Help You Practice HTML CSS JavaScript 20211,056
css, javascript
Blowing Up HTML Size With Responsive Images (deb)1,055
images, performance, responsive-design
Element Diversity (mat)1,054
Building a Split-Button Component (arg/dev)1,053
components, css, javascript
Twitter’s Div Soup and Uglyfied CSS, Explained1,052
css, twitter+x
Building a Stepper Component (sha)1,051
components, css
HTML Cheatsheet1,050
semantics, examples, cheat-sheets
Named and Framed (ste)1,049
accessibility
Small Wins for Accessibility and Resilience1,048
accessibility, resilience
One Favicon to Rule Them All (j9t)1,047
images, favicons
ARIA Spec for the Uninitiated (deq)1,046
accessibility, aria
The Complete Guide to HTML Forms and Constraint Validation (cra)1,045
guides, forms, validation
On the “<dl>” (ben)1,044
lists
6 Useful Frontend Techniques That You May Not Know About1,043
css, javascript, techniques
The Ultimate Cheat Sheet List for Web Developers1,042
css, javascript, cheat-sheets
Accessibility of the “Section” Element (sco)1,041
accessibility
Designing for the Unexpected (ali)1,040
design, css
The 3-Second Frontend Developer Test (j9t)1,039
css, conformance, quality
15 HTML5 Best Practices for Beginners to Master1,038
best-practices
The Document Outline (mat/mat)1,037
headings, accessibility
Milligram CSS1,036
videos, milligram, frameworks, css, landing-pages
ARIA in HTML (sco)1,035
accessibility, aria
Accessibility and SEO1,034
accessibility, seo
What Do HTML Elements Sound Like? (rik)1,033
screen-readers, voiceover, accessibility
Use the “i” Element, and Use It Appropriately (j9t)1,032
semantics
JavaScript Frameworks and the Lost Art of HTML (deq)1,031
javascript, frameworks
OMG, SVG Favicons FTW!1,030
images, favicons, svg
Half the Size of Images by Optimising for High Density Displays (jaf)1,029
images, performance
Why Validate? (j9t)1,028
css, quality, conformance, craft
Accessible Overflow1,027
accessibility, css, overflow
The Hidden World of “aria-hidden” (ste)1,026
accessibility, aria, hiding
Don’t Overabstract Your Components1,025
javascript, components
2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (j9t)1,024
css, conformance, metrics, quality, craft
The Button Cheat Sheet (mat)1,023
cheat-sheets
Upgrade Your HTML III (j9t/fro)1,022
books, frontend-dogma, minimalism, craft, conformance
Reducing HTML Payload With Next.js (Case Study) (sma)1,021
nextjs, performance, case-studies
Checking “Under the Hood” of Code (jay)1,020
dev-tools, browsers, debugging, console, javascript, css, history
Understanding Logical Focus Order1,019
accessibility, focus
Not Your Typical Horizontal Rules (sar)1,018
semantics
The Future of Web Software Is HTML-over-WebSockets (ali)1,017
outlooks, websockets
Revisiting Dark Patterns With the HTML “dialog” Tag (tan)1,016
modals, javascript
The Unreasonable Effectiveness of Simple HTML (ede)1,015
HTML: The 16 Content Categories and Their Elements (j9t)1,014
semantics
HTML and CSS Techniques to Reduce Your JavaScript (per)1,013
css, javascript, performance
“Yes or No?” (chr/css)1,012
forms, comparisons
“npm ruin dev” (ada/css)1,011
css, javascript, nodejs, npm
Notes on HTML 3.2 (j9t)1,010
Happier HTML5 Form Validation in Vue (chr/css)1,009
forms, validation, css, selectors, vuejs
Alt vs. Figcaption (tho)1,008
accessibility, comparisons
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)1,007
css, javascript
Know Your Standards (ste)1,006
accessibility, standards, wcag, aria, link-lists
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma)1,005
forms
Upgrade Your HTML II (j9t/fro)1,004
books, frontend-dogma, minimalism, craft, conformance
Markup (j9t+/htt)1,003
web-almanac, studies, research, metrics
GIFs and “prefers-reduced-motion” (chr/css)1,002
images, gif, reduced-motion
In Defense of Tables and Floats in Modern Day Development (css)1,001
css, floats, tables
Smarter Ways to Generate a Deep Nested HTML Structure (ana/css)1,000
php, pug
Come Full Circle—Back to HTML999
code-editors, vi+vim, neovim
A Guide to HTML and CSS Forms (No Hacks) (dxn)998
guides, css, forms
Islands Architecture997
architecture, concepts
HTML for Subheadings and Headings (chr/css)996
headings
SVG Title vs. HTML Title Attribute (chr/css)995
svg, attributes
Pausing a GIF With “details”/“summary” (chr/css)994
disclosure-widgets, gif, images, animations
Web Standards993
standards, w3c, xml, xhtml, css, wcag
Where Do You Learn HTML and CSS in 2020? (chr/css)992
css, learning, link-lists
Writing for HTML Newbies (geo)991
training
Remembrance of Tags Past (mey)990
history, web-platform, xhtml, css, hacks, doctype-switching
On Adding IDs to Headings (chr/css)989
headings
How to Reverse CSS Custom Counters (css)988
how-tos, css, lists
Getting Started With HTML Using Glitch.com (jon)987
videos, introductions, glitch
The 24 Boolean Attributes of HTML (j9t)986
attributes
HTML Tips (mar)985
tips-and-tricks
What to Use Instead of Number Inputs (chr/css)984
forms
Why Do Some HTML Elements Become Deprecated? (css)983
standards, deprecation
Performance Tips: Minifying HTML, CSS, and JS982
videos, performance, css, javascript, minification, tips-and-tricks
How to Create a “Skip to Content” Link (css)981
how-tos, skip-links, css, accessibility
Fluid Width Video (chr/css)980
multimedia, responsive-design
Setting Height and Width on Images Is Important Again (tun/sma)979
images, performance, web-vitals
Do This to Improve Image Loading on Your Website (fon/css)978
performance, images
How We Learned to Draw Text on HTML5 Canvas977
canvas, apis, svg, javascript
HTML Data Attributes Guide (chr/css)976
guides, custom-data
Why JavaScript Is Eating HTML (css)975
css, javascript, maintainability
Select an Element With a Non-Empty Attribute (chr/css)974
css, selectors, custom-data
Old CSS, New CSS (eev)973
css, history, examples, browser-wars, doctype-switching, dhtml, web-2.0, hacks, vendor-extensions, flexbox, layout
What’s the Difference Between Width/Height in CSS and Width/Height HTML Attributes? (chr/css)972
css, attributes, comparisons
A Web Component With Different HTML for Desktop and Mobile (chr/css)971
web-components, mobile, desktop
If It Can Be Done Using an HTTP Header, Use an HTTP Header (j9t)970
maintainability, maintenance, http, http-headers