Chris Heilmann, Daniel Cranney & Niels Leenheer

WeAreDevelopers LIVE - CSS is DOOMed

Forget what you know about CSS. One developer used it to render DOOM and even control a real-life flamethrower.

WeAreDevelopers LIVE - CSS is DOOMed
#1about 7 minutes

Exploring AI's impact on design tools and workflows

AI-powered design tools like Claude Design raise concerns about design homogenization and the long-term maintainability of generated code.

#2about 1 minute

Understanding why AI struggles with front-end development

AI models often fail at front-end development because they are trained on outdated code and lack the contextual understanding of user needs and progressive enhancement.

#3about 8 minutes

Creative possibilities with the new HTML in Canvas API

The new ability to render HTML inside a Canvas element unlocks advanced visual effects, accessible charts, and direct-to-image exports from the browser.

#4about 2 minutes

Addressing the aging PHP developer community

The PHP ecosystem faces a challenge as its developer base ages, prompting discussions on how to attract new talent to maintain critical open-source projects.

#5about 4 minutes

A showcase of weird and wonderful web experiments

Discover creative and unusual web projects, including storing data in a mouse's DPI register and installing all 84,000 Firefox extensions on one browser.

#6about 2 minutes

The pros and cons of JavaScript method chaining

Excessive method chaining in JavaScript can lead to unreadable and hard-to-debug code, highlighting the trade-off between conciseness and maintainability.

#7about 2 minutes

Navigating the AI era with new developer tools

Tools like Cloudflare's agent readiness checker and Slop Cop help developers prepare their sites for AI crawlers and avoid AI-generated writing clichés.

#8about 6 minutes

Creative coding with JS Paint and programmatic video

Explore creative tools built on web technologies, such as a full-featured MS Paint clone in JavaScript and a library for generating videos programmatically with HTML.

#9about 4 minutes

Playing a game of Fake or News with tech headlines

A fun quiz challenges participants to distinguish between real and fabricated technology news headlines, from AI scheming to smart glass coaching.

#10about 10 minutes

Building the classic game Doom entirely in CSS

A deep dive into recreating the 3D environment of Doom using only CSS, leveraging modern features like math functions and 3D transforms for rendering.

#11about 5 minutes

Controlling a real-world flamethrower with CSS

Learn how WebUSB and CSS custom properties can be used to control physical hardware like a DMX-based flamethrower directly from the browser.

#12about 4 minutes

Balancing a stable day job with creative side projects

Find fulfillment by balancing a stable, practical day job with passion-driven, experimental side projects that push the boundaries of technology.

Related jobs
Jobs that call for the skills explored in this talk.

Featured Partners

Related Articles

View all articles
Daniel Cranney
Dev Digest 209: Code Is Cheap, How OpenClaw Works & In-Browser Win 3.11
Inside last week’s Dev Digest 209 . 🤖 The truth about AI assisted coding 🧠 What’s filling up your context window 💸 Writing code is cheap 🧪 Preventing distillation attacks 🚫 The end of innerHTML 🦠 Malware using genAI at runtime 🟩 Halving Node.js’ mem...
Dev Digest 209: Code Is Cheap, How OpenClaw Works & In-Browser Win 3.11
Chris Heilmann
Building a "shoutout" component in plain HTML/CSS/JavaScript
Every Wednesday we meet at noon to talk about a lot of tech news, tools and resources in something we call WeAreDevelopers Live . We go live on YouTube and afterwards we cut out short videos to post on social media. What we needed was an obvious “sho...
Building a "shoutout" component in plain HTML/CSS/JavaScript
Daniel Cranney, Chris Heilmann
Dev Digest 215: Agent Memory, JS2026, Googlebot Analysis & Canvas❤️HTML
Inside last week’s Dev Digest 215 . 🗿 Make AI talk like a caveman 🧠 A guide to context engineering for LLMs 🤖 Simon Willison on agentic engineering 🔐 Axios supply chain attack post mortem 🛡️ Designing AI agents to resist prompt injection 🎨 HTML in c...
Dev Digest 215: Agent Memory, JS2026, Googlebot Analysis & Canvas❤️HTML

From learning to earning

Jobs that call for the skills explored in this talk.

Senior HTML5 Developer

Working Class Heroes
Dordrecht, Netherlands

Senior
CSS
Adobe Flash
ActionScript
Adobe Photoshop
Webdeveloper

Pixel Creation
Arnhem, Netherlands

Remote
PHP
CSS
Gulp
SASS
+3