Dead Code
In this episode, Jared talks with security researcher Lyra Rebane about pushing CSS far beyond its reputation as a simple styling language, exploring how modern features like nesting, advanced selectors, and state-based logic enable complex interactivity without relying on JavaScript. Inspired by experiments on Cohost, Lyra created projects like a fully CSS-based clicker game and even an 8086 CPU emulator that can run compiled C code using CSS variables, animations, and clever workarounds. The conversation highlights how developers often overuse JavaScript for tasks CSS can handle more efficiently, while also challenging the industry’s tendency to dismiss CSS work as less valuable, arguing instead that treating CSS as a true programming language opens up both technical possibilities and greater respect for front-end expertise. Links: Cohost platform [https://cohost.org] CSS nesting [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting] :has() selector [https://developer.mozilla.org/en-US/docs/Web/CSS/:has] CSS variables (custom properties) [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties] CSS animations [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations] CSS container queries [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries] Cookie Clicker (incremental game example) [https://orteil.dashnet.org/cookieclicker/] x86 architecture overview [https://en.wikipedia.org/wiki/X86] 8086 CPU [https://en.wikipedia.org/wiki/Intel_8086] C programming language [https://en.wikipedia.org/wiki/C_(programming_language)] Content Security Policy (CSP) [https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP] Cross-site scripting (XSS) [https://owasp.org/www-community/attacks/xss/] SVG filters [https://developer.mozilla.org/en-US/docs/Web/SVG/Element/filter] Dead Code Podcast Links: Mastodon [https://hachyderm.io/@deadcode] X [https://twitter.com/DeadCodePod] Jared’s Links: Mastodon [https://supergood.social/@jared] X [https://twitter.com/jardonamron] twitch.tv/jardonamron [https://www.twitch.tv/jardonamron] Jared’s Newsletter & Website [https://jardo.dev] Episode Transcript [https://docs.google.com/document/d/1HzCbfbr9eHWOzE1SZbNB1E0V26Ian551xv5GTCI8Jww/edit?tab=t.0] ---------------------------------------- Hosted on Acast. See acast.com/privacy [https://acast.com/privacy] for more information.
69 episoder
Kommentarer
0Vær den første til at kommentere
Tilmeld dig nu og bliv en del af Dead Code-fællesskabet!