> Markdown version of [/videos/1838-wearedevelopers-live-css-is-doomed](https://www.wearedevelopers.com/videos/1838-wearedevelopers-live-css-is-doomed). 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 - CSS is DOOMed

CSS is no longer just for styling. Uncover how animation-based state machines and style queries transform it into a robust language capable of running game logic completely without JavaScript.

- **Speakers:** [Chris Heilmann](https://www.wearedevelopers.com/@chris-heilmann), [Daniel Cranney](https://www.wearedevelopers.com/@daniel-cranney), Justin Halsall, Christian Schaefer
- **Event:** WeAreDevelopers LIVE
- **Published:** March 25, 2026
- **Duration:** 59:11
- **URL:** https://www.wearedevelopers.com/videos/1838-wearedevelopers-live-css-is-doomed

## Summary

The evolution of front-end engineering reveals a striking tension between deep, foundational problem-solving and modern library-driven assembly. A recurring theme in modern development is the erosion of raw algorithm design in favor of assembling NPM packages and relying on AI prompts, creating a debate around maintaining coding as a true craft. When constrained to using only standard libraries during live challenges, developers often expose the inherent limitations of their chosen languages, such as the absence of native JSON parsing in mature languages like Java. Conversely, foundational APIs like Amazon S3 underscore the value of standardization, remaining the ubiquitous backbone of file storage and database layers even twenty years after launch because their rigid API designs successfully outlive trendy user interfaces.

Modern web platform capabilities continue to blur the boundaries between structural styling and complex computation. Tools capturing pure DOM mutations provide fundamentally richer analytical and AI-parsing context than trendy screenshot-based scraping techniques. At the UI layer, native customizable select boxes introduced via the Open UI community solve decades-old front-end complaints, though developers must remain vigilant to progressively enhance styles without breaking deeply ingrained keyboard accessibility. Furthermore, CSS has shed its reputation as a mere styling mechanism; through techniques like animation-based state machines, scroll-driven variables, and style queries, it now functions as a robust programming language capable of running complex logic—even emulating architectural hardware or game logic entirely without JavaScript.

**Keywords:** rrweb session replay, javascript DOM monitoring, amazon S3 api, frontend package dependencies, standard library constraints, native JSON parsing, browser web APIs, cybersecurity debugger exploits, customizable HTML select elements, open UI accessibility, keyboard navigation semantics, CSS state machines, scroll-driven animations, CSS logic emulation, jpeg compression algorithms, Wasm NES emulator, coding challenge mechanics

## Chapters

1. **Maintaining consistent workflows for developer podcast production** (00:05) — Streamlining production workflows allows creators to sustain long-running podcasts without compromising technical quality.
1. **Recording and replaying DOM variations with rrweb** (02:51) — Monitoring user interactions natively by tracking document object model changes provides immense observability value over image-based screen recording.
1. **The enduring legacy of the amazon S3 storage API** (05:54) — Discovering the widespread reliance on the original S3 protocol reveals how standardized APIs drive modern cloud storage architecture.
1. **Recent security threats across messaging applications and browsers** (09:38) — Staying alert against phishing campaigns and browser decryption attacks remains critical as hardware vulnerabilities exploit everyday communication channels.
1. **Live problem solving versus library dependence at code 100** (12:40) — Over-reliance on NPM dependencies ultimately hinders core fundamental programming capabilities during fast-paced software challenges.
1. **Calculating HTML bounding boxes for skewed CSS bar charts** (21:43) — Retrieving precise coordinate dimensions using computed layout styles proves exceptionally tricky when CSS rotations transform native container boundaries.
1. **Understanding lossy JPEG compression and efficient web formats** (28:11) — Interactive sliders that visualize internal encoding algorithms help engineers balance payload networking constraints against optimal graphic fidelity.
1. **Accessing device hardware through native web APIs** (31:21) — Interfacing embedded machine sensors directly via standardized browser endpoints eliminates historical dependencies on compiled native desktop binaries.
1. **Emulating a Nintendo entertainment system via WebAssembly** (34:04) — Embedding raw processor instructions safely into browser execution contexts highlights the aggressive modernization achieved by contemporary web virtual machines.
1. **Evaluating bizarre tech headlines through a guessing game** (35:16) — Analyzing fabricated hacker stories alongside actual industry briefings reinforces the unusual reality surrounding modern machine learning incidents.
1. **Scanning secure file uploads to prevent malware payloads** (40:33) — Implementing preemptive server validation effectively defends critical network infrastructure from dangerously constructed zip bombs and poisoned data streams.
1. **Navigating legacy JavaScript date parsing inconsistencies** (42:06) — Historical leniency inside native date objects highlights the urgent necessity of adopting structured Temporal specifications.
1. **Styling native select elements with progressive enhancement** (42:51) — Overriding restrictive UI behaviors through emerging semantic patterns allows rich brand customization while preserving mandatory keyboard traversal.
1. **Leveraging CSS for complex system logic and state machines** (50:45) — Fusing scroll timelines directly against conditional style queries reveals how standard stylesheets natively interpret intricate programmatic state logic.
1. **Creating advanced image wobble effects with CSS clip paths** (54:55) — Injecting sequenced coordinate transitions natively along container vertices successfully executes sophisticated motion graphics directly within web standards.
1. **Closing remarks on open source maintenance and CSS power** (56:41) — Embracing transparent community participation methods ensures that shared libraries adapt whenever specialized software dependencies encounter unique technical shortcomings.

## Related Moments

- [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?")
- [Navigating CSS complexity and embracing core frontend technologies](https://www.wearedevelopers.com/videos/1788-wearedevelopers-live-you-don-t-need-javascript-modern-css-and-more) (from "WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More")
- [Audience questions on accessibility and framework tradeoffs](https://www.wearedevelopers.com/videos/459-extending-html-with-web-components) (from "Extending HTML with Web Components")
- [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?")
- [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")
- [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)
- [Dev Digest 131 - AI'm not sure about OSS](https://www.wearedevelopers.com/magazine/472-dev-digest-131-ai-m-not-sure-about-oss)
- [Dev Digest 130 - The Diablo is in the details](https://www.wearedevelopers.com/magazine/470-dev-digest-130-the-diablo-is-in-the-details)
- [Dev Digest 101 - the XXX edition](https://www.wearedevelopers.com/magazine/382-dev-digest-101-the-xxx-edition)

## Related Jobs

- [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/682327-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/356601-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/683045-remote-senior-full-stack-engineer) at **Edge Impulse**