JS in CSS

on YouTube ↗05m

" summary

Claims that running JavaScript-like logic inside CSS is possible by abusing CSS custom properties and string values, and demonstrates a working random color generator that changes on tap. Shows a hack that builds image paths via dynamic URL concatenation from variables and injects them as background images. Uses only vanilla CSS variable syntax and concatenation tricks, yields live-changing visuals that work but reads as brittle and exploratory rather than production-ready.

AI-written summary · about

" chapters (3)

1. 0:00Intro
2. 0:28Custom properties
3. 1:48Image references

" related talks

• 27mCSS Variables A New HopeMauricio Palma · CSSConf Budapest 2017
• 53mCSS Houdini - from CSS variables to JavaScript and backSerg Hospodarets · NDC Oslo 2017
• 31mGenerative Art with CSSSonia Ruiz · FrontFest 2020
• 27mBringing Back the 1990s: The Revenge of JavaScript Style SheetsSteve Kinney · JSConf EU 2017
• 50mThe future of CSS isn’t CSSRoy Tomeij · CSS Day 2015
• 40mBringing back the 1990s: The revenge of JavaScript Style SheetsSteve Kinney · Full Stack Fest 2017
• 46m3.14 things I didn’t know about CSSMathias Bynens · CSS Day 2014
• 31mUnique Value Proposition of CSSinJS and the FutureOleg Slobodskoi · ReactiveConf 2017