Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Protest, boycott, ostracize. Hide

Frontend Dogma

“html” News Archive (3)

Entry (Sources) and Other Related TopicsDate#
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)1,274
HTML Landmark Roles Screen Reader Demo (sch/mdn)1,273
, , , ,
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)1,272
, ,
Respect Your Children (ste/tpg)1,271
,
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)1,270
, ,
Client-Side Rendering of HTML and Interactivity (mal/dev)1,269
,
How Far Back in Time Can I Take My Website’s Design1,268
, , ,
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)1,267
, ,
“details”/“summary” Inconsistencies (mat)1,266
, , ,
Considering Content Warnings in HTML (aar)1,265
,
It’s Very Likely That… (mat)1,264
, ,
The “details” Element Is Amazing (fon)1,263
HTML Dark Mode (bt)1,262
HTML Accessibility API Mappings 1.0 (ste+/w3c)1,261
,
New HTML Element: “search” (alv)1,260
What Is Semantic HTML?1,259
Five Pieces of Advice for More Accessible Websites (cit)1,258
Modern HTML Email (Tables No Longer Required) (oll)1,257
,
On-Page SEO Checklist: The Complete Task List for 2023 (sem)1,256
, ,
HTML: Help Users to Download Files With the HTML “download” Attribute1,255
Getting Started With HTML Tables1,254
,
Fighting Inter-Component HTML Bloat (eli)1,253
, ,
The “search” Element (sco)1,252
,
The End of Front-End Development (jos)1,251
,
The H1 Conundrum: Understanding the Challenges of Heading Level One1,250
, ,
Progressively Enhancing a Table With a Web Component (ray)1,249
, , ,
File Uploads for the Web: Uploading Files With HTML (aus)1,248
HTML Garden1,247
,
A Tab Interface Before Its Time (aar)1,246
50.1% Empty Links (mat)1,245
, , ,
Relative Rounded Corners (bel)1,244
ARIA vs. HTML (aar)1,243
, , ,
Avoid Spanning Table Headers (aar)1,242
, ,
Representation of Style (ste)1,241
Declarative Shadow DOM (dev+/dev)1,240
,
A Step-by-Step Guide to Building Accessible Carousels (swe/sma)1,239
, , ,
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)1,238
, ,
Mastodon and Open Graph (drd)1,237
, , ,
An Introduction to HTML Cheat Sheet1,236
, ,
Table of Contents Progress Animation (kev)1,235
, , ,
Interop 2023 CMS Checkin (chr)1,234
, , , ,
Rotating Gallery With CSS Scroll-Driven Animations (jhe)1,233
, , ,
HTML Input Types (mar)1,232
Use the Dialog Element (Reasonably) (sco)1,231
,
Screen Readers Support for Text Level HTML Semantics (ste/tpg)1,230
, ,
Optimal Images in HTML (ste/bui)1,229
, , ,
The Modern Way of Serving Images (kur)1,228
,
Musing Upon an “[alt]” Text Badge on Images (chr)1,227
,
If You Need a Link, Don’t Use a Button (tem)1,226
, , ,
Improve Your HTML Semantic With Pico CSS1,225
Unordered Lists in Main Navigations (mat)1,224
, ,
Two Ways to Safely Break a Long Word in HTML (ami)1,223
Three Attributes for Better Web Forms (ada)1,222
,
Faking Min Width on a Table Column (css)1,221
, ,
Data URLs and Pool in Your URL (wes)1,220
Customizing HTML Form Validation (dav)1,219
,
How to Build Great HTML Form Controls (aus/fre)1,218
,
7 Required Steps to Secure Your Iframes Security1,217
, , , ,
Conditional API Responses for JavaScript vs. HTML Forms (aus)1,216
, , ,
Website Accessibility (15 Best Practices) (bru)1,215
, , , , , , , , ,
Theme Toggles1,214
, , ,
Enforcing Better HTML Markup With Eleventy (mat)1,213
, ,
A Problem With Link Relationships (j9t)1,212
, , ,
Building an Accessible Theme Picker With HTML, CSS, and JavaScript (fos)1,211
, , , ,
A Theory of Web Relativity (alv/mat)1,210
,
Common Nesting Issues in HTML (cit/mat)1,209
Interop 2022: End of Year Update (rac/dev)1,208
, , ,
Mini-Guide to Add an Image (its/mat)1,207
HTML Dialog (5t3)1,206
Modern HTML as a Foundation for Progressive Enhancement (ffo/mat)1,205
5 HTML Elements, and a Partridge in a Despair Tree (mat)1,204
,
Get That Marquee AeStHeTiC (dni/mat)1,203
,
An HTML-First Mental Model (noa)1,202
,
4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (aus)1,201
, ,
Table Like It’s 2023 (cli/mat)1,200
One Day We’ll Have a Fully Customisable Select (hdv/mat)1,199
There Can Be Only One: Options for Building “Choose One” Fields (aar/mat)1,198
Dear Developer, Your Assumptions Are Wrong (mat)1,197
Inside the Mind of a Frontend Developer: Article Layout (sha)1,196
,
A Modern HTML Template (2022)1,195
Meaningful Labels Using ARIA—or Not (mat)1,194
, , ,
4 More HTML Concepts You Didn’t Know (j9t)1,193
, ,
Reading the Meter (sup/mat)1,192
,
Brief Note on Description List Support (aar)1,191
, , , ,
Landmarks and Where to Put Them (kil/mat)1,190
, ,
You Don’t Need ARIA for That (den/mat)1,189
,
How to Transfigure Wireframes Into HTML (mat)1,188
, ,
HTML Semantics and Accessibility Cheat Sheet (web)1,187
, ,
Shadow DOM and Accessibility: The Trouble With ARIA (nol)1,186
, , ,
Newer Things to Know About Good Ol’ HTML Lists (css)1,185
,
Upgrade Your HTML IV (j9t/fro)1,184
, , , ,
HTML Content Model Categories1,183
Lazy Loading Images in HTML (sim)1,182
,
The Shape-Shifting “a” Element1,181
,
The “label” Element1,180
,
What Happened to Text Inputs? (hey)1,179
,
Page Title Conventions (ada)1,178
,
Brief Note on “aria-readonly” Support (aar)1,177
, , ,
You Don’t Need HTML (ede)1,176
,
A Guide to Keyboard Accessibility: HTML and CSS (its/sma)1,175
, , ,
Foundations: Native Versus Custom Components (tet)1,174
, , ,
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)1,173
, , ,
Inside the Mind of a Frontend Developer: Hero Section (sha)1,172
6 Steps to Improve HTML Images for Users and Developers (aus)1,171
, ,
16 Rare HTML Tags You Really Should Know1,170
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed1,169
, ,
Intro to HTML-First Frontend Frameworks1,168
,
Building a Tooltip Component (arg/dev)1,167
, ,
The Truth Behind Implicit/Explicit Form Labels1,166
, ,
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)1,165
Common ARIA Mistakes and How to Avoid Them (ale)1,164
, ,
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)1,163
,
A Little Semantic HTML Trick for React Components1,162
, , ,
How to Optimize Resource Loading With the “fetchpriority” Attribute (deb)1,161
, ,
Foundations: HTML Semantics (tet)1,160
, ,
When Going Somewhere Does a Thing: On Links and Buttons (kil)1,159
, , ,
Templating in HTML (kit)1,158
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)1,157
, , ,
Named Element IDs Can Be Referenced as JavaScript Globals (css)1,156
Learn HTML (est/dev)1,155
Markup (j9t/htt)1,154
, , ,
Two Things I Learned by Validating My HTML Again1,153
,
Streamable HTML Fragments (dev)1,152
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (cod)1,151
,
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!1,150
, ,
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)1,149
, ,
How to (Not) Make a Button1,148
, , ,
Brief Note on Super- and Subscript Text (aar)1,147
, ,
Why the Number Input Is the Worst Input1,146
, ,
Wtf Is an Island and Why Is It in My Website?1,145
, ,
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)1,144
, ,
The “details” and “summary” Elements, Again (sco)1,143
,
Nuclear Footnotes (mey)1,142
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1,141
, , , ,
What’s New With Forms in 2022? (oll/css)1,140
,
Building the Main Navigation for a Website (mat/dev)1,139
,
HTML Markup Tips for Developing Accessible Websites (low/the)1,138
,
A Content Warning Component (kit)1,137
,
Disabled JavaScript Turns Off Native Lazy Loading (ste)1,136
, ,
Don’t Overwrite Visual Labels With “aria-label” (ash)1,135
, ,
Beginner’s Guide to Lists and How to Make Them Accessible (pop)1,134
, ,
Accessible Lists and Tables (pop)1,133
, ,
Should I Use a Button or a Link? (ash)1,132
, ,
Short Note on “figure” and “figcaption” (ste)1,131
CSS Classes Considered Harmful1,130
TIL: You Can Access a User’s Camera With Just HTML (aus)1,129
Creative List Styling (mic/dev)1,128
,
Exploring the Underrated “output” Element1,127
Table Column Alignment With Variable Transforms (mey)1,126
, , ,
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)1,125
,
On Ratings and Meters (lea)1,124
,
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (ami)1,123
,
The Infinite Marquee1,122
, ,
Making a Website Under 1 kB1,121
,
Ruby Styling (ri/web)1,120
,
Abbreviations Suck (cfe)1,119
“<article>” vs. “<section>”: How to Choose the Right One (sma)1,118
,
Roundup of Recent Document Outline Chatter (geo/css)1,117
, ,
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1,116
, , ,
Abbreviations Can Be Problematic (tem)1,115
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1,114
, ,
Minimal Social Markup (j9t)1,113
, ,
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)1,112
, ,
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)1,111
, , , , ,
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)1,110
,
Two Levels of Customising “<selectmenu>” (hdv)1,109
Best Practices for Images1,108
,
What the Hell Is “<!DOCTYPE html>”?1,107
Farewell to HTML5Rocks (dev)1,106
,
Are You Sure That’s a Number Input? (kil)1,105
My Wonderful HTML Email Workflow (jos)1,104
, , , ,
HTML Cheatsheet1,103
,
Write HTML Right1,102
Level Up Your Link Previews in Slack (whi)1,101
, , ,
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)1,100
, ,
8 Shocking HTML Tips You Probably Don’t Know About1,099
Why Are Iframe Titles Important for Accessibility?1,098
, ,
A Perfect Table of Contents With HTML and CSS (nza/css)1,097
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers1,096
, , ,
Making Disabled Buttons More Inclusive (san/css)1,095
, , , , ,
Conditionally Loading CSS or Any Resource Using Media Queries (ami)1,094
,
Building a Button Component (arg/dev)1,093
, , ,
How the HTML “lang” Attribute Helps Accessibility1,092
, ,
Don’t Fight the Browser Preload Scanner (mal/dev)1,091
, ,
XHTML Syntax Is Still Worth Using (tem)1,090
Divs Are Bad! (mat)1,089
Learn HTML [and] CSS (jad)1,088
, ,
What’s Your Heading? (col)1,087
, ,
Lost in Translation (mat/btc)1,086
, , ,
Please, Stop Disabling Zoom (mat)1,085
,
How to Use Videos With Alpha Transparency on the Web (ben)1,084
, ,
Under-Engineered Multi-Selects (aar)1,083
,
Foundations: Lists (tin/tet)1,082
, ,
The CSS Art Paradox (j9t)1,081
, ,
Introducing “inert” (dev)1,080
, , ,
Common Frontend Interview Questions I’ve Been Asked1,079
,
Plain Old Semantic HTML: A Perfect Basis for Accessibility1,078
,
Non-Interactive Elements With the “inert” Attribute (web)1,077
,
How Web Browsers Work: Parsing the HTML1,076
,
Progressive Enhancement and HTML Forms: Use “FormData” (bra)1,075
,
Does Valid and Semantic HTML Still Matter? (5t3+)1,074
, ,
Building a Dialog Component (arg/dev)1,073
, , ,
Those HTML Elements You Never Use1,072
How to Turn HTML Webpage Into an Image?1,071
, ,
Designing Better Breadcrumbs (vit/sma)1,070
, ,
HTML Is All You Need to Make a Website (whi)1,069
Alternative Text (Alt Text) (pop)1,068
, , ,
12 Years Beyond a HTML Joke (ste)1,067
“aria-labelledby” Usage Notes (ste)1,066
, ,
Accessible Cards (kit)1,065
,
How to Match HTML Elements With an Indeterminate State (ste)1,064
, ,
HTML-Only Keyboard Shortcuts (ami)1,063
, ,
Picture Perfect Images With the Modern “<img>” Element (add)1,062
, ,
Those HTML Attributes You Never Use (lou/sma)1,061
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)1,060
,
HTML Semantics (cfe)1,059
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability1,058
, ,
Building a Loading Bar Component (arg/dev)1,057
, ,
All HTML and CSS Cheatsheets in One Place1,056
,
The Weirdly Obscure Art of Streamed HTML1,055
,
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)1,054
,
It Needs to Map Back to a Role (eri)1,053
, ,
Aligning Content in Different Wrappers (sha)1,052
,
A Look at the Dialog Element’s Super Powers (ste)1,051
,
Creating Native Web Components (cod)1,050
,
It’s Always Been You, Canvas2D (dev)1,049
, ,
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)1,048
,
(Not So) Short Note on Being Owned (ste)1,047
,
HTML Tips and Tricks1,046
Foundations: Headings (tet)1,045
, , ,
HTML Comments Work in JavaScript Too1,044
,
Support for Marking Radio Buttons Required, Invalid (aar)1,043
Column Headers and Browser Support (aar)1,042
,
There Is No Character Limit for “Alt Text” (yat)1,041
, ,
How to Create a Search Page for a Static Website With Vanilla JS (cfe)1,040
, , ,
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)1,039
,
MHTML in Chromium1,038
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)1,037
,
Introducing the Dialog Element (web)1,036
,
HTML Cheat Sheet—HTML Elements List Reference (fre)1,035
, ,
24 Lesser-Known HTML Attributes You May Want to Use1,034
How to Convert Markdown to HTML (red)1,033
, ,
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)1,032
,
Context-Aware Web Components Are Easier Than You Think (css)1,031
,
Div Divisiveness (sco)1,030
On the Peculiarities of Counting the Number of HTML Elements (j9t)1,029
Find HTML Parsing Errors (pat/dev)1,028
, , ,
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)1,027
,
HTML Is General, ARIA Is Specific (dav)1,026
Alt Tag Emptiness (ste)1,025
, , ,