Frontend Dogma is celebrating CSS Naked Day! 🎨

Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“disclosure-widgets” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: design-patterns, html (non-exhaustive) · “disclosure-widgets” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Accessible Inline Collapsible (eri)29
accessibility, html
For the Love of “<details>” (dev/mat)28
html
NoLoJS: Reducing the JS Workload With HTML and CSS (aar/per)27
html, forms, modals, pop-overs, navigation, scrolling, positioning
Should We Even Have “:closed”? (sun/css)26
css, selectors
“::details-content”: Style Expandable Content Without Wrapper Divs (tre)25
css, html
Rethinking Cookie Dialogs (nat)24
accessibility, html, cookies, consent-management
Let’s Play Accordion With the HTML “details” Element (ale)23
html, accordions
Can Native Web APIs Replace Custom Components in 2025? (dxn/log)22
apis, components, web-platform, pop-overs
Opening a “details” Element From the URL (chr/fro)21
html, urls
Expanding/Collapsing With “details” (ons/oze)20
accessibility, html
Disclosures and Accordions (web)19
accordions, accessibility
Creating Animated Accordions With the “details” Element and Modern CSS (ste/bui)18
html, css, accordions, animations, transitions
Cool Native HTML Elements You Should Already Be Using (hrr)17
html, modals, forms, progress-indicators
Using and Styling the “details” Element (geo/css)16
html, css, examples
Only One “<details>” Open at a Time (osv)15
html
The Devil Is in the “<details>” (mat)14
html
More Options for Styling “<details>” (bra)13
html, css
The “<details>” and “<summary>” Elements Are Getting an Upgrade (sea)12
html
Pop(over) the Balloons (css)11
html, pop-overs, css
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)10
html, css, javascript
20 Simple Ways to Style the HTML “details” Element9
html, css
The “details” Element and In-Page Search (mat)8
html, search, browsers, user-experience
“details”/“summary” Inconsistencies (mat)7
html, browsers, assistive-tech, support
The “details” Element Is Amazing (fon)6
html
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)5
html, semantics, accessibility
The “details” and “summary” Elements, Again (sco)4
html, accessibility
Details/Summary (5t3)3
html, semantics
Pausing a GIF With “details”/“summary” (chr/css)2
html, gif, images, animations
Legend Not Such a Legend Anymore (rem/htm)1
html