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