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, cut all ties. Hide

Frontend Dogma

“html” News Archive (3)

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