> Markdown version of [/videos/1788-wearedevelopers-live-you-don-t-need-javascript-modern-css-and-more](https://www.wearedevelopers.com/videos/1788-wearedevelopers-live-you-don-t-need-javascript-modern-css-and-more). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Theodore Lere proves you can ditch JavaScript for complex UI interactions. Learn how modern CSS and semantic HTML natively handle modals and accordions, eliminating unnecessary codebase bloat.

- **Speakers:** [Chris Heilmann](https://www.wearedevelopers.com/@chris-heilmann), [Daniel Cranney](https://www.wearedevelopers.com/@daniel-cranney), Theodore Lefevre
- **Event:** WeAreDevelopers LIVE
- **Published:** January 21, 2026
- **Duration:** 1:06:44
- **URL:** https://www.wearedevelopers.com/videos/1788-wearedevelopers-live-you-don-t-need-javascript-modern-css-and-more

## Summary

In this episode of WeAreDevelopers LIVE, front-end developer Theodore Lere challenges the reflex of reaching for JavaScript to solve every UI interaction. While heavy JavaScript frameworks and polyfills have become the industry default, modern HTML and CSS now provide robust, natively accessible alternatives for common web patterns. The discussion centers heavily on adopting a progressive enhancement mindset: leaning on semantic HTML for core functionality, applying modern CSS for fluid presentations, and strictly treating JavaScript as a last-resort enhancement rather than a dependency.

Theodore provides live demonstrations exploring how native web capabilities can drastically simplify front-end architecture. Highlights include building native accordions using `<details>` and `<summary>` elements—utilizing the new `name` attribute to group components without custom logic—and tackling interactive modals via the `<dialog>` element. Through edge-case examples, he showcases how combining the experimental `commandfor` invoker attribute with CSS selectors like `::backdrop` and `body:has(dialog[open])` allows developers to open, dismiss, and styling modals (including scroll-locking the background) utilizing zero lines of JavaScript.

Beyond front-end architecture, the broader panel explores pressing software industry news. Topics range from the surge of AI-generated "slop" paralyzing open-source maintainers (such as the curl project) to the long-awaited stabilization of JavaScript's `Temporal` API explicitly aimed at fixing legacy Date object discrepancies. Ultimately, the session serves as a vital reminder to junior and seasoned engineers alike: thoroughly understanding native browser capabilities prevents the rapid over-engineering of UI elements and shields codebases from the bloat natively solved by web standards.

**Keywords:** modern css features, semantic html patterns, progressive web enhancement, javascript temporal api, html dialog element, details summary accordion, css scroll-target-group, html commandfor invoker, frontend web accessibility, native browser capabilities, ai generated pull requests, open source maintainer burden, css has pseudo-class, backdrop pseudo-element styling, no-js frontend components

## Chapters

1. **Reevaluating the default reliance on JavaScript for interactions** (02:01) — Modern semantic HTML and CSS natively handle interactions and accessibility without unnecessary JavaScript dependencies.
1. **Managing AI generated code and slop in open source** (09:12) — Open source maintainers face overwhelming volumes of low-quality AI generated pull requests that game bug bounty programs.
1. **Handling complex date calculations with the Temporal API** (16:15) — The new Temporal API replaces the legacy JavaScript date object to provide predictable and standard time zone handling.
1. **Navigating native HTML regressions and browser compatibility issues** (23:02) — Broken native input elements like datalist on Safari force developers to implement complex custom UI workarounds.
1. **Exploring bad interface design through web navigation bots** (28:13) — Automating UI navigation exposes the extreme inefficiency and complexity of modern web application interactions.
1. **Understanding the repeated failures of 3D web environments** (31:27) — Virtual reality and 3D web applications remain novelties due to poor usability, nausea, and missing physical haptics.
1. **Analyzing bizarre technology headlines and software engineering news** (34:31) — A review of strange technological developments highlights AI lawsuits, extreme monetization, and evolving malware threats.
1. **Building accessible accordions using native HTML details tags** (39:02) — The native details and summary HTML elements provide fully accessible accordion components without relying on JavaScript event listeners.
1. **Creating interactive modal dialogs natively without JavaScript logic** (45:18) — The HTML dialog element combined with command invokers allows developers to build functional modals directly in the markup.
1. **Highlighting table of contents dynamically using CSS properties** (51:27) — The target-current and scroll-target-group CSS properties offer a native alternative to JavaScript intersection observers for navigation highlighting.
1. **Navigating CSS complexity and embracing core frontend technologies** (57:47) — Mastering fundamental CSS and HTML capabilities prevents developers from overusing external frameworks and unnecessary JavaScript abstractions.

## Related Moments

- [Audience questions on accessibility and framework tradeoffs](https://www.wearedevelopers.com/videos/459-extending-html-with-web-components) (from "Extending HTML with Web Components")
- [Tracking open source community trends in JavaScript native frameworks](https://www.wearedevelopers.com/videos/1288-wearedevelopers-live-scammer-payback-with-python-grok-goes-unhinged-the-future-of-chromium-and-mo) (from "WeAreDevelopers LIVE: Scammer Payback with Python, Grok Goes Unhinged, The Future of Chromium and mo")
- [Exploring frontend development choices beyond standard JavaScript frameworks](https://www.wearedevelopers.com/videos/390-debugging-static-web-apps) (from "Debugging Static Web Apps")
- [The rapid evolution of JavaScript and web tooling](https://www.wearedevelopers.com/videos/850-the-year-3000-a-brief-history-of-web-development) (from "The year 3000, a brief history of Web Development")
- [Advocating for semantic HTML over complex framework component workarounds](https://www.wearedevelopers.com/videos/1753-wearedevelopers-live-spicy-vanilla-web-css-magic-more) (from "WeAreDevelopers LIVE – Spicy Vanilla Web, CSS Magic & More")
- [Expanding JavaScript horizons with WebAssembly and backend possibilities](https://www.wearedevelopers.com/videos/118-how-to-stop-choosing-javascript-frameworks-and-start-living) (from "How to Stop Choosing JavaScript Frameworks and Start Living")

## Related Articles

- [3 JavaScript-Free Techniques for Accordions, Dialogs, and Table of Contents](https://www.wearedevelopers.com/magazine/684-3-javascript-free-techniques-for-accordions-dialogs-and-table-of-contents)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Dev Digest 132 - Binging WADFlix?](https://www.wearedevelopers.com/magazine/473-dev-digest-132-binging-wadflix)
- [Developers vs Scammers, Bad Design, AI is Pointless, AJAX is 20 and more - The Best of LIVE 2025 - Part 1](https://www.wearedevelopers.com/magazine/661-developers-vs-scammers-bad-design-ai-is-pointless-ajax-is-20-and-more-the-best-of-live-2025-part-1)

## Related Jobs

- [Junior Frontend Engineer](https://www.wearedevelopers.com/jobs/ext/1532351-junior-frontend-engineer) at **Almedia**
- [Software Engineer](https://www.wearedevelopers.com/jobs/ext/1304673-software-engineer) at **Bitpanda**
- [Senior Software Engineer, React (Websites & Martech)](https://www.wearedevelopers.com/jobs/ext/1605272-senior-software-engineer-react-websites-martech) at **Bitpanda**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/639235-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/643147-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/682327-remote-senior-full-stack-engineer) at **Edge Impulse**