The most creative CSS + multiplayer web project I’ve ever seen

Adam Argyle likes CSS. In this episode, he’s live in studio teaching us about everything from @property to @layer to scroll-snap and a whole lot more. Demo https://noisee.netlify.app/room/1337 Repo https://github.com/learnwithjason/noisee Upcoming episodes: https://lwj.dev/schedule Links & Resources: - https://nerdy.dev/ - https://developer.mozilla.org/en-US/docs/Web/CSS/@property - https://open-props.style/ - https://www.learnwithjason.dev/build-custom-interfaces-using-css-open-props/ - https://gradient.style/ - https://mdn.io/audiocontext - https://kit.svelte.dev/ - https://github.com/learnwithjason/noisee/tree/main - https://developer.mozilla.org/en-US/docs/Web/CSS/system-color - https://twitter.com/argyleink/ - https://thecsspodcast.libsyn.com/ - https://nerdy.dev/introducing-the-bad-at-css-podcast - https://developer.chrome.com/blog - https://www.youtube.com/live/tSfSY3Ni3X0?si=3e7bYhuTrAOCQOI8 Watch future episodes live at https://lwj.dev/live This episode was sponsored by: - Netlify (https://lwj.dev/netlify) - Vets Who Code (https://lwj.dev/vetswhocode) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) Some captions were not present in this episode, due to audio issues and have been attempted to be recovered. 00:00 Introducing Adam Argyle live in studio 00:46 Who the heck is Adam Argyle? 04:21 How did Adam become a CSS specialist? 10:49 Getting started building our ephemeral noise experiment 17:20 Open Props collection from Adam 22:56 What are cascade layers in CSS? 40:55 What is interpolation in CSS? 42:42 Unlock even cooler gradients with transition hint 46:26 Connecting audio into the CSS controls 01:00:10 Checking out the public repo for the code 01:10:27 Light mode vs dark mode in the experience 01:19:00 Could app property be used for polyfills? 01:24:40 Where can we learn more about fun CSS nerdery?