Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect, accountability, and support. Hide

dxsrc

“html” News Archive (2)

Entry (Sources) and Additional TopicsDate#
HTML Form Validation Is Heavily Underused1991
forms, validation, react
Talkin’ Tables (aar/web)1990
videos, accessibility, tables
Why Does “target="_blank"” Have an Underscore in Front? (kyr)1989
frames, links
My Top 5 Most Popular Front-End Tips (kev)1988
videos, css, forms, tips-and-tricks
How Should “<selectedoption>” Work? (jaf)1987
forms
An HTML Email Template With Basic Typography and Dark/light Modes (chr/fro)1986
templates, email, typography, dark-mode
I’ve Been Doing Blockquotes Wrong (mic)1985
Using Static Websites for Tiny Archives1984
css
The “blockquote” Element (hey)1983
semantics
My Eulogy for the Open Web and Old Google1982
open-web, google
HTML/CSS Frameworks, in Their Own Words (by Word Cloud) (j9t)1981
frameworks, css, bootstrap, tailwind, foundation, bulma, milligram, pure, uikit, comparisons
HTML for People (bw)1980
books, websites, examples
The New Stylable “<select>” Element (jaf+)1979
podcasts, css, apis, forms
No Industry for Old Men (ste/web)1978
videos, retrospectives, aria, browsers, screen-readers, accessibility, w3c
Web Components: Little Bits (dav/web)1977
videos, web-components
The Popover API: Your New Best Friend for Tooltips (dev)1976
pop-overs, apis, tooltips, css, javascript
Practical Accessibility Tips You Can Apply Today (pic)1975
accessibility, tips-and-tricks
An Interesting HTML Parser Conundrum (dbu)1974
parsing
The “bdi” Element (hey)1973
semantics, internationalization
What’s the Difference Between HTML’s Dialog Element and Popovers? (chr/fro)1972
modals, pop-overs, comparisons
How to Learn HTML: 46 Great Sites, Courses, and Books (All Free)1971
how-tos, learning, courses, books, link-lists
The “b” Element (hey)1970
semantics
“img sizes=auto” for Native Lazy Loading (ste)1969
code-pens, images, lazy-loading, performance
Hire HTML and CSS People (fon)1968
css, hiring, engineering-management
Why HTML Has Both “<b/i>” and “<strong/em>”?1967
semantics
The Importance of Title Tags: Tips and Tricks to Optimize for SEO (web)1966
seo, optimization, tips-and-tricks
State of HTML 2024 (sac/dev)1965
surveys
Request for Developer Feedback: Customizable Select (una)1964
forms
2024: 0.5% of the Global Top 200 Websites Use Valid HTML (j9t)1963
conformance, metrics, quality, craft
What Does Hydration Mean? (chr/fro)1962
hydration, concepts, javascript, dom
Going Buildless (mxb)1961
building, components
The HTML History and Optimization Cheat Sheet (j9t)1960
history, optimization, cheat-sheets
Should Form Labels Be Wrapped or Separate? (sib/tpg)1959
forms, labels, accessibility, browsers, assistive-tech
HTML Whitespace Is Broken (dev)1958
whitespace
Semi-Annual Reminder to Learn and Hire for Web Standards (aar)1957
learning, fundamentals, standards, css
Headings (web)1956
headings, accessibility
Paragraphs (sco)1955
accessibility
What the Heck Is ARIA? A Beginner’s Guide to ARIA for Accessibility (a11)1954
videos, guides, aria, accessibility
The “aside” Element (hey)1953
semantics, accessibility
What’s Missing From HTML and CSS?1952
css
The Secret Inside One Million Checkboxes1951
databases, community
Make Me One (Input) With Everything (mor/mat)1950
forms, accessibility, simplicity
How to Easily Add Dark Mode to Your Website1949
how-tos, dark-mode, css, javascript, functionality
What Skills Should You Focus on as Junior Web Developer in 2024? (fro)1948
career, fundamentals, css, javascript, frameworks, tooling, learning, link-lists
Is Using “aria-label” to Add Alternative Text but No “alt” Attribute Still a WCAG Fail?1947
discussions, accessibility, attributes, forms, labels, aria, alt-text, images
Raw-Dogging Websites (bra)1946
css, javascript, tech-stacks
The Top Programming Languages 2024 (iee)1945
programming, comparisons, python, java, javascript, typescript, sql, go, php, lua
Spoiler Alert: It Needs to Be Accessible (sco)1944
accessibility, web-components, aria
Foundations: Labelling Text Fields With Input and Label (tet)1943
accessibility, fundamentals, forms, labels
Expert Guide: Writing HTML for Screen Reader Users (flo/a11)1942
guides, accessibility, aria, alt-text, writing, screen-readers
Top 5 HTML Features You’re Not Using (but Should Be)1941
How Does the Browser Render HTML? (and)1940
browsers, browser-engines, rendering, dom, css, cssom, painting
How Are the “colspan” and “rowspan” Attributes Different? (geo/css)1939
attributes, tables
“blocking=render”: Why Would You Do That?! (css)1938
performance, rendering
Rote Learning HTML & CSS (j9t/dxs)1937
books, frontend-dogma, css, learning
The “address” Element (hey)1936
semantics
ObsoHTML, the Obsolete HTML Checker (j9t)1935
packages, npm, quality
Action Web Components Which Span the Server-Client Divide (jar)1934
web-components, apis
The “abbr” Element (hey)1933
semantics, accessibility
Minify JavaScript and CSS Code for a Faster Website (mat/deb)1932
performance, minification, javascript, css, lighthouse
HTML Web Components Can Have a Little Shadow DOM, as a Treat (sco)1931
web-components, shadow-dom, dom
The Anchor Element (hey)1930
links, semantics, terminology, usability
The Anatomy of Accessible Forms: Best Practices (deq)1929
accessibility, forms, best-practices
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (css)1928
web-components, principles, solid, progressive-enhancement, examples
Replacing jQuery UI Datepicker With HTML Date Input (chr)1927
jquery
Pop(over) the Balloons (css)1926
disclosure-widgets, pop-overs, css
Learn Web Components (and)1925
websites, courses, web-components, css, dom, javascript
Don’t Use JS for That: Moving Features to CSS and HTML (kil/jsc)1924
videos, javascript, css
Named Alternates for WordPress (ede)1923
wordpress
What ARIA Still Does Not Do (ste)1922
aria, accessibility, standards
An Update on Invokers: Invoker Commands in HTML (uti)1921
modals, pop-overs
How to Parse HTML in JavaScript (api)1920
how-tos, parsing, javascript
Mythbusting DOM: Was DOM Invented Alongside HTML?1919
myths, dom, history
Are Web Components Worth It? (jaf+)1918
podcasts, web-components, dom, shadow-dom
A Rant About Front-End Development1917
content, css, javascript, preprocessors, frameworks, complexity
Know the “search” Element (j9t)1916
semantics
HTML Markup Explained: Building Blocks of Modern Web Pages1915
fundamentals
Streaming HTML—Asynchronous DOM Updates Without JavaScript (inf)1914
asynchrony, dom, streaming
The Ultimate Guide to Iframes (log)1913
guides, iframes, javascript, security
Ditch the Pixels: The Small and Vectorized Web (yor)1912
svg, images
HTML Cheat Sheets: From Basics to Advanced Elements1911
fundamentals, semantics, examples, cheat-sheets
Doing My Heading In (ste+)1910
interviews, headings, accessibility
Maybe Don’t Name That Landmark (aar)1909
semantics, accessibility
Reflection and Custom States in Web Components (cla)1908
web-components
Fine-Tuning Text Inputs (gar)1907
forms, attributes, usability
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)1906
semantics, accessibility, seo, maintainability, performance
Responsive Video Works Now—These Features Could Make It Work Better (sco)1905
multimedia, responsive-design, performance
Alt Left (ste)1904
accessibility, images, alt-text, anti-patterns
Progressively Enhanced Popover Toggletips (mic)1903
pop-overs, apis, progressive-enhancement
Here’s What We Learned From the First “State of HTML” Survey (sac/fro)1902
lessons
Multipage Version (wil)1901
websites
Switching It Up With HTML’s Latest Control (sma)1900
forms
HTML Tags You Might Not Know About1899
Not So Short Note on “aria-label” Usage—Big Table Edition (ste)1898
accessibility, aria, labels
When Should We Use Components and When Should We Just Use HTML? (chr)1897
components, web-components
Test-Driving HTML Templates (xpm/mfo)1896
templates, testing, server-side-rendering, conformance
We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (j9t)1895
conformance, craft, quality
“<style>”: Inline Optimizations for the Bold (mor)1894
css, performance, optimization
The Latest in Web UI (una)1893
videos, css, layout, effects
Ignore and Acknowledge “class” Attribute on Elements in CSS (ami)1892
css, attributes
State of HTML 2023 [Results] (sac+/dev)1891
surveys, metrics
“target=_blank” Implies “rel=noopener” (ste)1890
links, attributes, security
Upgrade Your HTML V (j9t/dxs)1889
books, frontend-dogma, minimalism, craft, conformance
Using the Popover API for HTML Tooltips (chr/fro)1888
pop-overs, apis, tooltips
Using Simple Tools as a Radical Act of Independence1887
css, simplicity
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)1886
css, selectors, techniques
Popover API Is Here (chr/fro)1885
apis, pop-overs
My Approach to HTML Web Components1884
web-components
Design Déjà Vu (mal)1883
design, css, history, comparisons
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)1882
search, forms, css, svg
HTML Attributes vs. DOM Properties (jaf)1881
attributes, dom, comparisons
How to Escape JavaScript for a Script Tag1880
how-tos, javascript, escaping
Images as the First Thing in a Button or Link (tem)1879
accessibility, images, buttons, links
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)1878
modals, pop-overs
My Code Formatting Guidelines (val)1877
guidelines, formatting, conventions, javascript, prettier, configuration
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)1876
conversion, javascript
The Biggest Lie in HTML1875
videos
Making Disabled Buttons More Accessible1874
accessibility, buttons, aria
ARIA in HTML (sco+/w3c)1873
standards, accessibility, aria
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)1872
attributes, forms, usability
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)1871
skip-links, accessibility, ios
The Dos and Don’ts of Using “tabindex” in Web Design (a11)1870
accessibility, keyboard-navigation
Figma Prototypes vs. HTML Prototypes (ada)1869
design, processes, prototyping, figma, comparisons
Testing HTML With Modern CSS (hey)1868
css, testing, quality
Faster Websites With the “picture” Element (fra)1867
images, performance
21 HTML Tips You Must Know About1866
tips-and-tricks
How to Think About HTML Responsive Images (db)1865
how-tos, images, responsive-design
When to Use “tabindex="0"” (gra/tet)1864
accessibility, keyboard-navigation, focus
Svelte Parses HTML All Wrong (ric)1863
svelte, parsing
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)1862
how-tos, conformance, performance
Kobold Letters (wed)1861
email, support
On “disabled” and “aria-disabled” Attributes (kit)1860
accessibility, attributes, aria
How Invalid HTML Elements Impact Web Performance (erw)1859
conformance, performance
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)1858
accessibility, pop-overs
Ruby Is Complicated1857
The Problem With Data Attributes for Text Effects (man)1856
custom-data, css, typography, effects
HTML Performance Optimization: Tips for Faster Loading Pages1855
landing-pages, performance, optimization, tips-and-tricks
Streaming HTML (chr/fro)1854
php, streaming
Distinguishing Between ARIA and Native HTML Attributes (deq)1853
aria, attributes, accessibility, comparisons
CSS Button Styles You Might Not Know (dbu)1852
css, buttons
The Quiet, Pervasive Devaluation of Frontend (col)1851
css, craft, career, community
Making Room for Long List Markers With Subgrid (nol)1850
lists, css, grids
Techniques to Break Words (aar)1849
techniques, css, content
An HTML Switch Control (ann+/web)1848
css, forms
YouTube Video Embedding Harm Reduction (jvo)1847
multimedia, embed-code, youtube, privacy
Filling Gaps With a Polyfill (jay)1846
polyfills, css, javascript, history
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)1845
videos, accessibility, aria, user-experience
HTML as the Baseline (cfe)1844
progressive-enhancement
“X” Marks the Spot: Landmark Elements (stv)1843
semantics, accessibility, assistive-tech, aria
HTML Attributes That Every Web Developer Should Know1842
attributes, pop-overs, forms, custom-data
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)1841
dom, shadow-dom, apis, security
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)1840
css
HTML Web Components on the Server Are Great (sco)1839
web-components
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)1838
bookmarklets, accessibility, attributes, accesskeys, aria, keyboard-shortcuts
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)1837
modals
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)1836
accessibility, design, aria
A Call for Consensus on HTML Semantics (5t3)1835
semantics
The Color Input and the Color Picker (chr/fro)1834
colors, usability
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript1833
functionality, css, javascript
Basic Accessibility Mistakes I Often See in Audits (cfe)1832
accessibility, mistakes, auditing, semantics, focus, links, buttons
Web Standards: The Guidelines That Every Developer Should Know1831
standards, history, w3c, css, xml, wcag
Disable Browser Caching With “meta” HTML Tags1830
metadata, caching
Options for “optgroup” Labeling of “options” (ste)1829
accessibility, forms, browsers, screen-readers, support
Using “abbr” Element With “title” Attribute (aar)1828
attributes, accessibility, browsers, assistive-tech, support
Buttons and Links—Common Misconceptions1827
accessibility, semantics, buttons, links
Streaming HTML Out of Order Without JavaScript1826
streaming
Accounting for Internationalization With CSS and HTML (spa)1825
css, internationalization
Why I Like Web Components1824
web-components
Stop Closing Void Elements (j9t)1823
HTML Validation—Pros and Cons1822
conformance
Never Underestimate HTML (lar/mat)1821
user-experience, developer-experience
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)1820
disclosure-widgets, css, javascript
The Implied Web (hws/mat)1819
accessibility, semantics
“HTML First” Is Not HTML First (j9t)1818
principles, quality, craft
Recapturing Early-Internet Whimsy With HTML1817
trends, design, art, decoration
The Road to HTMHell Is Paved With Semantics (pep/mat)1816
semantics, quality
You Might Be Looking for HTML “article”, Not “section” (san)1815
semantics
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)1814
fundamentals, semantics, accessibility
Web Components (may/5t3)1813
web-components, shadow-dom, dom
HTML Can Do This?1812
The Ghosts of Markup Past (tho/mat)1811
web, history
HTML: The Bad Parts (may/mat)1810
Embrace the Platform (bra)1809
web-platform, css, javascript, resilience, progressive-enhancement, craft
Test-Driven HTML and Accessibility (mat)1808
accessibility, testing, javascript
Behavior Belongs in the HTML1807
javascript, principles
The “hidden” Attribute in HTML (ahm/mat)1806
attributes
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)1805
dom, javascript, comparisons
What the Slot? (dut/mat)1804
web-components, dom, shadow-dom
Media Queries in HTML Video (aar)1803
multimedia, css, media-queries, accessibility
Security Headers Using “<meta>” (sap/mat)1802
security, csp
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)1801
attributes, images, maintainability
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)1800
history
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)1799
fundamentals, attributes, accessibility, user-experience
The “form” Attribute—Enhancing Form Layout Flexibility (mat)1798
forms, attributes
The UX of HTML (vas/mat)1797
semantics, user-experience
HTML Compression on Popular Websites (dvk)1796
compression, gzip, brotli, metrics
How to Use Responsive HTML Video (…and Audio!) (sco)1795
how-tos, responsive-design, multimedia
Weird HTML Hacks (ern)1794
css, hacks, techniques, history
Shadow DOM Is for Hiding Your Shame1793
shadow-dom, dom, web-components
The Elevator Pitch for Web Components (cfe)1792
web-components, dom
The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name (j9t)1791
attributes
An Attempted Taxonomy of Web Components (zac)1790
web-components
HTML Web Components Are Just JavaScript? (mia/odd)1789
web-components, javascript
Exclusive Accordions Exclude (yat)1788
accessibility, accordions
Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA (rus)1787
videos, browsers, chrome, dev-tools, accessibility, testing, aria
HTML Web Components (jim)1786
web-components
HTML First1785
websites, principles
Do You Really Need to Validate Your HTML Code?1784
discussions, conformance
HTML Web Components1783
web-components, web-platform
Understanding HTML Landmarks and How to Apply Them (its/log)1782
semantics, accessibility, aria
13 HTML Attributes You Should Know About1781
attributes
Markdown to HTML in Seconds: Discovering mdhub (gli)1780
markdown, conversion, tooling
Removing List Styles Without Affecting Semantics (mat)1779
css, semantics, accessibility
The Anatomy of an Accessible Button1778
buttons, accessibility, aria
Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (aar)1777
tables, grids, aria, accessibility
2023: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1776
css, conformance, metrics, quality
Let’s Reinvent the Wheel (vas)1775
css, user-experience, accessibility, web-platform
HTML vs. DOM? Let’s Debug Them (jec)1774
videos, dom, debugging, comparisons
20 Simple Ways to Style the HTML “details” Element (ral)1773
disclosure-widgets, css
HTML Meta Tags1772
metadata
Splitting Within Selects (aar)1771
accessibility, forms, browsers, support
Tailwind vs. Semantic CSS1770
tailwind, css, semantics, comparisons, performance
Select Element: Now With Horizontal Rules (una)1769
forms, semantics, browsers, chrome, safari, support
Strikethrough Accessibility (den)1768
accessibility, screen-readers, support
Using ChatGPT for Smart Truncation in Responsive Web Design1767
content, responsive-design, ai, chatgpt
Why Unique ID Attributes Matter (deq)1766
accessibility, attributes, conformance
On the Uniting Power of a Commitment to HTML Conformance (j9t)1765
conformance, quality, community, web
Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users?1764
accessibility, screen-readers
CSS Findings From Photoshop Web Version (sha)1763
css, photoshop, case-studies
The Selected Date Must Be Within the Last 10 Years (ger/clo)1762
forms, validation
Extending the Properties of an HTML Element in TypeScript1761
components, typescript
An Anchored Navbar Solution (mey)1760
css, navigation
The Most Minimal Valid HTML Document (j9t)1759
minimalism, conformance, templates
Easy Dark Mode With “color-scheme” (sar)1758
slides, dark-mode, css, accessibility
Stop Using JS for That: Moving Features to CSS and HTML (kil)1757
videos, javascript, css
HTML Popover, Videos, and “display:blackhole” (bru)1756
pop-overs, videos
How Mastodon Handles Images and Web Previews (rba)1755
social-media, mastodon, open-graph, metadata, images
Misconceptions Can Kill Accessibility Momentum (yat)1754
accessibility, processes
State of HTML 2023 (sac+/dev)1753
surveys
What Makes an Accessible Date Picker? Is It Even Possible? (rus/inc)1752
videos, accessibility
What Can You Do With “data” Attributes? (cfe)1751
custom-data, javascript
How to Use the New “<search>” Element With WordPress (ede)1750
how-tos, wordpress
State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (tin+/fwo)1749
podcasts, accessibility, aria
Browser Video Players Review (aar)1748
multimedia, accessibility, browsers, screen-readers, support
10 Things You Didn’t Know About HTML1747
Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (hdv)1746
slides, pop-overs, modals, deep-dives
Small Details to Improve Your Website’s Experience (alv)1745
user-experience, css, metadata
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)1744
buttons, css, svg, images
Main-ly Speaking (col)1743
accessibility
XUL and HTML (moz)1742
xul, comparisons
An Intro to the “dialog” Element (cfe)1741
introductions, modals, semantics
Supercharge Your HTML With WebC1740
videos, webc
Progressively Enhanced HTML Accordion (aar)1739
accordions, semantics, accessibility, progressive-enhancement
8 Common Heading Questions (pop)1738
accessibility, headings
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)1737
forms, validation, progressive-enhancement, css
Responsive Images: DIY Implementation in 6 Steps1736
images, responsive-design
Contextual Form Errors and ARIA (mar)1735
accessibility, forms, aria
A Blog Post With Every HTML Element (pat)1734
semantics
I’m Betting on HTML1733
semantics
You Probably Don’t Need “http-equiv” Meta Tags (rvi)1732
metadata, http, performance
Help Design the Inaugural “State of HTML” Survey (lea)1731
community
Blockquotes in Screen Readers (aar)1730
accessibility, screen-readers, support
I Blame the W3C’s HTML Standard for Ordered Lists (sid)1729
lists, semantics
O “dialog” Focus, Where Art Thou? (mat)1728
accessibility, modals, focus
Preload vs. Early Hints vs. Fetch Priority1727
videos, performance, http, hints, comparisons, preloading
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)1726
css, media-queries, javascript, dark-mode
The Case Against Self-Closing Tags in HTML (jaf)1725
How to Validate HTML On-Line at W3C (wie)1724
how-tos, conformance, tooling
The “article” Element and Screen Readers (mat)1723
screen-readers, accessibility, support
And 4 More HTML Concepts You Didn’t Know (j9t)1722
concepts, web-components
The “details” Element and In-Page Search (mat)1721
disclosure-widgets, search, browsers, user-experience
Under-Engineered Comboboxen? (aar)1720
forms, css, accessibility
Form and Search Landmarks (mat)1719
aria, forms, browsers, assistive-tech, support
What Does the Image “decoding” Attribute Actually Do? (tun)1718
attributes, images, performance
Button Types1717
buttons
HTML Imports (w3c)1716
Django: A Security Improvement Coming to “format_html()” (ada)1715
django, security
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now1714
viewport, metadata, accessibility, responsive-design
Assume the Position—a Labeling Story (llo/tpg)1713
accessibility, forms, labels
What Is Open Graph? How to Use It for Your WordPress Website?1712
how-tos, open-graph, social-media, wordpress
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)1711
semantics
21 Awesome Web Features You’re Not Using Yet (fir)1710
videos, css, javascript
Brief Note on Popovers With Dialogs (aar)1709
support, accessibility, pop-overs, modals
Querying Parsed HTML in BigQuery (rvi)1708
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)1707
best-practices, forms
Introducing the Popover API (una)1706
introductions, apis, pop-overs
Be Careful Using “Menu” (aar)1705
aria, design, terminology
How to Build Lean Efficient Websites in 2023 (cfe)1704
how-tos, progressive-enhancement, minimalism
Fieldsets, Legends, and Screen Readers Again (ste/tpg)1703
accessibility, forms, screen-readers
Semantics and the “popover” Attribute: What to Use When? (hdv)1702
attributes, semantics, accessibility, pop-overs
HTML Landmark Roles Screen Reader Demo (sch/mdn)1701
videos, accessibility, screen-readers, voiceover
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)1700
accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)1699
accessibility, screen-readers, support
Respect Your Children (ste/tpg)1698
accessibility, aria
Client-Side Rendering of HTML and Interactivity (mal)1697
performance, client-side-rendering
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal)1696
performance, dom, optimization
How “x-default” Can Help You (met)1695
internationalization, urls, attributes, search, google
How Far Back in Time Can I Take My Website’s Design1694
web, design, history, css
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)1693
accessibility, focus, aria
“details”/“summary” Inconsistencies (mat)1692
disclosure-widgets, browsers, assistive-tech, support
Considering Content Warnings in HTML (aar)1691
content, dei
It’s Very Likely That… (mat)1690
semantics, buttons, modals
The “details” Element Is Amazing (fon)1689
disclosure-widgets
HTML Dark Mode (bt)1688
dark-mode
HTML Accessibility API Mappings 1.0 (ste+/w3c)1687
accessibility, apis
New HTML Element: “search” (alv)1686
semantics
What Is Semantic HTML? (dav)1685
semantics
Five Pieces of Advice for More Accessible Websites (cit)1684
accessibility, tips-and-tricks
Modern HTML Email (Tables No Longer Required) (oll)1683
email, tables
On-Page SEO Checklist: The Complete Task List for 2023 (sem)1682
seo, checklists, semantics
HTML: Help Users to Download Files With the HTML “download” Attribute1681
attributes
Getting Started With HTML Tables1680
tables, introductions
Fighting Inter-Component HTML Bloat (eli)1679
components, semantics, quality
The “search” Element (sco)1678
accessibility, semantics
The End of Front-End Development (jos)1677
outlooks, career
The H1 Conundrum: Understanding the Challenges of Heading Level One1676
accessibility, semantics, headings
Progressively Enhancing a Table With a Web Component (ray)1675
javascript, tables, web-components, progressive-enhancement
File Uploads for the Web: Uploading Files With HTML (aus)1674
file-handling
The Broken Promise of Atomic CSS1673
atomic-css, presentational-html, tailwind, css
HTML Garden1672
websites, art
A Tab Interface Before Its Time (aar)1671
components
50.1% Empty Links (mat)1670
accessibility, links, semantics, seo
Relative Rounded Corners (bel)1669
css
ARIA vs. HTML (aar)1668
accessibility, aria, semantics, comparisons
Avoid Spanning Table Headers (aar)1667
accessibility, assistive-tech, tables
Representation of Style (ste)1666
semantics
Declarative Shadow DOM (dev+)1665
shadow-dom, dom
A Step-by-Step Guide to Building Accessible Carousels (swe/sma)1664
guides, carousels, accessibility, user-experience
Screen Readers Don’t Convey the Semantics of “strong” and “em” (mat)1663
accessibility, screen-readers, semantics
Mastodon and Open Graph (drd)1662
social-media, mastodon, metadata, open-graph
An Introduction to HTML Cheat Sheet1661
introductions, semantics, cheat-sheets
Table of Contents Progress Animation (kev)1660
css, javascript, animations, progress-indicators
Interop 2023 CMS Checkin (chr)1659
interoperability, rss, atom, semantics
Rotating Gallery With CSS Scroll-Driven Animations (jhe)1658
css, javascript, animations, scrolling
What Are HTML5 Semantic Elements?1657
semantics
HTML Input Types (mar)1656
forms
Optimal Images in HTML (ste/bui)1655
images, backgrounds, performance, optimization
Use the Dialog Element (Reasonably) (sco)1654
modals, accessibility
Screen Readers Support for Text Level HTML Semantics (ste/tpg)1653
semantics, screen-readers, support, accessibility
The Modern Way of Serving Images (kur)1652
images, performance
Musing Upon an “[alt]” Text Badge on Images (chr)1651
accessibility, css
If You Need a Link, Don’t Use a Button (tem)1650
semantics, links, buttons, accessibility
Improve Your HTML Semantic With Pico CSS1649
pico
Unordered Lists in Main Navigations (mat)1648
lists, navigation, semantics
Three Attributes for Better Web Forms1647
forms, attributes
Two Ways to Safely Break a Long Word in HTML (ami)1646
Data URLs and Pool in Your URL (wes)1645
data-urls
Faking Min Width on a Table Column (css)1644
tables, css, responsive-design
Customizing HTML Form Validation (dav)1643
forms, validation
How to Build Great HTML Form Controls (aus/fre)1642
how-tos, forms
7 Required Steps to Secure Your Iframes Security1641
iframes, security, xss, http-headers, csp
Conditional API Responses for JavaScript vs. HTML Forms (aus)1640
javascript, forms, security, comparisons
Theme Toggles1639
websites, theming, toggles, react
Website Accessibility (15 Best Practices) (bru)1638
accessibility, best-practices, content, readability, captcha, images, alt-text, forms, focus, tooling
A Problem With Link Relationships (j9t)1637
links, metadata, semantics, maintainability
Enforcing Better HTML Markup With Eleventy (mat)1636
semantics, conformance, eleventy
A Theory of Web Relativity (alv/mat)1635
metadata, structured-data
Building an Accessible Theme Picker With HTML, CSS, and JavaScript (fos)1634
accessibility, css, javascript, theming, functionality
Common Nesting Issues in HTML (cit/mat)1633
nesting
Interop 2022: End of Year Update1632
interoperability, web-platform, browsers, css
HTML Dialog (5t3)1631
modals
Mini-Guide to Add an Image (its/mat)1630
images
Modern HTML as a Foundation for Progressive Enhancement (ffo/mat)1629
progressive-enhancement
5 HTML Elements, and a Partridge in a Despair Tree (mat)1628
semantics, accessibility
An HTML-First Mental Model (noa/per)1627
dom, performance
Get That Marquee AeStHeTiC (dni/mat)1626
css, effects
4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (aus)1625
css, selectors, forms
Table Like It’s 2023 (cli/mat)1624
tables
One Day We’ll Have a Fully Customisable Select (hdv/mat)1623
css
There Can Be Only One: Options for Building “Choose One” Fields (aar/mat)1622
forms
Dear Developer, Your Assumptions Are Wrong (mat)1621
Inside the Mind of a Frontend Developer: Article Layout (sha)1620
css, layout
A Modern HTML Template (2022)1619
templates
Meaningful Labels Using ARIA—or Not (mat)1618
accessibility, forms, labels, aria
4 More HTML Concepts You Didn’t Know (j9t)1617
concepts, forms, focus
Reading the Meter (sup/mat)1616
semantics, accessibility
Brief Note on Description List Support (aar)1615
lists, semantics, accessibility, screen-readers, support
Landmarks and Where to Put Them (kil/mat)1614
semantics, aria, accessibility
You Don’t Need ARIA for That (den/mat)1613
accessibility, aria
How to Transfigure Wireframes Into HTML (lar/mat)1612
how-tos, prototyping, conversion
HTML Semantics and Accessibility Cheat Sheet (web)1611
cheat-sheets, semantics, accessibility
Minification and Cache Directives for the Most Popular Websites of the Internet (dvk)1610
minification, javascript, css, lightning-css, html-minifier, metrics, caching, performance
Newer Things to Know About Good Ol’ HTML Lists (dxn/css)1609
lists, semantics
Shadow DOM and Accessibility: The Trouble With ARIA (nol)1608
dom, shadow-dom, accessibility, aria
HTML Content Model Categories (rus)1607
semantics
Upgrade Your HTML IV (j9t/dxs)1606
books, frontend-dogma, minimalism, craft, conformance
Lazy Loading Images in HTML (sim)1605
performance, lazy-loading
The Shape-Shifting “a” Element (rus)1604
links, semantics
The “label” Element (rus)1603
labels, semantics
Page Title Conventions (ada)1602
accessibility, seo
What Happened to Text Inputs? (hey)1601
videos, forms
Brief Note on “aria-readonly” Support (aar)1600
accessibility, aria, assistive-tech, support
You Don’t Need HTML (ede)1599
websites, web-platform
A Guide to Keyboard Accessibility: HTML and CSS (its/sma)1598
guides, accessibility, keyboard-navigation, css
Foundations: Native Versus Custom Components (tet)1597
accessibility, fundamentals, components, comparisons
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)1596
semantics, accessibility, modals, pop-overs
Inside the Mind of a Frontend Developer: Hero Section (sha)1595
css
6 Steps to Improve HTML Images for Users and Developers (aus)1594
images, performance, responsive-design
16 Rare HTML Tags You Really Should Know1593
semantics
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed1592
css, performance, tips-and-tricks
Intro to HTML-First Frontend Frameworks1591
introductions, frameworks
Building a Tooltip Component (arg)1590
components, tooltips, css
The Truth Behind Implicit/Explicit Form Labels1589
forms, labels, accessibility
Introducing html.to.design (div)1588
introductions, design, figma, plugins, browser-extensions
Common ARIA Mistakes and How to Avoid Them (ale)1587
accessibility, aria, mistakes
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)1586
A Little Semantic HTML Trick for React Components1585
react, semantics, components, tips-and-tricks
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)1584
metrics, web-almanac
How to Optimize Resource Loading With the “fetchpriority” Attribute (mat/deb)1583
how-tos, performance, optimization
Foundations: HTML Semantics (ihe/tet)1582
accessibility, fundamentals, semantics
When Going Somewhere Does a Thing: On Links and Buttons (kil)1581
accessibility, links, buttons, semantics
Templating in HTML (kit)1580
javascript
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)1579
performance, multimedia, images, gif
Learn HTML1578
courses
Named Element IDs Can Be Referenced as JavaScript Globals (css)1577
javascript
Markup (j9t/htt)1576
web-almanac, studies, research, metrics
Streamable HTML Fragments (dev)1575
streaming
Two Things I Learned by Validating My HTML Again1574
conformance, lessons
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (cod)1573
forms, security
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (sco)1572
studies, research, performance
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)1571
disclosure-widgets, semantics, accessibility
How to (Not) Make a Button1570
how-tos, accessibility, buttons, semantics
Brief Note on Super- and Subscript Text (aar)1569
accessibility, support, assistive-tech
Why the Number Input Is the Worst Input1568
forms, validation, accessibility
Wtf Is an Island and Why Is It in My Website?1567
frameworks, architecture, concepts
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)1566
guides, accessibility, aria
Nuclear Footnotes (mey)1565
footnotes, css
The “details” and “summary” Elements, Again (sco)1564
disclosure-widgets, accessibility
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1563
css, conformance, metrics, quality, craft
What’s New With Forms in 2022? (oll/css)1562
forms, javascript
Building the Main Navigation for a Website (mat)1561
navigation, css
HTML Markup Tips for Developing Accessible Websites1560
accessibility, aria
A Content Warning Component (kit)1559
components, css
Disabled JavaScript Turns Off Native Lazy Loading (ste)1558
javascript, performance, lazy-loading
Accessible Lists and Tables (pop)1557
accessibility, lists, tables
Don’t Overwrite Visual Labels With “aria-label” (ash)1556
accessibility, aria, labels
Beginner’s Guide to Lists and How to Make Them Accessible (pop)1555
guides, lists, accessibility
Should I Use a Button or a Link? (ash)1554
buttons, links, semantics
CSS Classes Considered Harmful (kei)1553
css
Short Note on “figure” and “figcaption” (ste)1552
accessibility
Creative List Styling (mic)1551
lists, css
TIL: You Can Access a User’s Camera With Just HTML (aus)1550
permissions
Exploring the Underrated “output” Element (cli)1549
Table Column Alignment With Variable Transforms (mey)1548
css, tables, transforms, alignment
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)1547
performance, web-vitals
On Ratings and Meters (lea)1546
semantics, css
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (ami)1545
multimedia, mobile
The Infinite Marquee (hex)1544
css, animations, effects
Making a Website Under 1 kB1543
performance, minimalism
Ruby Styling (ri/web)1542
ruby-markup, css
Abbreviations Suck (cfe)1541
accessibility
“<article>” vs. “<section>”: How to Choose the Right One (sma)1540
semantics, comparisons
Roundup of Recent Document Outline Chatter (geo/css)1539
headings, semantics, accessibility
Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (ste/tpg)1538
semantics, headings, microcontent, accessibility
Abbreviations Can Be Problematic (tem)1537
accessibility
Minimal Social Markup (j9t)1536
social-media, open-graph, minimalism
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)1535
semantics, accessibility, aria
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)1534
accessibility, aria, mistakes
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)1533
performance, web-vitals, comparisons, attributes, aspect-ratio, css
Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (bru)1532
semantics, accessibility
Two Levels of Customising “<selectmenu>” (hdv)1531
accessibility
Best Practices for Images (nuc)1530
images, best-practices
Farewell to HTML5Rocks (pau)1529
community, history
What the Hell Is “<!DOCTYPE html>”?1528
doctypes
Are You Sure That’s a Number Input? (kil)1527
My Wonderful HTML Email Workflow (jos)1526
mjml, markdown, mdx, email, processes
HTML Cheatsheet1525
examples, cheat-sheets
Write HTML Right1524
optimization
Level Up Your Link Previews in Slack (whi)1523
social-media, open-graph, links, slack
8 Shocking HTML Tips You Probably Don’t Know About1522
tips-and-tricks
The “Form” Element Created the Modern Web—Was It a Big Mistake? (wir)1521
forms, history, mistakes
A Perfect Table of Contents With HTML and CSS (nza/css)1520
css
Why Are Iframe Titles Important for Accessibility?1519
accessibility, iframes, writing
HTML Cheat Sheet: A Quick Reference Guide for HTML Developers1518
guides, semantics, examples, cheat-sheets
Making Disabled Buttons More Inclusive (san/css)1517
forms, buttons, focus, aria, attributes, accessibility
Building a Button Component (arg)1516
components, css, javascript, buttons
Conditionally Loading CSS or Any Resource Using Media Queries (ami)1515
media-queries, performance
How the HTML “lang” Attribute Helps Accessibility1514
accessibility, attributes, localization
Don’t Fight the Browser Preload Scanner (mal)1513
browsers, parsing, performance
Divs Are Bad! (mat)1512
semantics
XHTML Syntax Is Still Worth Using (tem)1511
xhtml
Learn HTML [and] CSS (jad)1510
websites, courses, css
What’s Your Heading? (col)1509
accessibility, headings, semantics
Lost in Translation (mat/btc)1508
videos, design, accessibility, css
Please, Stop Disabling Zoom (mat)1507
accessibility, zooming
How to Use Videos With Alpha Transparency on the Web (ben)1506
how-tos, multimedia, transparency+opacity
Under-Engineered Multi-Selects (aar)1505
accessibility, aria
Foundations: Lists (tin/tet)1504
accessibility, fundamentals, lists
Introducing “inert”1503
introductions, attributes, accessibility, keyboard-navigation
The CSS Art Paradox (j9t)1502
css, art, quality
Common Frontend Interview Questions I’ve Been Asked1501
interviewing, javascript
Non-Interactive Elements With the “inert” Attribute (web)1500
attributes, semantics
Plain Old Semantic HTML: A Perfect Basis for Accessibility1499
accessibility, semantics
How Web Browsers Work: Parsing the HTML1498
browsers, parsing
Progressive Enhancement and HTML Forms: Use “FormData” (bra)1497
forms, progressive-enhancement
Does Valid and Semantic HTML Still Matter? (5t3+)1496
podcasts, semantics, conformance
Building a Dialog Component (arg)1495
components, modals, css, javascript
Those HTML Elements You Never Use1494
semantics
How to Turn HTML Webpage Into an Image?1493
how-tos, images, conversion
Designing Better Breadcrumbs (sma)1492
usability, navigation, breadcrumbs