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