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