Frontend

Native HTML accordions with <details> and <summary>

Want a no-JS way to show/hide content in a clean, semantic, and accessible way? Look no further than the <details> and <summary> tags. They’re built into HTML, work out of the box, and are perfect for FAQs, collapsible sections, and progressive disclosure. What is <details>? The <details> element creates a disclosure widget that users can … Continued

Read more →
Frontend

A Modern HTML Solution Native Modals with <dialog>

I’ve decided to do a series on HTML tags that are off the beaten path. I’ll start with something that almost any site ends up needing after marketing gets involved: modals. For years, creating modals (aka dialogs, popups, or overlays) has meant reaching for JavaScript libraries, ARIA roles, and custom accessibility code. But HTML has … Continued

Read more →