> Markdown version of [/videos/1850-wearedevelopers-live-css-or-bs?t=141](https://www.wearedevelopers.com/videos/1850-wearedevelopers-live-css-or-bs?t=141). 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 or BS?

Mozilla's Keith Cirkel argues tracking AI tokens is the modern 'lines of code' productivity trap. Discover the wild evolution of CSS and why the web is still ours.

- **Speakers:** [Chris Heilmann](https://www.wearedevelopers.com/@chris-heilmann), [Daniel Cranney](https://www.wearedevelopers.com/@daniel-cranney), Keith Cirkel
- **Event:** WeAreDevelopers LIVE
- **Published:** April 15, 2026
- **Duration:** 52:59
- **URL:** https://www.wearedevelopers.com/videos/1850-wearedevelopers-live-css-or-bs

## Summary

Mozilla's Keith Cirkel joins the discussion to explore the immense evolution of CSS, transitioning from basic document styling to powering complex layout engines used in native mobile applications and Rust game engines. The conversation highlights the cyclical nature of frontend trends—from the return of CSS masonry layouts to aesthetic shifts like brutalism—which are often born directly out of developers pushing the boundaries of styling capabilities. Delving into the mechanics of web design, Keith unpacks the intricacies of building CSS parsers and handling complex shorthands, demonstrating these concepts through interactive developer challenges like his 'CSS or BS' parser game and OKLAB color space tools.

Beyond the Document Object Model, the discussion critically examines the tech landscape, particularly the degradation of search engine quality caused by AI-generated spam. The panel notes that marketing for new AI models increasingly relies on generating fear rather than proving concrete utility. Additionally, they critique the software industry's ongoing struggle to accurately measure developer productivity. Highlighting an internal corporate leaderboard that measured LLM token usage, the group flags this as a modern manifestation of Goodhart's Law—tracking AI generation merely replaces the flawed 'lines of code' metric without yielding better or more secure products.

As open-source frameworks become increasingly corporate-backed and DOM bloat necessitates extraction tools like Defuddle just to feed clean context to LLMs, the industry is witnessing a shift back to architectural basics. Pointing to Mozilla dropping React in favor of native Web Components for a lighter Firefox build, the core takeaway serves as a reminder to avoid over-engineering. By encouraging engineers to pursue quirky passion games and side projects, the speakers deliver a resonant final thought: 'The web is still ours if we want it.'

**Keywords:** css layout engines, flexbox native applications, ai marketing hype, developer productivity metrics, goodhart's law software token usage, search engine quality decay, markdown extraction llm, rust game engine styling, css parser syntax, oklab color space acuity, brutalist web design nostalgia, cloudflare mdash cms, web components migration, front-end web architecture

## Chapters

1. **Developing core web technologies and layout engines** (00:00) — Writing core C++ infrastructure enables browsers to render complex web layouts and document object models.
1. **The proliferation of CSS beyond web browsers** (02:21) — Advanced layout algorithms like Flexbox are increasingly adopted by native application and game engines.
1. **Formatting printable documents with page media CSS** (04:12) — Attempting to generate structured PDFs with CSS reveals limitations compared to specialized formatting languages.
1. **Masonry layouts and cyclical fashion in UI design** (05:11) — Establishing new CSS standards often drives designers to seek visual differentiation through older stylistic trends.
1. **Marketing security capabilities in modern AI models** (07:53) — Exaggerating automated security vulnerabilities often serves as strategic marketing for new artificial intelligence releases.
1. **Declining search quality from automated content generation** (10:49) — Flooding standard web results with synthetic overviews degrades the utility of internet search platforms.
1. **Tracking token consumption to measure developer productivity** (15:21) — Using raw token generation as an engineering metric incentivizes codebase bloat over true functionality.
1. **Corporate backing for standalone open source frameworks** (17:49) — Launching platform-specific content management systems centralizes independent web frameworks into corporate ecosystems.
1. **Ethical implications of punishing generative language systems** (21:02) — Building aggressive feedback mechanics for chatbots uncovers underlying biases regarding human and machine interactions.
1. **Navigating complex spreadsheets inside terminal environments** (23:46) — Leveraging dedicated command line applications provides highly focused environments for data manipulation without graphical bloat.
1. **Evaluating intrusive system modifications by enterprise software** (25:39) — Modifying local DNS routing files to track proprietary software installation bypasses standard user permission protocols.
1. **Useful offline and parsing tools for developers** (26:39) — Utilizing local language models and semantic content extractors minimizes expensive API calls during application development.
1. **Rendering realistic typography to achieve digital skeuomorphism** (29:47) — Embedding custom ligatures into generated fonts creates seamless typographic variations mimicking traditional human handwriting.
1. **Live website generation using integrated DOM agents** (31:39) — Delegating visual interface adjustments to concurrent intelligent agents bridges the gap between design and code.
1. **Discerning legitimate technical headlines from digital satire** (33:32) — Analyzing plausible but fabricated industry announcements highlights the rapid pace of modern software vulnerabilities.
1. **Testing CSS property knowledge and layout engine quirks** (37:41) — Identifying edge cases in style shorthand syntax exposes the complex parsing logic behind modern browser rendering.
1. **Measuring visual perceptual offsets through interactive gamification** (44:52) — Evaluating precise color difference thresholds using the OKLAB spectrum highlights diverse physiological approaches to aesthetic processing.
1. **Cultivating developer creativity through independent web projects** (49:53) — Creating small interactive experiments maintains a healthy relationship with web technologies independent of enterprise software limitations.

## 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?")
- [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?")
- [Audience questions on accessibility and framework tradeoffs](https://www.wearedevelopers.com/videos/459-extending-html-with-web-components) (from "Extending HTML with Web Components")
- [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")
- [Understanding core browser technologies and framework syntax sugar](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")
- [Encouraging browser workspace adoption among developers and designers](https://www.wearedevelopers.com/videos/1345-building-collaborative-open-source-tools-for-developers-and-designers-pablo-ruiz-muzquiz-from-penpot) (from "Building Collaborative Open Source tools for Developers and Designers - Pablo Ruiz-Muzquiz from Penpot")

## Related Articles

- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [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 138 - Are you secure about this?](https://www.wearedevelopers.com/magazine/486-dev-digest-138-are-you-secure-about-this)
- [Dev Digest 131 - AI'm not sure about OSS](https://www.wearedevelopers.com/magazine/472-dev-digest-131-ai-m-not-sure-about-oss)

## 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/683045-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/646086-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**