Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“html” News Archive (2)

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