{"version":"1.0","type":"rich","provider_name":"Acast","provider_url":"https://acast.com","height":250,"width":700,"html":"<iframe src=\"https://embed.acast.com/$/65de32896569fa0017d17653/69d40cdff44b357ce91bbdf5?\" frameBorder=\"0\" width=\"700\" height=\"250\"></iframe>","title":"Felony CSS (with Lyra Rebane)","description":"<p>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.</p><p><br></p><p><strong>Links:</strong></p><p><br></p><p><a href=\"https://cohost.org\" rel=\"noopener noreferrer\" target=\"_blank\">Cohost platform</a></p><p><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting\" rel=\"noopener noreferrer\" target=\"_blank\">CSS nesting</a></p><p><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/:has\" rel=\"noopener noreferrer\" target=\"_blank\">:has() selector</a></p><p><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties\" rel=\"noopener noreferrer\" target=\"_blank\">CSS variables (custom properties)</a></p><p><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations\" rel=\"noopener noreferrer\" target=\"_blank\">CSS animations</a></p><p><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries\" rel=\"noopener noreferrer\" target=\"_blank\">CSS container queries</a></p><p><a href=\"https://orteil.dashnet.org/cookieclicker/\" rel=\"noopener noreferrer\" target=\"_blank\">Cookie Clicker (incremental game example)</a></p><p><a href=\"https://en.wikipedia.org/wiki/X86\" rel=\"noopener noreferrer\" target=\"_blank\">x86 architecture overview</a></p><p><a href=\"https://en.wikipedia.org/wiki/Intel_8086\" rel=\"noopener noreferrer\" target=\"_blank\">8086 CPU</a></p><p><a href=\"https://en.wikipedia.org/wiki/C_(programming_language)\" rel=\"noopener noreferrer\" target=\"_blank\">C programming language</a></p><p><a href=\"https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP\" rel=\"noopener noreferrer\" target=\"_blank\">Content Security Policy (CSP)</a></p><p><a href=\"https://owasp.org/www-community/attacks/xss/\" rel=\"noopener noreferrer\" target=\"_blank\">Cross-site scripting (XSS)</a></p><p><a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Element/filter\" rel=\"noopener noreferrer\" target=\"_blank\">SVG filters</a></p><p><br></p><p><strong>Dead Code Podcast Links:</strong></p><p><br></p><p><a href=\"https://hachyderm.io/@deadcode\" rel=\"noopener noreferrer\" target=\"_blank\">Mastodon</a></p><p><a href=\"https://twitter.com/DeadCodePod\" rel=\"noopener noreferrer\" target=\"_blank\">X</a></p><p><br></p><p><strong>Jared’s Links:</strong></p><p><br></p><p><a href=\"https://supergood.social/@jared\" rel=\"noopener noreferrer\" target=\"_blank\">Mastodon</a></p><p><a href=\"https://twitter.com/jardonamron\" rel=\"noopener noreferrer\" target=\"_blank\">X</a></p><p><a href=\"https://www.twitch.tv/jardonamron\" rel=\"noopener noreferrer\" target=\"_blank\">twitch.tv/jardonamron</a></p><p><a href=\"https://jardo.dev\" rel=\"noopener noreferrer\" target=\"_blank\">Jared’s Newsletter &amp; Website</a></p><p><br></p><p><a href=\"https://docs.google.com/document/d/1HzCbfbr9eHWOzE1SZbNB1E0V26Ian551xv5GTCI8Jww/edit?tab=t.0\" rel=\"noopener noreferrer\" target=\"_blank\">Episode Transcript</a></p><p><br></p><p><br></p>","author_name":"Jared Norman"}