> Markdown version of [/videos/2166-wearedevelopers-live-is-css-catching-up-to-flash?t=2658](https://www.wearedevelopers.com/videos/2166-wearedevelopers-live-is-css-catching-up-to-flash?t=2658). 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 - Is CSS Catching Up to Flash?

Google's Bramus Van Damme reveals how native CSS and HTML are finally replacing massive JavaScript libraries. Discover how to leverage built-in browser capabilities for lighter, high-performance web apps.

- **Speakers:** [Chris Heilmann](https://www.wearedevelopers.com/@chris-heilmann), [Daniel Cranney](https://www.wearedevelopers.com/@daniel-cranney), Bramus Van Damme
- **Event:** WeAreDevelopers LIVE
- **Published:** September 16, 2026
- **Duration:** 1:03:33
- **URL:** https://www.wearedevelopers.com/videos/2166-wearedevelopers-live-is-css-catching-up-to-flash

## Summary

The web platform's rapid evolution is enabling native CSS and HTML to handle complex visual features that once required Flash or heavy JavaScript libraries. In this discussion with Google Chrome DevRel Bramus Van Damme, the conversation explores how modern web standards are making the browser remarkably powerful out-of-the-box. By migrating legacy experiences—like 3D page flip animations—to standard HTML and Canvas, developers can ensure their content remains fully indexable, highlightable, and accessible to screen readers. This highlights a broader industry shift away from opaque plugins and massive polyfills toward native, performant browser capabilities.

A major focus is the introduction of declarative route and navigation matching in CSS, which allows developers to trigger sophisticated view transitions based on URL changes without relying on blocking JavaScript. Tools like CSS Anchor Positioning are giving developers granular control over complex layouts, while the cross-vendor Interop project works to guarantee these advanced features behave consistently across all major browsers. However, as CSS takes on logic traditionally reserved for JavaScript, DevTools teams face new challenges in creating ways to pause, inspect, and debug these declarative navigation states.

Beyond visual flair, the conversation champions the use of underutilized and upcoming native HTML elements to simplify codebases. Elements like `<datalist>` for zero-JS autocomplete and the proposed `<user-media>` tag for native webcam permission handling represent a push toward native platform efficiency. Embracing these built-in browser features—alongside accessibility practices like `prefers-reduced-motion`—enables engineering teams to build lighter, more performant, and user-friendly web applications.

**Keywords:** css view transitions, declarative route matching, html canvas animations, css anchor positioning, cross-browser interop, frontend web standards, native html elements, datalist autocomplete, user-media api, prefers-reduced-motion, web accessibility guidelines, css form styling, browser devtools debugging, image optimization tools, javascript dependency reduction, html page flip component

## Chapters

1. **Modern CSS visual features and framework integration** (00:00) — How new UI capabilities and view transitions reduce reliance on legacy libraries.
1. **Recreating flash page flips with HTML and canvas** (04:37) — Using the HTML and Canvas API to build authentic 3D page curl effects with indexable text.
1. **Improving native form controls and the datalist element** (13:34) — Exploring underused HTML elements for autocomplete and upcoming browser standards for styling form inputs.
1. **Declarative route and navigation matching in CSS** (18:39) — Styling cross-document view transitions based on origin and destination URLs without blocking JavaScript.
1. **Animating grid layouts and cross-platform interaction patterns** (25:12) — How mobile touch interfaces influence user expectations for draggable and easing animations on desktop web pages.
1. **Feature detecting undetectable CSS property changes** (27:34) — Using named features to check for browser support when CSS syntax remains identical but underlying behavior changes.
1. **Aligning browser standards with the Interop project** (33:11) — How the interop process ensures consistent cross-browser implementations for existing specifications like anchor positioning.
1. **Rediscovering forgotten and highly useful HTML elements** (38:03) — Simplifying complex interactive behaviors using built-in semantic elements rather than custom JavaScript wrappers.
1. **Evaluating technology headlines in a fake news game** (44:18) — Distinguishing real technology news from fabricated stories regarding artificial intelligence and cybersecurity.
1. **Uncovering hidden vulnerabilities and bloat in web ecosystems** (48:28) — How unexpected vectors like CSS in email clients and AI-generated dependencies introduce security and performance issues.
1. **Exploring experimental UI interactions and retro gaming history** (51:31) — Reviewing whimsical interface components and the unexpected success of early arcade machine hardware tests.
1. **Automating local file compression with the ImageOptim tool** (57:05) — Reducing application payload sizes effortlessly using automated background image optimization scripts.

## Related Moments

- [Evaluating the future utility of CSS Houdini web standards](https://www.wearedevelopers.com/videos/641-is-css-houdini-finally-usable-in-2023) (from "Is CSS Houdini finally usable in 2023?")
- [Understanding Interop 2025 and new CSS capabilities](https://www.wearedevelopers.com/videos/1299-new-browser-apis-end-of-react-create-app-smuggling-data-in-emoji-and-more-with-rowdy-rabouw) (from "New Browser APIs, End of React Create App, Smuggling Data in Emoji and more with Rowdy Rabouw")
- [Strategies for keeping up with advanced CSS evolution](https://www.wearedevelopers.com/videos/835-what-s-new-in-css-for-designers) (from "What's new in CSS for Designers?")
- [Collapsing web development complexity with modern browser capabilities](https://www.wearedevelopers.com/videos/980-fireside-chat-with-david-heinemeier-hansson) (from "Fireside Chat with David Heinemeier Hansson")
- [Audience questions on accessibility and framework tradeoffs](https://www.wearedevelopers.com/videos/459-extending-html-with-web-components) (from "Extending HTML with Web Components")
- [Anticipating missing CSS features and upcoming standardizations](https://www.wearedevelopers.com/videos/835-what-s-new-in-css-for-designers) (from "What's new in CSS for Designers?")

## Related Articles

- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [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)
- [The State of HTML 2024: What can we learn from it?](https://www.wearedevelopers.com/magazine/506-the-state-of-html-2024-what-can-we-learn-from-it)
- [Stop Using Divs: Five Input Types You Could Use Right Away](https://www.wearedevelopers.com/magazine/664-stop-using-divs-five-input-types-you-could-use-right-away)

## Related Jobs

- [Senior Design Engineer](https://www.wearedevelopers.com/jobs/ext/2644934-senior-design-engineer) at **GitHub**
- [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/679408-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/646086-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**