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 🇵🇸 Hide

Frontend Dogma

“html” News Archive (3)

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