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

Frontend Dogma

“html” News Archive (2)

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