Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“html” News Archive (2)

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