Frontend Dogma

“html” Archive (3)

Entry (Sources) and Other Related TopicsDate#
HTML Input Types (mar)1,182
Use the Dialog Element (Reasonably) (sco)1,181
,
Screen Readers Support for Text Level HTML Semantics (ste/tpg)1,180
, ,
Optimal Images in HTML (ste/bui)1,179
, , ,
The Modern Way of Serving Images (kur)1,178
,
Musing Upon an “[alt]” Text Badge on Images (chr)1,177
,
If You Need a Link, Don’t Use a Button (tem)1,176
, , ,
Improve Your HTML Semantic With Pico CSS1,175
Unordered Lists in Main Navigations (mat)1,174
, ,
Two Ways to Safely Break a Long Word in HTML (ami)1,173
Three Attributes for Better Web Forms (ada)1,172
,
Data URLs and Pool in Your URL (wes)1,171
Faking Min Width on a Table Column (css)1,170
, ,
Customizing HTML Form Validation (dav)1,169
,
How to Build Great HTML Form Controls (aus/fre)1,168
,
7 Required Steps to Secure Your Iframes Security1,167
, , , ,
Conditional API Responses for JavaScript vs. HTML Forms (aus)1,166
, , ,
Website Accessibility (15 Best Practices) (bru)1,165
, , , , , , , , ,
Theme Toggles1,164
, , ,
A Problem With Link Relationships (j9t)1,163
, , ,
Enforcing Better HTML Markup With Eleventy (mat)1,162
, ,
Building an Accessible Theme Picker With HTML, CSS, and JavaScript (fos)1,161
, , , ,
A Theory of Web Relativity (alv/mat)1,160
,
Common Nesting Issues in HTML (cit/mat)1,159
Interop 2022: End of Year Update (rac/dev)1,158
, , ,
Mini-Guide to Add an Image (its/mat)1,157
HTML Dialog (5t3)1,156
Modern HTML as a Foundation for Progressive Enhancement (ffo/mat)1,155
5 HTML Elements, and a Partridge in a Despair Tree (mat)1,154
,
An HTML-First Mental Model (noa)1,153
,
Get That Marquee AeStHeTiC (dni/mat)1,152
,
4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (aus)1,151
, ,
Table Like It’s 2023 (cli/mat)1,150
One Day We’ll Have a Fully Customisable Select (hdv/mat)1,149
There Can Be Only One: Options for Building “Choose One” Fields (aar/mat)1,148
Dear Developer, Your Assumptions Are Wrong (mat)1,147
Inside the Mind of a Frontend Developer: Article Layout (sha)1,146
,
A Modern HTML Template (2022)1,145
Meaningful Labels Using ARIA—or Not (mat)1,144
, , ,
4 More HTML Concepts You Didn’t Know (j9t)1,143
, ,
Reading the Meter (sup/mat)1,142
,
Brief Note on Description List Support (aar)1,141
, , , ,
Landmarks and Where to Put Them (kil/mat)1,140
, ,
You Don’t Need ARIA for That (den/mat)1,139
,
How to Transfigure Wireframes Into HTML (mat)1,138
, ,
HTML Semantics and Accessibility Cheat Sheet (web)1,137
, ,
Newer Things to Know About Good Ol’ HTML Lists (css)1,136
,
Shadow DOM and Accessibility: The Trouble With ARIA (nol)1,135
, , ,
Upgrade Your HTML IV (j9t/fro)1,134
, , , ,
HTML Content Model Categories1,133
Lazy Loading Images in HTML (sim)1,132
,
The Shape-Shifting “a” Element1,131
,
The “label” Element1,130
,
What Happened to Text Inputs? (hey)1,129
,
Page Title Conventions (ada)1,128
,
Brief Note on “aria-readonly” Support (aar)1,127
, , ,
You Don’t Need HTML (ede)1,126
,
A Guide to Keyboard Accessibility: HTML and CSS (its/sma)1,125
, , ,
Foundations: Native Versus Custom Components (tet)1,124
, , ,
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)1,123
, , ,
Inside the Mind of a Frontend Developer: Hero Section (sha)1,122
6 Steps to Improve HTML Images for Users and Developers (aus)1,121
, ,
16 Rare HTML Tags You Really Should Know1,120
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed1,119
, ,
Intro to HTML-First Frontend Frameworks1,118
,
Building a Tooltip Component (arg/dev)1,117
, ,
The Truth Behind Implicit/Explicit Form Labels1,116
, ,
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)1,115
Common ARIA Mistakes and How to Avoid Them (ale)1,114
, ,
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)1,113
,
A Little Semantic HTML Trick for React Components1,112
, , ,
How to Optimize Resource Loading With the “fetchpriority” Attribute (deb)1,111
, ,
Foundations: HTML Semantics (tet)1,110
, ,
When Going Somewhere Does a Thing: On Links and Buttons (kil)1,109
, , ,
Templating in HTML (kit)1,108
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)1,107
, , ,
Named Element IDs Can Be Referenced as JavaScript Globals (css)1,106
Learn HTML (est/dev)1,105
Markup (j9t/htt)1,104
, , ,
Two Things I Learned by Validating My HTML Again1,103
,
Streamable HTML Fragments (dev)1,102
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (cod)1,101
,
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!1,100
, ,
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)1,099
, ,
How to (Not) Make a Button1,098
, , ,
Brief Note on Super- and Subscript Text (aar)1,097
, ,
Why the Number Input Is the Worst Input1,096
, ,
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)1,095
, ,
Wtf Is an Island and Why Is It in My Website?1,094
, ,
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1,093
, , , ,
The “details” and “summary” Elements, Again (sco)1,092
,
Nuclear Footnotes (mey)1,091
What’s New With Forms in 2022? (oll/css)1,090
,
Building the Main Navigation for a Website (mat/dev)1,089
,
HTML Markup Tips for Developing Accessible Websites (low/the)1,088
,
A Content Warning Component (kit)1,087
,
Disabled JavaScript Turns Off Native Lazy Loading (ste)1,086
, ,
Don’t Overwrite Visual Labels With “aria-label” (ash)1,085
, ,
Beginner’s Guide to Lists and How to Make Them Accessible (pop)1,084
, ,
Accessible Lists and Tables (pop)1,083
, ,
Should I Use a Button or a Link? (ash)1,082
, ,
CSS Classes Considered Harmful1,081
Short Note on “figure” and “figcaption” (ste)1,080
TIL: You Can Access a User’s Camera With Just HTML (aus)1,079
Creative List Styling (mic/dev)1,078
,
Exploring the Underrated “output” Element1,077
Table Column Alignment With Variable Transforms (mey)1,076
, , ,
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)1,075
,
On Ratings and Meters (lea)1,074
,
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (ami)1,073
,
The Infinite Marquee1,072
,
Making a Website Under 1 kB1,071
,
Ruby Styling (ri/web)1,070
,
Abbreviations Suck (cfe)1,069
“<article>” vs. “<section>”: How to Choose the Right One (sma)1,068
,
Roundup of Recent Document Outline Chatter (geo/css)1,067
, ,
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1,066
, , ,
Abbreviations Can Be Problematic (tem)1,065
Minimal Social Markup (j9t)1,064
, ,
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1,063
, ,
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)1,062
, ,
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)1,061
, , , , ,
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)1,060
,
Two Levels of Customising “<selectmenu>” (hdv)1,059
Best Practices for Images1,058
,
Farewell to HTML5Rocks (dev)1,057
,
What the Hell Is “<!DOCTYPE html>”?1,056
Are You Sure That’s a Number Input? (kil)1,055
My Wonderful HTML Email Workflow (jos)1,054
, , , ,
HTML Cheatsheet1,053
,
Write HTML Right1,052
Level Up Your Link Previews in Slack (whi)1,051
, , ,
8 Shocking HTML Tips You Probably Don’t Know About1,050
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)1,049
, ,
Why Are Iframe Titles Important for Accessibility?1,048
, ,
A Perfect Table of Contents With HTML and CSS (nza/css)1,047
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers1,046
, , ,
Making Disabled Buttons More Inclusive (san/css)1,045
, , , , ,
Conditionally Loading CSS or Any Resource Using Media Queries (ami)1,044
,
Building a Button Component (arg/dev)1,043
, , ,
How the HTML “lang” Attribute Helps Accessibility1,042
, ,
Don’t Fight the Browser Preload Scanner (mal/dev)1,041
, ,
XHTML Syntax Is Still Worth Using (tem)1,040
Divs Are Bad! (mat)1,039
Learn HTML [and] CSS (jad)1,038
, ,
What’s Your Heading? (col)1,037
, ,
Lost in Translation (mat/btc)1,036
, , ,
Please, Stop Disabling Zoom (mat)1,035
,
How to Use Videos With Alpha Transparency on the Web (ben)1,034
, ,
Under-Engineered Multi-Selects (aar)1,033
,
Foundations: Lists (tin/tet)1,032
, ,
The CSS Art Paradox (j9t)1,031
, ,
Introducing “inert” (dev)1,030
, , ,
Common Frontend Interview Questions I’ve Been Asked1,029
,
Plain Old Semantic HTML: A Perfect Basis for Accessibility1,028
,
Non-Interactive Elements With the “inert” Attribute (web)1,027
,
How Web Browsers Work: Parsing the HTML1,026
,
Progressive Enhancement and HTML Forms: Use “FormData” (bra)1,025
,
Does Valid and Semantic HTML Still Matter? (5t3+)1,024
, ,
Building a Dialog Component (arg/dev)1,023
, , ,
Those HTML Elements You Never Use1,022
How to Turn HTML Webpage Into an Image?1,021
, ,
Designing Better Breadcrumbs (vit/sma)1,020
, ,
HTML Is All You Need to Make a Website (whi)1,019
Alternative Text (Alt Text) (pop)1,018
, , ,
12 Years Beyond a HTML Joke (ste)1,017
“aria-labelledby” Usage Notes (ste)1,016
, ,
Accessible Cards (kit)1,015
,
How to Match HTML Elements With an Indeterminate State (ste)1,014
, ,
HTML-Only Keyboard Shortcuts (ami)1,013
, ,
Picture Perfect Images With the Modern “<img>” Element (add)1,012
, ,
Those HTML Attributes You Never Use (lou/sma)1,011
Write HTML, the HTML Way (Not the XHTML Way) (j9t/css)1,010
,
HTML Semantics (cfe)1,009
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability1,008
, ,
All HTML and CSS Cheatsheets in One Place1,007
,
Building a Loading Bar Component (arg/dev)1,006
, ,
The Weirdly Obscure Art of Streamed HTML1,005
,
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe)1,004
,
Aligning Content in Different Wrappers (sha)1,003
,
It Needs to Map Back to a Role (eri)1,002
, ,
A Look at the Dialog Element’s Super Powers (ste)1,001
,
Creating Native Web Components (cod)1,000
,
It’s Always Been You, Canvas2D (dev)999
, ,
Foundations: Headings (tet)998
, , ,
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css)997
,
(Not So) Short Note on Being Owned (ste)996
,
HTML Tips and Tricks995
HTML Comments Work in JavaScript Too994
,
Support for Marking Radio Buttons Required, Invalid (aar)993
Column Headers and Browser Support (aar)992
,
There Is No Character Limit for “Alt Text” (yat)991
, ,
How to Create a Search Page for a Static Website With Vanilla JS (cfe)990
, , ,
Why Radio Buttons Are Called Radio Buttons in UIs? (ami)989
,
MHTML in Chromium988
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css)987
,
Introducing the Dialog Element (web)986
,
HTML Cheat Sheet—HTML Elements List Reference (fre)985
, ,
24 Lesser-Known HTML Attributes You May Want to Use984
How to Convert Markdown to HTML (red)983
, ,
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)982
,
Context-Aware Web Components Are Easier Than You Think (css)981
,
Div Divisiveness (sco)980
On the Peculiarities of Counting the Number of HTML Elements (j9t)979
Find HTML Parsing Errors (pat/dev)978
, , ,
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)977
,
HTML Is General, ARIA Is Specific (dav)976
Alt Tag Emptiness (ste)975
, , ,
Labeling the Point: Scenarios of Label Misuse in WCAG (tpg)974
, , ,
Accessible Heading Structure973
,
Faster Websites by Using Less HTML (j9t)972
, , ,
Container Queries (5t3)971
,
Form Autocomplete (ben/5t3)970
HTML Cheat Sheet969
, ,
5 Common Misconceptions About WAI–ARIA and Accessibility968
,
Image Display Elements (5t3)967
,
How to Define Your Relationship to Sites You Link To (ste)966
, , ,
4 HTML Concepts You Didn’t Know (j9t)965
,
Ultimate HTML Cheatsheet964
CSS Can Help Improve Your HTML!? Buttons and Links963
, , ,
Details/Summary (5t3)962
,
How Not to Create a Button (eev)961
,
Embrace the Platform (bra/css)960
, ,
Defer Non-Critical Resources959
Markup (htt)958
, , ,
“aria-label” Is Not Always the Answer (eev)957
,
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea)956
,
The 6 Ways of Writing HTML (and Their Combinations) (j9t)955
Control Layout in a Multi-Directional Website (css)954
,
Dear HTML Element953
How to Make Blob Menu Using HTML, CSS, and JavaScript952
, ,
Generate a Pull Request of Static Content With a Simple HTML Form (css)951
Semantics and How to Get Them Right (hdv/btc)950
, ,
Get Your “Head” Straight (css/btc)949
,
Detecting Specific Text Input With HTML and CSS (chr/css)948
Designing a Reorderable List Component947
, ,
Debugging HTML: Accessibility (mat/mat)946
,
In Defence of Dialog945
Learn Forms (dev)944
,
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha)943
,
Accessible Toggles (mic)942
, ,
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil941
,
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element940
,
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)939
,
Switch Role Support (aar)938
,
Making the Web Developer’s Pilgrimage (j9t)937
Semantic “menu” Context (sco)936
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe)935
, ,
What Each Markup Language Is Used For (sem)934
, , , , , ,
HTML With Superpowers (dav)933
,