Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“html” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Making Disabled Buttons More Accessible1,608
accessibility, buttons, aria
The Biggest Lie in HTML1,607
videos
ARIA in HTML (sco+/w3c)1,606
standards, accessibility, aria
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)1,605
attributes, forms, usability
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)1,604
skip-links, accessibility, mobile
The Dos and Don’ts of Using “tabindex” in Web Design (a11)1,603
accessibility, keyboard-navigation
Figma Prototypes vs. HTML Prototypes (ada)1,602
design, processes, prototyping, figma, comparisons
Faster Websites With the “picture” Element (fra)1,601
images, performance
Testing HTML With Modern CSS (hey)1,600
css, testing, quality
21 HTML Tips You Must Know About1,599
tips-and-tricks
How to Think About HTML Responsive Images (db)1,598
how-tos, images, responsive-design
When to Use “tabindex="0"” (gra/tet)1,597
accessibility, keyboard-navigation, focus
Svelte Parses HTML All Wrong (ric)1,596
svelte, parsing
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)1,595
how-tos, conformance, performance
Kobold Letters (wed)1,594
email, support
On “disabled” and “aria-disabled” Attributes (kit)1,593
accessibility, attributes, aria
How Invalid HTML Elements Impact Web Performance (erw)1,592
conformance, performance
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)1,591
accessibility, pop-overs
Ruby Is Complicated1,590
The Problem With Data Attributes for Text Effects (man)1,589
custom-data, css, typography, effects
HTML Performance Optimization: Tips for Faster Loading Pages1,588
landing-pages, performance, optimization, tips-and-tricks
Distinguishing Between ARIA and Native HTML Attributes (deq)1,587
aria, attributes, accessibility, comparisons
Streaming HTML (chr/fro)1,586
php, streaming
CSS Button Styles You Might Not Know (dbu)1,585
css, buttons
The Quiet, Pervasive Devaluation of Frontend (col)1,584
css, craft, career, community
Making Room for Long List Markers With Subgrid (nol)1,583
lists, css, grids
Techniques to Break Words (aar)1,582
techniques, css, content
An HTML Switch Control (ann+/web)1,581
css, forms
YouTube Video Embedding Harm Reduction (jvo)1,580
multimedia, embed-code, youtube, privacy
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)1,579
videos, accessibility, aria, user-experience
Filling Gaps With a Polyfill (jay)1,578
polyfills, css, javascript, history
HTML as the Baseline (cfe)1,577
progressive-enhancement
“X” Marks the Spot: Landmark Elements (stv)1,576
semantics, accessibility, assistive-tech, aria
HTML Attributes That Every Web Developer Should Know1,575
attributes, pop-overs, forms, custom-data
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)1,574
dom, shadow-dom, apis, security
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)1,573
css
HTML Web Components on the Server Are Great (sco)1,572
web-components
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)1,571
bookmarklets, accessibility, aria, keyboard-shortcuts
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)1,570
modals
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)1,569
accessibility, design, aria
A Call for Consensus on HTML Semantics (5t3)1,568
semantics
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript1,567
functionality, css, javascript
The Color Input and the Color Picker (chr/fro)1,566
colors, usability
Basic Accessibility Mistakes I Often See in Audits (cfe)1,565
accessibility, mistakes, auditing, semantics, focus, links, buttons
Web Standards: The Guidelines That Every Developer Should Know1,564
standards, history, w3c, css, xml, wcag
Disable Browser Caching With “meta” HTML Tags1,563
metadata, caching
Options for “optgroup” Labeling of “options” (ste)1,562
accessibility, forms, browsers, screen-readers, support
Using “abbr” Element With “title” Attribute (aar)1,561
attributes, accessibility, browsers, assistive-tech, support
Accounting for Internationalization With CSS and HTML1,560
css, internationalization
Buttons and Links—Common Misconceptions1,559
accessibility, semantics, buttons, links
Streaming HTML Out of Order Without JavaScript1,558
streaming
Why I Like Web Components1,557
web-components
Stop Closing Void Elements (j9t)1,556
HTML Validation—Pros and Cons1,555
conformance
Never Underestimate HTML (lar/mat)1,554
user-experience, developer-experience
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)1,553
disclosure-widgets, css, javascript
“HTML First” Is Not HTML First (j9t)1,552
principles, quality, craft
Recapturing Early-Internet Whimsy With HTML (tec)1,551
trends, design, art, decoration
The Implied Web (hws/mat)1,550
accessibility, semantics
The Road to HTMHell Is Paved With Semantics (pep/mat)1,549
semantics, quality
You Might Be Looking for HTML “article”, Not “section” (san)1,548
semantics
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)1,547
fundamentals, semantics, accessibility
HTML Can Do This?1,546
Web Components (may/5t3)1,545
web-components, shadow-dom, dom
The Ghosts of Markup Past (tho/mat)1,544
web, history
HTML: The Bad Parts (may/mat)1,543
Test-Driven HTML and Accessibility (mat)1,542
accessibility, testing, javascript
Embrace the Platform (bra)1,541
web-platform, css, javascript, resilience, progressive-enhancement, craft
Behavior Belongs in the HTML1,540
javascript, principles
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)1,539
dom, javascript, comparisons
The “hidden” Attribute in HTML (mat)1,538
attributes
Media Queries in HTML Video (aar)1,537
multimedia, css, media-queries, accessibility
What the Slot? (dut/mat)1,536
web-components, dom, shadow-dom
Security Headers Using “<meta>” (sap/mat)1,535
security, csp
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)1,534
attributes, images, maintainability
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)1,533
history
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)1,532
fundamentals, attributes, accessibility, user-experience
The “form” Attribute—Enhancing Form Layout Flexibility (mat)1,531
forms, attributes
The UX of HTML (vas/mat)1,530
semantics, user-experience
How to Use Responsive HTML Video (…and Audio!) (sco)1,529
how-tos, responsive-design, multimedia
Weird HTML Hacks (ern)1,528
css, hacks, techniques, history
Shadow DOM Is for Hiding Your Shame1,527
shadow-dom, dom, web-components
The Elevator Pitch for Web Components (cfe)1,526
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,525
attributes
An Attempted Taxonomy of Web Components (zac)1,524
web-components
HTML Web Components Are Just JavaScript? (mia/odd)1,523
web-components, javascript
Exclusive Accordions Exclude (yat)1,522
accessibility, accordions
Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA1,521
videos, browsers, google, chrome, dev-tools, accessibility, testing, aria
HTML Web Components (jim)1,520
web-components
HTML First1,519
websites, principles
Do You Really Need to Validate Your HTML Code?1,518
discussions, conformance
HTML Web Components (ada)1,517
web-components, web-platform
Understanding HTML Landmarks and How to Apply Them (its/log)1,516
semantics, accessibility, aria
13 HTML Attributes You Should Know About1,515
attributes
Removing List Styles Without Affecting Semantics (mat)1,514
css, semantics, accessibility
Markdown to HTML in Seconds: Discovering mdhub (gli)1,513
markdown, conversion, tooling
The Anatomy of an Accessible Button1,512
buttons, accessibility, aria
Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (aar)1,511
tables, grids, aria, accessibility
2023: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1,510
css, conformance, metrics, quality
Let’s Reinvent the Wheel (vas)1,509
css, user-experience, accessibility, web-platform
HTML vs. DOM? Let’s Debug Them (jec)1,508
videos, dom, debugging, comparisons
20 Simple Ways to Style the HTML “details” Element1,507
disclosure-widgets, css
HTML Meta Tags1,506
metadata
Splitting Within Selects (aar)1,505
accessibility, forms, browsers, support
Tailwind vs. Semantic CSS1,504
tailwind, css, semantics, comparisons, performance
Select Element: Now With Horizontal Rules (una)1,503
forms, semantics, browsers, google, chrome, apple, safari, support
Strikethrough Accessibility (den)1,502
accessibility, screen-readers, support
Using ChatGPT for Smart Truncation in Responsive Web Design1,501
content, responsive-design, ai, chatgpt
Why Unique ID Attributes Matter (deq)1,500
accessibility, attributes, conformance
On the Uniting Power of a Commitment to HTML Conformance (j9t)1,499
conformance, quality, community, web
Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users?1,498
accessibility, screen-readers
CSS Findings From Photoshop Web Version (sha)1,497
css, adobe, photoshop, case-studies
The Selected Date Must Be Within the Last 10 Years (ger/clo)1,496
forms, validation
Extending the Properties of an HTML Element in TypeScript1,495
components, typescript
An Anchored Navbar Solution (mey)1,494
css, navigation
The Most Minimal Valid HTML Document (j9t)1,493
minimalism, conformance, templates
Easy Dark Mode With “color-scheme” (sar)1,492
slides, dark-mode, css, accessibility
Stop Using JS for That: Moving Features to CSS and HTML (kil)1,491
videos, javascript, css
How Mastodon Handles Images and Web Previews (rba)1,490
social-media, mastodon, open-graph, metadata, images
HTML Popover, Videos, and “display:blackhole” (bru)1,489
pop-overs, videos
Misconceptions Can Kill Accessibility Momentum (yat)1,488
accessibility, processes
State of HTML 2023 (sac+/dev)1,487
surveys
What Makes an Accessible Date Picker? Is It Even Possible? (inc)1,486
videos, accessibility
How to Use the New “<search>” Element With WordPress (ede)1,485
how-tos, wordpress
What Can You Do With “data” Attributes? (cfe)1,484
custom-data, javascript
State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (tin+/fwo)1,483
podcasts, accessibility, aria
Browser Video Players Review (aar)1,482
multimedia, accessibility, browsers, screen-readers, support
10 Things You Didn’t Know About HTML1,481
Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (hdv)1,480
slides, pop-overs, modals, deep-dives
Small Details to Improve Your Website’s Experience (alv)1,479
user-experience, css, metadata
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)1,478
buttons, css, svg, images
Main-ly Speaking (col)1,477
accessibility
XUL and HTML (moz)1,476
xul, comparisons
An Intro to the “dialog” Element (cfe)1,475
introductions, modals, semantics
Supercharge Your HTML With WebC1,474
videos, webc
Progressively Enhanced HTML Accordion (aar)1,473
accordions, semantics, accessibility, progressive-enhancement
8 Common Heading Questions (pop)1,472
accessibility, headings
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)1,471
forms, validation, progressive-enhancement, css
Responsive Images: DIY Implementation in 6 Steps1,470
images, responsive-design
A Blog Post With Every HTML Element (pat)1,469
semantics
Contextual Form Errors and ARIA (mar)1,468
accessibility, forms, aria
I’m Betting on HTML1,467
semantics
You Probably Don’t Need “http-equiv” Meta Tags (rvi)1,466
metadata, http, performance
Help Design the Inaugural “State of HTML” Survey (lea)1,465
community
Blockquotes in Screen Readers (aar)1,464
accessibility, screen-readers, support
I Blame the W3C’s HTML Standard for Ordered Lists (sid)1,463
lists, semantics
O “dialog” Focus, Where Art Thou? (mat)1,462
accessibility, modals, focus
Preload vs. Early Hints vs. Fetch Priority1,461
videos, performance, http, hints, comparisons, preloading
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)1,460
css, media-queries, javascript, dark-mode
The Case Against Self-Closing Tags in HTML (jaf)1,459
How to Validate HTML On-Line at W3C (wie)1,458
how-tos, conformance, tooling
The “article” Element and Screen Readers (mat)1,457
screen-readers, accessibility, support
And 4 More HTML Concepts You Didn’t Know (j9t)1,456
concepts, web-components
The “details” Element and In-Page Search (mat)1,455
disclosure-widgets, search, browsers, user-experience
Under-Engineered Comboboxen? (aar)1,454
forms, css, accessibility
Form and Search Landmarks (mat)1,453
aria, forms, browsers, assistive-tech, support
What Does the Image “decoding” Attribute Actually Do? (tun)1,452
attributes, images, performance
Button Types (ada)1,451
buttons
Django: A Security Improvement Coming to “format_html()” (ada)1,450
django, security
HTML Imports (w3c)1,449
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now1,448
viewport, metadata, accessibility, responsive-design
Assume the Position—a Labeling Story (llo/tpg)1,447
accessibility, forms, labels
What Is Open Graph? How to Use It for Your WordPress Website?1,446
how-tos, open-graph, social-media, wordpress
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)1,445
semantics
21 Awesome Web Features You’re Not Using Yet (fir)1,444
videos, css, javascript
Brief Note on Popovers With Dialogs (aar)1,443
support, accessibility, pop-overs, modals
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)1,442
best-practices, forms
Querying Parsed HTML in BigQuery (rvi)1,441
Introducing the Popover API (una)1,440
introductions, apis, pop-overs
Be Careful Using “Menu” (aar)1,439
aria, design, terminology
How to Build Lean Efficient Websites in 2023 (cfe)1,438
how-tos, progressive-enhancement, minimalism
Fieldsets, Legends, and Screen Readers Again (ste/tpg)1,437
accessibility, forms, screen-readers
Semantics and the “popover” Attribute: What to Use When? (hdv)1,436
attributes, semantics, accessibility, pop-overs
HTML Landmark Roles Screen Reader Demo (sch/mdn)1,435
videos, accessibility, screen-readers, voiceover, apple
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)1,434
accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)1,433
accessibility, screen-readers, support
Respect Your Children (ste/tpg)1,432
accessibility, aria
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal)1,431
performance, dom, optimization
Client-Side Rendering of HTML and Interactivity (mal)1,430
performance, client-side-rendering
How “x-default” Can Help You (met)1,429
internationalization, urls, attributes, search, google
How Far Back in Time Can I Take My Website’s Design1,428
web, design, history, css
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)1,427
accessibility, focus, aria
Considering Content Warnings in HTML (aar)1,426
content, dei
“details”/“summary” Inconsistencies (mat)1,425
disclosure-widgets, browsers, assistive-tech, support
It’s Very Likely That… (mat)1,424
semantics, buttons, modals
The “details” Element Is Amazing (fon)1,423
disclosure-widgets
HTML Accessibility API Mappings 1.0 (ste+/w3c)1,422
accessibility, apis
HTML Dark Mode (bt)1,421
dark-mode
New HTML Element: “search” (alv)1,420
semantics
What Is Semantic HTML? (dav)1,419
semantics
Five Pieces of Advice for More Accessible Websites (cit)1,418
accessibility
Modern HTML Email (Tables No Longer Required) (oll)1,417
email, tables
On-Page SEO Checklist: The Complete Task List for 2023 (sem)1,416
seo, checklists, semantics
HTML: Help Users to Download Files With the HTML “download” Attribute1,415
attributes
Fighting Inter-Component HTML Bloat (eli)1,414
components, semantics, quality
Getting Started With HTML Tables1,413
tables, introductions
The “search” Element (sco)1,412
accessibility, semantics
The End of Front-End Development (jos)1,411
outlooks, career
The H1 Conundrum: Understanding the Challenges of Heading Level One1,410
accessibility, semantics, headings
Progressively Enhancing a Table With a Web Component (ray)1,409
javascript, tables, web-components, progressive-enhancement
File Uploads for the Web: Uploading Files With HTML (aus)1,408
file-handling
The Broken Promise of Atomic CSS1,407
atomic-css, presentational-html, tailwind, css
A Tab Interface Before Its Time (aar)1,406
components
HTML Garden1,405
websites, art
50.1% Empty Links (mat)1,404
accessibility, links, semantics, seo
Relative Rounded Corners (bel)1,403
css
ARIA vs. HTML (aar)1,402
accessibility, aria, semantics, comparisons
Avoid Spanning Table Headers (aar)1,401
accessibility, assistive-tech, tables
Representation of Style (ste)1,400
semantics
A Step-by-Step Guide to Building Accessible Carousels (swe/sma)1,399
guides, carousels, accessibility, user-experience
Declarative Shadow DOM (dev+)1,398
shadow-dom, dom
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)1,397
accessibility, screen-readers, semantics
Mastodon and Open Graph (drd)1,396
social-media, mastodon, metadata, open-graph
An Introduction to HTML Cheat Sheet1,395
introductions, semantics, cheat-sheets
Table of Contents Progress Animation (kev)1,394
css, javascript, animations, progress-indicators
Interop 2023 CMS Checkin (chr)1,393
interoperability, syndication, rss, atom, semantics
Rotating Gallery With CSS Scroll-Driven Animations (jhe)1,392
css, javascript, animations, scrolling
What Are HTML5 Semantic Elements?1,391
semantics
HTML Input Types (mar)1,390
forms
Optimal Images in HTML (ste/bui)1,389
images, backgrounds, performance, optimization
Screen Readers Support for Text Level HTML Semantics (ste/tpg)1,388
semantics, screen-readers, support
Use the Dialog Element (Reasonably) (sco)1,387
modals, accessibility
Musing Upon an “[alt]” Text Badge on Images (chr)1,386
accessibility, css
The Modern Way of Serving Images (kur)1,385
images, performance
If You Need a Link, Don’t Use a Button (tem)1,384
semantics, links, buttons, accessibility
Improve Your HTML Semantic With Pico CSS1,383
pico
Unordered Lists in Main Navigations (mat)1,382
lists, navigation, semantics
Three Attributes for Better Web Forms (ada)1,381
forms, attributes
Two Ways to Safely Break a Long Word in HTML (ami)1,380
Data URLs and Pool in Your URL (wes)1,379
data-urls
Faking Min Width on a Table Column (css)1,378
tables, css, responsive-design
Customizing HTML Form Validation (dav)1,377
forms, validation
How to Build Great HTML Form Controls (aus/fre)1,376
how-tos, forms
7 Required Steps to Secure Your Iframes Security1,375
iframes, security, xss, http-headers, csp
Conditional API Responses for JavaScript vs. HTML Forms (aus)1,374
javascript, forms, security, comparisons
Theme Toggles1,373
websites, theming, toggles, react
Website Accessibility (15 Best Practices) (bru)1,372
accessibility, best-practices, content, readability, captcha, images, alt-text, forms, focus, tooling
A Problem With Link Relationships (j9t)1,371
links, metadata, semantics, maintainability
Enforcing Better HTML Markup With Eleventy (mat)1,370
semantics, conformance, eleventy
A Theory of Web Relativity (alv/mat)1,369
metadata, structured-data
Building an Accessible Theme Picker With HTML, CSS, and JavaScript (fos)1,368
accessibility, css, javascript, theming, functionality
Common Nesting Issues in HTML (cit/mat)1,367
nesting
Interop 2022: End of Year Update (rac)1,366
interoperability, web-platform, browsers, css
HTML Dialog (5t3)1,365
modals
Mini-Guide to Add an Image (its/mat)1,364
images
Modern HTML as a Foundation for Progressive Enhancement (ffo/mat)1,363
progressive-enhancement
5 HTML Elements, and a Partridge in a Despair Tree (mat)1,362
semantics, accessibility
4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (aus)1,361
css, selectors, forms
Get That Marquee AeStHeTiC (dni/mat)1,360
css, effects
An HTML-First Mental Model (noa/per)1,359
dom, performance
Table Like It’s 2023 (cli/mat)1,358
tables
One Day We’ll Have a Fully Customisable Select (hdv/mat)1,357
css
There Can Be Only One: Options for Building “Choose One” Fields (aar/mat)1,356
forms
Dear Developer, Your Assumptions Are Wrong (mat)1,355
Inside the Mind of a Frontend Developer: Article Layout (sha)1,354
css, layout
A Modern HTML Template (2022)1,353
templates
Meaningful Labels Using ARIA—or Not (mat)1,352
accessibility, forms, labels, aria
4 More HTML Concepts You Didn’t Know (j9t)1,351
concepts, forms, focus
Brief Note on Description List Support (aar)1,350
lists, semantics, accessibility, screen-readers, support
Reading the Meter (sup/mat)1,349
semantics, accessibility
Landmarks and Where to Put Them (kil/mat)1,348
semantics, aria, accessibility
You Don’t Need ARIA for That (den/mat)1,347
accessibility, aria
How to Transfigure Wireframes Into HTML (mat)1,346
how-tos, prototyping, conversion
HTML Semantics and Accessibility Cheat Sheet (web)1,345
cheat-sheets, semantics, accessibility
Shadow DOM and Accessibility: The Trouble With ARIA (nol)1,344
dom, shadow-dom, accessibility, aria
Newer Things to Know About Good Ol’ HTML Lists (dxn/css)1,343
lists, semantics
HTML Content Model Categories1,342
semantics
Upgrade Your HTML IV (j9t/fro)1,341
books, frontend-dogma, minimalism, craft, conformance
Lazy Loading Images in HTML (sim)1,340
performance, lazy-loading
The Shape-Shifting “a” Element1,339
links, semantics
The “label” Element1,338
labels, semantics
Page Title Conventions (ada)1,337
accessibility, seo
What Happened to Text Inputs? (hey)1,336
videos, forms
Brief Note on “aria-readonly” Support (aar)1,335
accessibility, aria, assistive-tech, support
You Don’t Need HTML (ede)1,334
websites, web-platform
A Guide to Keyboard Accessibility: HTML and CSS (its/sma)1,333
guides, accessibility, keyboard-navigation, css
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)1,332
semantics, accessibility, modals, pop-overs
Foundations: Native Versus Custom Components (tet)1,331
accessibility, fundamentals, components, comparisons
Inside the Mind of a Frontend Developer: Hero Section (sha)1,330
css
6 Steps to Improve HTML Images for Users and Developers (aus)1,329
images, performance, responsive-design
16 Rare HTML Tags You Really Should Know1,328
semantics
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed1,327
css, performance, tips-and-tricks
Intro to HTML-First Frontend Frameworks1,326
introductions, frameworks
Building a Tooltip Component (arg)1,325
components, tooltips, css
The Truth Behind Implicit/Explicit Form Labels1,324
forms, labels, accessibility
Common ARIA Mistakes and How to Avoid Them (ale)1,323
accessibility, aria, mistakes
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)1,322
A Little Semantic HTML Trick for React Components1,321
react, semantics, components, tips-and-tricks
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)1,320
metrics, web-almanac
How to Optimize Resource Loading With the “fetchpriority” Attribute (mat/deb)1,319
how-tos, performance, optimization
Foundations: HTML Semantics (ihe/tet)1,318
accessibility, fundamentals, semantics
When Going Somewhere Does a Thing: On Links and Buttons (kil)1,317
accessibility, links, buttons, semantics
Templating in HTML (kit)1,316
javascript
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)1,315
performance, multimedia, images, gif
Named Element IDs Can Be Referenced as JavaScript Globals (css)1,314
javascript
Learn HTML (est)1,313
courses
Markup (j9t/htt)1,312
web-almanac, studies, research, metrics
Streamable HTML Fragments (dev)1,311
streaming
Two Things I Learned by Validating My HTML Again1,310
conformance, lessons
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (cod)1,309
forms, security
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!1,308
studies, research, performance
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)1,307
disclosure-widgets, semantics, accessibility
Brief Note on Super- and Subscript Text (aar)1,306
accessibility, support, assistive-tech
How to (Not) Make a Button1,305
how-tos, accessibility, buttons, semantics
Why the Number Input Is the Worst Input1,304
forms, validation, accessibility
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)1,303
guides, accessibility, aria
Wtf Is an Island and Why Is It in My Website?1,302
frameworks, architecture, concepts
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1,301
css, conformance, metrics, quality, craft
The “details” and “summary” Elements, Again (sco)1,300
disclosure-widgets, accessibility
Nuclear Footnotes (mey)1,299
footnotes, css
What’s New With Forms in 2022? (oll/css)1,298
forms, javascript
Building the Main Navigation for a Website (mat)1,297
navigation, css
HTML Markup Tips for Developing Accessible Websites (low)1,296
accessibility, aria
A Content Warning Component (kit)1,295
components, css
Disabled JavaScript Turns Off Native Lazy Loading (ste)1,294
javascript, performance, lazy-loading
Accessible Lists and Tables (pop)1,293
accessibility, lists, tables
Beginner’s Guide to Lists and How to Make Them Accessible (pop)1,292
guides, lists, accessibility
Don’t Overwrite Visual Labels With “aria-label” (ash)1,291
accessibility, aria, labels
Should I Use a Button or a Link? (ash)1,290
buttons, links, semantics
Short Note on “figure” and “figcaption” (ste)1,289
accessibility
CSS Classes Considered Harmful (kei)1,288
css
TIL: You Can Access a User’s Camera With Just HTML (aus)1,287
permissions
Creative List Styling (mic)1,286
lists, css
Exploring the Underrated “output” Element1,285
Table Column Alignment With Variable Transforms (mey)1,284
css, tables, transforms, alignment
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)1,283
performance, web-vitals
On Ratings and Meters (lea)1,282
semantics, css
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (ami)1,281
multimedia, mobile
The Infinite Marquee1,280
css, animations, effects
Making a Website Under 1 kB1,279
performance, minimalism
Ruby Styling (ri/web)1,278
ruby-markup, css
Abbreviations Suck (cfe)1,277
accessibility
“<article>” vs. “<section>”: How to Choose the Right One (sma)1,276
semantics, comparisons
Roundup of Recent Document Outline Chatter (geo/css)1,275
headings, semantics, accessibility
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1,274
semantics, headings, microcontent, accessibility
Abbreviations Can Be Problematic (tem)1,273
accessibility
Minimal Social Markup (j9t)1,272
social-media, open-graph, minimalism
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1,271
semantics, accessibility, aria
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)1,270
accessibility, aria, mistakes
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)1,269
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,268
semantics, accessibility
Two Levels of Customising “<selectmenu>” (hdv)1,267
accessibility
Best Practices for Images1,266
images, best-practices
What the Hell Is “<!DOCTYPE html>”?1,265
doctype-switching
Farewell to HTML5Rocks1,264
community, history
Are You Sure That’s a Number Input? (kil)1,263
My Wonderful HTML Email Workflow (jos)1,262
mjml, markdown, mdx, email, processes
HTML Cheatsheet1,261
examples, cheat-sheets
Write HTML Right1,260
optimization
Level Up Your Link Previews in Slack (whi)1,259
social-media, open-graph, links, slack
8 Shocking HTML Tips You Probably Don’t Know About1,258
tips-and-tricks
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)1,257
forms, history, mistakes
A Perfect Table of Contents With HTML and CSS (nza/css)1,256
css
Why Are Iframe Titles Important for Accessibility?1,255
accessibility, iframes, writing
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers1,254
guides, semantics, examples, cheat-sheets
Making Disabled Buttons More Inclusive (san/css)1,253
forms, buttons, focus, aria, attributes, accessibility
Conditionally Loading CSS or Any Resource Using Media Queries (ami)1,252
media-queries, performance
Building a Button Component (arg)1,251
components, css, javascript, buttons
How the HTML “lang” Attribute Helps Accessibility1,250
accessibility, attributes, localization
Don’t Fight the Browser Preload Scanner (mal)1,249
browsers, parsing, performance
Divs Are Bad! (mat)1,248
semantics
XHTML Syntax Is Still Worth Using (tem)1,247
xhtml
Learn HTML [and] CSS (jad)1,246
websites, courses, css
What’s Your Heading? (col)1,245
accessibility, headings, semantics
Lost in Translation (mat/btc)1,244
videos, design, accessibility, css
Please, Stop Disabling Zoom (mat)1,243
accessibility, zooming
How to Use Videos With Alpha Transparency on the Web (ben)1,242
how-tos, multimedia, transparency+opacity
Under-Engineered Multi-Selects (aar)1,241
accessibility, aria
Foundations: Lists (tin/tet)1,240
accessibility, fundamentals, lists
Common Frontend Interview Questions I’ve Been Asked1,239
interviewing, javascript
The CSS Art Paradox (j9t)1,238
css, art, quality
Introducing “inert”1,237
introductions, attributes, accessibility, keyboard-navigation
Non-Interactive Elements With the “inert” Attribute (web)1,236
attributes, semantics
Plain Old Semantic HTML: A Perfect Basis for Accessibility1,235
accessibility, semantics
How Web Browsers Work: Parsing the HTML1,234
browsers, parsing
Progressive Enhancement and HTML Forms: Use “FormData” (bra)1,233
forms, progressive-enhancement
Does Valid and Semantic HTML Still Matter? (5t3+)1,232
podcasts, semantics, conformance
Building a Dialog Component (arg)1,231
components, modals, css, javascript
Those HTML Elements You Never Use1,230
semantics
How to Turn HTML Webpage Into an Image?1,229
how-tos, images, conversion
Designing Better Breadcrumbs (vit/sma)1,228
usability, navigation, breadcrumbs
12 Years Beyond a HTML Joke (ste)1,227
semantics
Alternative Text (Alt Text) (pop)1,226
accessibility, images, writing, alt-text
HTML Is All You Need to Make a Website (whi)1,225
“aria-labelledby” Usage Notes (ste)1,224
accessibility, aria, labels
Accessible Cards (kit)1,223
accessibility, css
How to Match HTML Elements With an Indeterminate State (ste)1,222
how-tos, css, selectors
HTML-Only Keyboard Shortcuts (ami)1,221
accessibility, keyboard-navigation, keyboard-shortcuts
Picture Perfect Images With the Modern “<img>” Element (add)1,220
images, performance, web-vitals
Those HTML Attributes You Never Use (lou/sma)1,219
attributes
HTML Semantics (cfe)1,218
semantics
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)1,217
xhtml, optimization
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability1,216
videos, accessibility, performance
All HTML and CSS Cheatsheets in One Place1,215
css, cheat-sheets
Building a Loading Bar Component (arg)1,214
components, css, javascript
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)1,213
how-tos, javascript
The Weirdly Obscure Art of Streamed HTML1,212
streaming, performance
Aligning Content in Different Wrappers (sha)1,211
css, alignment
It Needs to Map Back to a Role (eri)1,210
accessibility, aria, semantics
A Look at the Dialog Element’s Super Powers (ste)1,209
modals, javascript
Creating Native Web Components (cod)1,208
web-components, javascript
It’s Always Been You, Canvas2D1,207
css, canvas, javascript
HTML Tips and Tricks1,206
tips-and-tricks
(Not So) Short Note on Being Owned (ste)1,205
aria, accessibility
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)1,204
css, web-components
Foundations: Headings (ihe/tet)1,203
accessibility, fundamentals, headings, semantics
HTML Comments Work in JavaScript Too1,202
javascript, comments
Support for Marking Radio Buttons Required, Invalid (aar)1,201
accessibility
Column Headers and Browser Support (aar)1,200
accessibility, semantics
There Is No Character Limit for “Alt Text” (yat)1,199
accessibility, alt-text, images
How to Create a Search Page for a Static Website With Vanilla JS (cfe)1,198
how-tos, functionality, search, javascript
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)1,197
semantics, naming
MHTML in Chromium1,196
browsers
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)1,195
modals, semantics
Introducing the Dialog Element (web)1,194
introductions, modals
HTML Cheat Sheet—HTML Elements List Reference (fre)1,193
semantics, examples, cheat-sheets
24 Lesser-Known HTML Attributes You May Want to Use1,192
attributes
How to Convert Markdown to HTML (red)1,191
how-tos, markdown, conversion
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)1,190
semantics, accessibility
Context-Aware Web Components Are Easier Than You Think (css)1,189
web-components, javascript
Div Divisiveness (sco)1,188
semantics
Find HTML Parsing Errors (pat/dev)1,187
browsers, dev-tools, parsing, quality
On the Peculiarities of Counting the Number of HTML Elements (j9t)1,186
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)1,185
attributes, aria
Alt Tag Emptiness (ste)1,184
accessibility, images, alt-text, aria
HTML Is General, ARIA Is Specific (dav)1,183
aria
Labeling the Point: Scenarios of Label Misuse in WCAG (tpg)1,182
accessibility, forms, labels, wcag
Accessible Heading Structure (ria)1,181
accessibility, headings
Faster Websites by Using Less HTML (j9t)1,180
cross-posts, performance, optimization, minimalism
Container Queries (5t3)1,179
css, container-queries
Form Autocomplete (ben/5t3)1,178
forms
5 Common Misconceptions About WAI–ARIA and Accessibility1,177
accessibility, aria
How to Define Your Relationship to Sites You Link To (ste)1,176
how-tos, links, semantics, seo
HTML Cheat Sheet1,175
semantics, examples, cheat-sheets
Image Display Elements (5t3)1,174
images, responsive-design
Ultimate HTML Cheatsheet1,173
cheat-sheets
4 HTML Concepts You Didn’t Know (j9t)1,172
concepts, tables
CSS Can Help Improve Your HTML!? Buttons and Links1,171
css, buttons, links, accessibility
Details/Summary (5t3)1,170
semantics, disclosure-widgets
Embrace the Platform (bra/css)1,169
css, javascript, web-platform
How Not to Create a Button (eev)1,168
buttons, accessibility
Defer Non-Critical Resources (per)1,167
performance
Markup (htt)1,166
web-almanac, studies, research, metrics
“aria-label” Is Not Always the Answer (eev)1,165
aria, accessibility
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)1,164
web-components, markdown
Control Layout in a Multi-Directional Website (css)1,163
internationalization, css
The 6 Ways of Writing HTML (and Their Combinations) (j9t)1,162
Dear HTML Element1,161
How to Make Blob Menu Using HTML, CSS, and JavaScript1,160
how-tos, css, javascript
Generate a Pull Request of Static Content With a Simple HTML Form (css)1,159
github
Get Your “Head” Straight (css/btc)1,158
videos, performance
Semantics and How to Get Them Right (hdv/btc)1,157
videos, semantics, accessibility
Detecting Specific Text Input With HTML and CSS (chr/css)1,156
css
Debugging HTML: Accessibility (mat/mat)1,155
accessibility, debugging
Designing a Reorderable List Component1,154
lists, components, css
In Defence of Dialog1,153
modals
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)1,152
components, css
Learn Forms1,151
courses, forms
Accessible Toggles (mic)1,150
accessibility, toggles, javascript
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil1,149
css, javascript
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element1,148
accessibility, skip-links
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)1,147
aria, accessibility
Switch Role Support (aar)1,146
accessibility, support
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)1,145
css, javascript, design-systems
Making the Web Developer’s Pilgrimage (j9t)1,144
Semantic “menu” Context (sco)1,143
semantics
HTML With Superpowers (dav)1,142
videos, components
What Each Markup Language Is Used For (sem)1,141
overviews, xml, xhtml, sgml, mathml, amp, seo
Landmarks (mat/mat)1,140
aria, accessibility
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)1,139
guides, images, responsive-design
Building a Multi-Select Component (arg)1,138
components, css, javascript
How to Win at CORS (jaf)1,137
how-tos, security, cors, http
The Autofill Dark Pattern (alv/sma)1,136
forms, anti-patterns
A Tangled Web of ARIA1,135
accessibility, aria
Buttons vs. Links (yat)1,134
semantics, buttons, links, comparisons
How to Implement and Style the “Dialog” Element (cod)1,133
how-tos, modals, css
The Options for Password-Revealing Inputs (chr/css)1,132
css, security, passwords, usability
How to Build an Expandable Accessible Gallery (cit/sma)1,131
how-tos, accessibility, css
Redundantly Redundant a11y Accessibility (sco)1,130
accessibility
Links, Missing “href” Attributes, and Over-Engineered Code (tem)1,129
attributes, links, accessibility
Declaring Page Language—and Declaring Changes in Language (j9t)1,128
accessibility, browsers
How I Built a Modern Website in 2021 (ken)1,127
css, javascript
Comparing Page Language Declaration Setups in Screen Readers (j9t)1,126
accessibility, http, screen-readers, comparisons
Specification for Spoken Presentation in HTML (w3c)1,125
pronunciation
7 Useful HTML Attributes You May Not Know1,124
attributes
Intro to MJML: Responsive HTML Email Coding Made Easy1,123
introductions, mjml, email, responsive-design
29 Projects to Help You Practice HTML CSS JavaScript 20211,122
css, javascript
Blowing Up HTML Size With Responsive Images (deb)1,121
images, performance, responsive-design
Element Diversity (mat)1,120
Twitter’s Div Soup and Uglyfied CSS, Explained1,119
css, twitter+x
Building a Split-Button Component (arg)1,118
components, css, javascript
Building a Stepper Component (sha)1,117
components, css
HTML Cheatsheet1,116
semantics, examples, cheat-sheets
Named and Framed (ste)1,115
accessibility
Small Wins for Accessibility and Resilience1,114
accessibility, resilience
One Favicon to Rule Them All (j9t)1,113
images, favicons
ARIA Spec for the Uninitiated (deq)1,112
accessibility, aria
The Complete Guide to HTML Forms and Constraint Validation (cra)1,111
guides, forms, validation
On the “<dl>” (ben)1,110
lists
6 Useful Frontend Techniques That You May Not Know About1,109
css, javascript, techniques