Skip to main feed https://nerdy.dev#feed Home https://nerdy.dev/ Follow my RSS feed https://nerdy.dev/rss.xml Nerdy Notebook https://nerdy.dev/notebook/index.html today1 https://nerdy.dev#today week5 https://nerdy.dev#week month3 https://nerdy.dev#month 202682 https://nerdy.dev#2026 202594 https://nerdy.dev#2025 2024122 https://nerdy.dev#2024 202399 https://nerdy.dev#2023 202239 https://nerdy.dev#2022 202115 https://nerdy.dev#2021 20203 https://nerdy.dev#2020 201912 https://nerdy.dev#2019 20185 https://nerdy.dev#2018 20171 https://nerdy.dev#2017 20141 https://nerdy.dev#2014 20134 https://nerdy.dev#2013 20111 https://nerdy.dev#2011 20081 https://nerdy.dev#2008 20042 https://nerdy.dev#2004 Link https://nerdy.dev/animation-evolution 2 https://nerdy.dev/animation-evolution#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/animation-evolution"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Doorway https://doorway.help/ Creator Micro https://www.worklouder.cc/creator-micro-2 Glimmer https://dev.meta.ai/models/muse-glimmer CSS scroll axis https://nerdy.dev/css-scroll-axis-lock whiskey.fm https://whiskey.fm/your-ai-agents-dont-need-you-anymore youtube https://www.youtube.com/watch?v=dYV4vxaebnw spotify https://open.spotify.com/episode/3ep4HjYWqbQXWZZAxVMVkE apple https://podcasts.apple.com/us/podcast/your-ai-agents-dont-need-you-anymore/id1552776603?i=1000801010985 Link https://nerdy.dev/www-ep259-your-ai-agents-dont-need-you-anymore 1 https://nerdy.dev/www-ep259-your-ai-agents-dont-need-you-anymore#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep259-your-ai-agents-dont-need-you-anymore"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() PropFLIP https://nerdy.dev/prop-flip 12 https://nerdy.dev/prop-flip#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/prop-flip"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() try it! https://ponpon-mania.com/chapter/1 Link https://nerdy.dev/ponpon-mania-comic-ux 8 https://nerdy.dev/ponpon-mania-comic-ux#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/ponpon-mania-comic-ux"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Chicken Cock https://chickencockwhiskey.com/ Claude https://claude.ai/ CSS infinity https://nerdy.dev/css-infinity-use-cases Prop for That https://github.com/argyleink/prop-for-that skull.style https://skull.style/ whiskey.fm https://whiskey.fm/the-future-called-its-using-css2 youtube https://www.youtube.com/watch?v=KiNCZjQyAyQ spotify https://open.spotify.com/episode/7uL5OXOWudZz28P4Xn3twN apple https://podcasts.apple.com/us/podcast/the-future-called-its-using-css2/id1552776603?i=1000800431109 Mailtrap https://l.rw.rw/whiskey_web_and_whatnot_4 Link https://nerdy.dev/www-ep258-the-future-called-its-using-css2 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep258-the-future-called-its-using-css2"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Bye Deno, Hello Cloudflare https://nerdy.dev/bye-deno-hello-cloudflare 11 https://nerdy.dev/bye-deno-hello-cloudflare#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bye-deno-hello-cloudflare"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Copilot https://github.com/features/copilot Amp https://amp.ai/ whiskey.fm https://whiskey.fm/local-engineer-runs-out-of-tokens-discovers-programming youtube https://www.youtube.com/watch?v=A6XM137tS9w spotify https://open.spotify.com/episode/1h4NWsSaaCuHOI7MupGERJ apple https://podcasts.apple.com/us/podcast/local-engineer-runs-out-of-tokens-discovers-programming/id1552776603?i=1000799525675 Mailtrap https://l.rw.rw/whiskey_web_and_whatnot_3 Link https://nerdy.dev/www-ep257-local-engineer-runs-out-of-tokens 1 https://nerdy.dev/www-ep257-local-engineer-runs-out-of-tokens#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep257-local-engineer-runs-out-of-tokens"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/scroll-axis-design-system-rule Share a direct link to this post javascript: (() => { const url = window.location.origin + "/scroll-axis-design-system-rule"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Designing Whiskey Glasses with Denver Cramer https://nerdy.dev/www-ep256-denver-cramer-glassware 1 https://nerdy.dev/www-ep256-denver-cramer-glassware#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep256-denver-cramer-glassware"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev OpenCode https://opencode.ai/ CodeRabbit https://coderabbit.ai/ Copilot https://github.com/features/copilot whiskey.fm https://whiskey.fm/meta-harnesses-medical-midjourney-and-why-specialists-are-cooked youtube https://www.youtube.com/watch?v=TOlFh3BdGWU spotify https://open.spotify.com/episode/19zlegj7b1QFI2Z8WnLarO apple https://podcasts.apple.com/us/podcast/meta-harnesses-medical-midjourney-and-why-specialists/id1552776603?i=1000795251620 Mailtrap https://l.rw.rw/whiskey_web_and_whatnot_1 Link https://nerdy.dev/www-ep255-meta-harnesses-medical-midjourney-and-specialists 2 https://nerdy.dev/www-ep255-meta-harnesses-medical-midjourney-and-specialists#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep255-meta-harnesses-medical-midjourney-and-specialists"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/page-view-count-regression-fixed Share a direct link to this post javascript: (() => { const url = window.location.origin + "/page-view-count-regression-fixed"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() anchor https://developer.mozilla.org/docs/Web/CSS/Guides/Anchor_positioning See on Codepen https://codepen.io/argyleink/pen/qErPZoR Link https://nerdy.dev/transitioning-field-sizing-content-with-css 12 https://nerdy.dev/transitioning-field-sizing-content-with-css#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/transitioning-field-sizing-content-with-css"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Kevin https://www.youtube.com/@KevinPowell Watch on YouTube https://www.youtube.com/watch?v=SANA0mKg6tw Link https://nerdy.dev/front-end-fast-money-with-kevin-powell Share a direct link to this post javascript: (() => { const url = window.location.origin + "/front-end-fast-money-with-kevin-powell"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Brad Frost https://bradfrost.com/ Orchid synth https://telepathicinstruments.com/products/orchid-orc-1 Van Halen's green M&Ms https://www.snopes.com/fact-check/brown-out/ AI and Design Systems course https://aianddesign.systems/ whiskey.fm https://whiskey.fm/from-geocities-to-gpt-brad-frost-on-mythos-mastery-and-musical-non-sequiturs spotify https://open.spotify.com/episode/7bUhfoX0lkyEIirQH2WUG0 apple https://podcasts.apple.com/us/podcast/from-geocities-to-gpt-brad-frost-on-mythos-mastery/id1552776603?i=1000791417856 youtube https://www.youtube.com/watch?v=LlkBE3Ph6j8 Link https://nerdy.dev/www-ep254-from-geocities-to-gpt-brad-frost Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep254-from-geocities-to-gpt-brad-frost"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() BanjoCSS https://nerdy.dev/camp-night-with-coyier 8 https://nerdy.dev/camp-night-with-coyier#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/camp-night-with-coyier"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Jev https://nerdy.dev/jev 9 https://nerdy.dev/jev#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/jev"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Chuck https://chuckcarpenter.com/ Jim Beam White Label https://www.jimbeam.com/ CodeRabbit https://coderabbit.ai/ GitHub https://github.com/ whiskey.fm https://whiskey.fm/experts-agree-yelling-at-computers-is-the-future youtube https://www.youtube.com/watch?v=SUYgIP7opPg spotify https://open.spotify.com/episode/16p5JD64wtpErBcboNu2kQ apple https://podcasts.apple.com/us/podcast/experts-agree-yelling-at-computers-is-the-future/id1552776603?i=1000788899797 Link https://nerdy.dev/www-ep253-experts-agree-yelling-at-computers-is-the-future 1 https://nerdy.dev/www-ep253-experts-agree-yelling-at-computers-is-the-future#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep253-experts-agree-yelling-at-computers-is-the-future"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() StyleX https://stylexjs.com/ Shopify https://shopify.com/ a wash https://x.com/argyleink/status/2095253698431844607 OOCSS https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/ Link https://nerdy.dev/stylex-at-shopify 7 https://nerdy.dev/stylex-at-shopify#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/stylex-at-shopify"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Compass Box Crimson Cask https://www.compassboxwhisky.com/en-us/products/crimson-casks OpenClaw https://openclaw.ai/ TanStack https://tanstack.com/ SubQ https://subq.ai/ Ghostty https://ghostty.org/ GitHub https://github.com/ whiskey.fm https://whiskey.fm/openclaw-dark-factories-and-why-you-should-stop-cussing-at-your-agents youtube https://www.youtube.com/watch?v=41tmqyxYgb0 spotify https://open.spotify.com/episode/7bazznW4kfRfEw3b6jIh3f apple https://podcasts.apple.com/us/podcast/openclaw-dark-factories-and-why-you-should-stop/id1552776603?i=1000784844942 GitKraken https://www.gitkraken.com/lp/whiskeyfm Link https://nerdy.dev/www-ep252-openclaw-dark-factories-and-cussing-at-agents Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep252-openclaw-dark-factories-and-cussing-at-agents"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev whiskey.fm https://whiskey.fm/guppy-pimps-tripp-pants-and-debugging-ie5 youtube https://www.youtube.com/watch?v=AmEVXPFeO-w&t=5s spotify https://open.spotify.com/episode/1bCrpSk5tnqGQpkX2oE438 apple https://podcasts.apple.com/us/podcast/guppy-pimps-tripp-pants-and-debugging-ie5/id1552776603?i=1000783374524 GitKraken https://www.gitkraken.com/lp/whiskeyfm Link https://nerdy.dev/www-ep251-guppy-pimpin-in-trip-pants-while-debugging-ie5 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep251-guppy-pimpin-in-trip-pants-while-debugging-ie5"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Scotch Malt Whisky Society https://smwsa.com/ Join me? https://rwrd.io/ref_4VI2MXK Link https://nerdy.dev/scotch-malt-whisky-society-member Share a direct link to this post javascript: (() => { const url = window.location.origin + "/scotch-malt-whisky-society-member"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() WebSub https://en.wikipedia.org/wiki/WebSub Link https://nerdy.dev/websub Share a direct link to this post javascript: (() => { const url = window.location.origin + "/websub"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Jack (CEO of Patreon) https://www.youtube.com/@JackConteExtras Watch on YouTube https://www.youtube.com/watch?v=17_HcR95YBc Link https://nerdy.dev/creativity-on-the-internet-at-sxsw Share a direct link to this post javascript: (() => { const url = window.location.origin + "/creativity-on-the-internet-at-sxsw"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() "Contextualism" https://conffab.com/presentation/contextualism/?gl=IKgpmf0z8RLu CSS Day https://cssday.nl/ Conffab https://conffab.com/ Link https://nerdy.dev/contextualism-at-cssday-2026 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/contextualism-at-cssday-2026"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Open Chamber https://openchamber.dev Open Agents https://openagents.com Open Design https://open-design.ai Open Design HTML Video https://open-design.ai/html-video/ Open Montage https://github.com/calesthio/OpenMontage Open Props https://open-props.style/ Link https://nerdy.dev/2026-open-agentic-tools Share a direct link to this post javascript: (() => { const url = window.location.origin + "/2026-open-agentic-tools"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Scroll Axis Lock https://nerdy.dev/css-scroll-axis-lock 8 https://nerdy.dev/css-scroll-axis-lock#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-scroll-axis-lock"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Blogspot https://blogspot.com Ranting Devigner http://rantingdevigner.blogspot.com/ tech articles http://rantingdevigner.blogspot.com/2011/03/3-environmental-design-links.html design rants http://rantingdevigner.blogspot.com/2011/02/week-6-reading.html Link https://nerdy.dev/ranting-devigner 1 https://nerdy.dev/ranting-devigner#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/ranting-devigner"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Kevin Powell https://www.youtube.com/kevinpowell Prop For That https://prop-for-that.netlify.app Watch on YouTube https://www.youtube.com/watch?v=fG6ToJJ9x_Y Link https://nerdy.dev/kevin-powell-trying-out-prop-for-that 1 https://nerdy.dev/kevin-powell-trying-out-prop-for-that#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/kevin-powell-trying-out-prop-for-that"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() maximum value for a CSS length https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/platform/geometry/layout_unit.h;l=66;drc=23f5271fa18d22362f3c739c631ef83ac709a1c1 Bramus on Masto https://front-end.social/@bramus/117043307620167329 Link https://nerdy.dev/max-value-of-a-css-length-layout-unit 3 https://nerdy.dev/max-value-of-a-css-length-layout-unit#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/max-value-of-a-css-length-layout-unit"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Christina https://github.com/christina-de-martinez whiskey.fm https://whiskey.fm/silly-software-sugar-snap-peas-and-coding-in-gen-z-slang-w-christina-martinez youtube https://www.youtube.com/watch?v=UfUFYnY4u2Y spotify https://open.spotify.com/episode/65Lv5YYJVMiCxYmCrq0Xxv apple https://podcasts.apple.com/us/podcast/silly-software-sugar-snap-peas-and-coding-in-gen-z/id1552776603?i=1000779321860 Link https://nerdy.dev/www-ep250-with-christina-martinez 1 https://nerdy.dev/www-ep250-with-christina-martinez#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep250-with-christina-martinez"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Infinity Use Cases https://nerdy.dev/css-infinity-use-cases 17 https://nerdy.dev/css-infinity-use-cases#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-infinity-use-cases"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Joel https://joelhooks.com/ Pi https://pi.dev/ JoelClaw https://joelclaw.com/ whiskey.fm https://whiskey.fm/pi-extensions-yolo-mode-and-building-your-own-personal-claw-w-joel-hooks youtube https://www.youtube.com/watch?v=WvqcvfGqVPY spotify https://open.spotify.com/episode/0tdY7j7RprBQx2yCCDbllk apple https://podcasts.apple.com/us/podcast/pi-extensions-yolo-mode-and-building-your-own/id1552776603?i=1000777993502 Link https://nerdy.dev/www-ep249-with-joel-hooks Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep249-with-joel-hooks"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() 100 ways to center a div https://css-generators.com/center Temani Afif https://github.com/Afif13/ Link https://nerdy.dev/100-ways-to-center-a-div 1 https://nerdy.dev/100-ways-to-center-a-div#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/100-ways-to-center-a-div"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Jason Lengstorf https://jason.energy/ Kent C. Dodds https://kentcdodds.com/ Tanner Linsley https://tannerlinsley.com/about Francesco Ciulla https://francescociulla.com/ Robbie https://robbiethewagner.dev OpenClaw https://openclaw.ai/ SDD https://github.com/github/spec-kit/blob/main/spec-driven.md Prolog https://en.wikipedia.org/wiki/Prolog whiskey.fm https://whiskey.fm/dark-factories-polymorphic-ui-and-why-developers-still-matter youtube https://www.youtube.com/watch?v=ZZvZ4rl3p_o spotify https://open.spotify.com/episode/21GUwCvDA8zBvp1zjIMpZw apple https://podcasts.apple.com/us/podcast/dark-factories-polymorphic-ui-and-why-developers/id1552776603?i=1000774155984 GitKraken https://www.gitkraken.com/lp/whiskeyfm Clerk https://clerk.com/ Link https://nerdy.dev/www-ep248-live-at-React-Miami-with-guests-Jason-Lengstorf-and-Kent-C-Dodds-and-Tanner-Linsley-and-Francesco-Cuilla 4 https://nerdy.dev/www-ep248-live-at-React-Miami-with-guests-Jason-Lengstorf-and-Kent-C-Dodds-and-Tanner-Linsley-and-Francesco-Cuilla#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep248-live-at-React-Miami-with-guests-Jason-Lengstorf-and-Kent-C-Dodds-and-Tanner-Linsley-and-Francesco-Cuilla"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Ken Wheeler https://x.com/kenwheeler Robbie https://robbiethewagner.dev whiskey.fm https://whiskey.fm/proxies-petty-pranks-and-ramon-the-420-iq-gorilla-w-ken-wheeler youtube https://www.youtube.com/watch?v=HLRkh-dbFAk spotify https://open.spotify.com/episode/5iqgL3LWIlZgnBDgrmCodZ apple https://podcasts.apple.com/us/podcast/proxies-petty-pranks-and-ramon-the-420-iq-gorilla-w/id1552776603?i=1000773454709 Link https://nerdy.dev/www-ep247-live-at-React-Miami-with-Ken-Wheeler 5 https://nerdy.dev/www-ep247-live-at-React-Miami-with-Ken-Wheeler#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep247-live-at-React-Miami-with-Ken-Wheeler"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Prop For That https://nerdy.dev/prop-for-that 12 https://nerdy.dev/prop-for-that#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/prop-for-that"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Day 2026 https://cssday.nl/ Slides https://css-day-2026.netlify.app/ Prop For That https://prop-for-that.netlify.app/ Link https://nerdy.dev/contextualism-talk-at-CSS-Day-2026 6 https://nerdy.dev/contextualism-talk-at-CSS-Day-2026#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/contextualism-talk-at-CSS-Day-2026"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Michael "Micky" Shimeles (AKA Rasmic) https://www.rasmic.xyz/ Robbie https://robbiethewagner.dev whiskey.fm https://whiskey.fm/ai-harnesses-framework-wars-and-why-beards-beat-mustaches youtube https://www.youtube.com/watch?v=L2zkIlhvQAU spotify https://open.spotify.com/episode/5Jwu3ujFkjLHj0FBGBhnZo apple https://podcasts.apple.com/us/podcast/ai-harnesses-framework-wars-and-why-beards-beat-mustaches/id1552776603?i=1000772170169 Link https://nerdy.dev/www-ep246-ai-harnesses-framework-wars-and-why-beards-beat-mustaches Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep246-ai-harnesses-framework-wars-and-why-beards-beat-mustaches"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Day https://cssday.nl/ Link https://nerdy.dev/CSS-Day-2026 6 https://nerdy.dev/CSS-Day-2026#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/CSS-Day-2026"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() standard.site https://standard.site Link https://nerdy.dev/a-standard-site 2 https://nerdy.dev/a-standard-site#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-standard-site"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Typecraft https://typecraft.dev Robbie https://robbiethewagner.dev Typecraft https://x.com/typecraft_dev whiskey.fm https://whiskey.fm/from-cobol-to-claude-live-coding-ai-agents-and-the-death-of-typing-w-typecraft youtube https://www.youtube.com/watch?v=OVAYfEWB6D4 spotify https://open.spotify.com/episode/00CqYGI7Faa89rXcZz9qNb apple https://podcasts.apple.com/us/podcast/from-cobol-to-claude-live-coding-ai-agents-and-the/id1552776603?i=1000770433783 Link https://nerdy.dev/www-ep245-the-death-of-typing-with-typecraft-at-react-miami Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep245-the-death-of-typing-with-typecraft-at-react-miami"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev/ Cascadia JS https://cascadiajs.com/2026 Link https://nerdy.dev/time-to-MC-Cascadia-JS 11 https://nerdy.dev/time-to-MC-Cascadia-JS#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/time-to-MC-Cascadia-JS"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() I wished for this last year https://nerdy.dev/css-wishlist-2025#flex-wrap-balance headed to Chrome https://groups.google.com/a/chromium.org/g/blink-dev/c/Z8Rb8Q4W2jM/m/1swkEDvLBgAJ Link https://nerdy.dev/flex-wrap-balance 9 https://nerdy.dev/flex-wrap-balance#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/flex-wrap-balance"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() State of CSS 2026 https://survey.devographics.com/survey/state-of-css/2026 Link https://nerdy.dev/just-submitted-my-State-of-CSS-2026-survey Share a direct link to this post javascript: (() => { const url = window.location.origin + "/just-submitted-my-State-of-CSS-2026-survey"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() relative alpha https://drafts.csswg.org/css-color-5/#relative-alpha Link https://nerdy.dev/relative-alpha 9 https://nerdy.dev/relative-alpha#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/relative-alpha"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Seth Webster https://www.linkedin.com/in/swebster/ Robbie https://robbiethewagner.dev React Foundation https://www.linkedin.com/in/swebster/ Expo https://expo.dev/ React https://react.dev/ whiskey.fm https://whiskey.fm/react-foundation-ai-agents-and-the-future-of-frameworks-w-seth-webster youtube https://www.youtube.com/watch?v=LZa3GIpX4l4 spotify https://open.spotify.com/episode/5WXHOfBi3ZfGG0iwlMxAEh apple https://podcasts.apple.com/us/podcast/react-foundation-ai-agents-and-the-future-of/id1552776603?i=1000769655272 Link https://nerdy.dev/www-ep244-live-at-React-Miami-with-Seth-Webster 6 https://nerdy.dev/www-ep244-live-at-React-Miami-with-Seth-Webster#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep244-live-at-React-Miami-with-Seth-Webster"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Codepens http://codepen.io/ Stephen Shaw https://codepen.io/shshaw/ Robbie https://robbiethewagner.dev whiskey.fm https://whiskey.fm/keyframes-cash-and-codepen-w-shaw youtube https://www.youtube.com/watch?v=5aonoWgK7kQ spotify https://open.spotify.com/episode/0KFRnQ6FxS35jUatXGQBmh apple https://podcasts.apple.com/us/podcast/keyframes-cash-and-codepen-w-shaw/id1552776603?i=1000768788649 Link https://nerdy.dev/www-ep243-keyframes-cash-and-codepens-with-stephen-shaw 1 https://nerdy.dev/www-ep243-keyframes-cash-and-codepens-with-stephen-shaw#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep243-keyframes-cash-and-codepens-with-stephen-shaw"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() on the 🎙️ Overcommitted podcast https://overcommitted.dev/design-engineering-interviews-job-search-career-growth-with-adam-argyle/ Bethany https://github.com/bethanyj28 Brittany https://brittanyellich.com Erika https://github.com/eggyhead Link https://nerdy.dev/on-the-overcommitted-podcast-ep60 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/on-the-overcommitted-podcast-ep60"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() https://color-input.netlify.app/ HDR Color Picker https://www.figma.com/community/plugin/1619430800784494723/hdr-color-picker Link https://nerdy.dev/css-color-picker-now-available-as-a-figma-plugin 1 https://nerdy.dev/css-color-picker-now-available-as-a-figma-plugin#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-color-picker-now-available-as-a-figma-plugin"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() PodRocket https://podrocket.logrocket.com/ Why AI Sucks At Front End https://nerdy.dev/why-ai-sucks-at-front-end here https://youtu.be/ejJeQ7K7P2Q listen https://podcasts.apple.com/us/podcast/ai-still-sucks-at-frontend-with-adam-argyle/id1539945251?i=1000766615260 Link https://nerdy.dev/on-podrocket-about-why-ai-sucks-at-frontend Share a direct link to this post javascript: (() => { const url = window.location.origin + "/on-podrocket-about-why-ai-sucks-at-frontend"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Warp https://oz.dev whiskey.fm https://whiskey.fm/from-wetware-to-software-presented-by-warp youtube https://www.youtube.com/watch?v=d5nKgJz7Kek spotify https://open.spotify.com/episode/4oEspQ0cXPzxnlCDOWuKgn apple https://podcasts.apple.com/us/podcast/from-wetware-to-software-presented-by-warp/id1552776603?i=1000766580207 Link https://nerdy.dev/www-ep242-from-wetware-to-software Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep242-from-wetware-to-software"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Warp https://oz.dev whiskey.fm https://whiskey.fm/ai-cowgorithm-disrupts-the-herd-presented-by-warp youtube https://www.youtube.com/watch?v=dvgYrc7Qa_c spotify https://open.spotify.com/episode/33wZ69of5JZgekl2EAxcli apple https://podcasts.apple.com/us/podcast/ai-cowgorithm-disrupts-the-herd-presented-by-warp/id1552776603?i=1000761824952 Link https://nerdy.dev/www-ep241-axios-is-out-fetchium-is-in Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep241-axios-is-out-fetchium-is-in"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Recently In All Browsers https://nerdy.dev/CSS-recently-in-all-browsers 9 https://nerdy.dev/CSS-recently-in-all-browsers#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/CSS-recently-in-all-browsers"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() cozy games https://en.wikipedia.org/wiki/Cozy_game Link https://nerdy.dev/cozy-ux 15 https://nerdy.dev/cozy-ux#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/cozy-ux"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/cute-ass-whiskey-coaster Share a direct link to this post javascript: (() => { const url = window.location.origin + "/cute-ass-whiskey-coaster"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Warp https://oz.dev Autoresearch https://github.com/karpathy/autoresearch Cowgorithms https://www.komu.com/news/midmissourinews/mu-farm-embraces-new-technology-used-for-controlling-cattle/article_0d8ed7b5-ea8f-4cb6-9cee-98365a990afe.html Terminal tools https://cmux.com/ whiskey.fm https://whiskey.fm/ai-cowgorithm-disrupts-the-herd-presented-by-warp youtube https://www.youtube.com/watch?v=qmlnApb-XE0 spotify https://open.spotify.com/episode/7w6cYIV2Pif1ulsG2ZHLEz apple https://podcasts.apple.com/us/podcast/ai-cowgorithm-disrupts-the-herd-presented-by-warp/id1552776603?i=1000761824952 Link https://nerdy.dev/www-ep240-AI-cowgorithm-disrupts-the-herd 1 https://nerdy.dev/www-ep240-AI-cowgorithm-disrupts-the-herd#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep240-AI-cowgorithm-disrupts-the-herd"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Why AI Sucks At Front End https://nerdy.dev/why-ai-sucks-at-front-end 35 https://nerdy.dev/why-ai-sucks-at-front-end#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/why-ai-sucks-at-front-end"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Dave Rupert http://daverupert.com/ Chris Coyier https://chriscoyier.net/ whiskey.fm https://whiskey.fm/flogging-margins-with-the-dropcap-murphys youtube https://www.youtube.com/watch?v=64PypG4gh6U spotify https://open.spotify.com/episode/6SDM0A3qlQWFtQxXTLKY2s apple https://podcasts.apple.com/us/podcast/flogging-margins-with-the-dropcap-murphys/id1552776603?i=1000760416575 Link https://nerdy.dev/www-ep239-flogging-margins-with-the-dropcap-murphys Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep239-flogging-margins-with-the-dropcap-murphys"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() dash.deno.com https://dash.deno.com console.deno.com https://console.deno.com Fresh 2 https://fresh.deno.dev Link https://nerdy.dev/migration-to-fresh-2-and-denos-latest-console-complete 15 https://nerdy.dev/migration-to-fresh-2-and-denos-latest-console-complete#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/migration-to-fresh-2-and-denos-latest-console-complete"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Warp https://oz.dev/ Dark Factories https://www.danshapiro.com/blog/2026/01/the-five-levels-from-spicy-autocomplete-to-the-software-factory/ OpenClaw https://openclaw.ai/ Redwood Empire https://redwoodempirewhiskey.com/whiskey/pipe-dream-bourbon/ whiskey.fm https://whiskey.fm/nextjs-is-dead-long-live-nextjs-presented-by-warp youtube https://www.youtube.com/watch?v=GKGsvg9NOVg spotify https://open.spotify.com/episode/5alMvPgO8Uu1AGgPBrEKrL apple https://podcasts.apple.com/us/podcast/next-js-is-dead-long-live-next-js-presented-by-warp/id1552776603?i=1000758802193 Link https://nerdy.dev/www-ep238-nextjs-is-dead-long-live-nextjs-(presented-by-Warp) 18 https://nerdy.dev/www-ep238-nextjs-is-dead-long-live-nextjs-(presented-by-Warp)#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep238-nextjs-is-dead-long-live-nextjs-(presented-by-Warp)"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Leon Noel https://www.linkedin.com/in/leonnoel/ Danny Thompson https://www.linkedin.com/in/dthompsondev/ OpenClaw https://openclaw.ai/ Pokemon Go https://www.pokemongo.com/ whiskey.fm https://whiskey.fm/the-transactional-trap-how-97-of-developers-are-using-ai-wrong-w-leon-noel-danny-thompson youtube https://www.youtube.com/watch?v=HJG8xd8hJHI spotify https://open.spotify.com/episode/0sFGjayW1AtsvYXPaFBJUI apple https://podcasts.apple.com/us/podcast/the-transactional-trap-how-97-of-developers-are-using/id1552776603?i=1000757444483 Link https://nerdy.dev/www-ep237-using-AI-wrong-with-Leon-Noel-and-Danny-Thompson 2 https://nerdy.dev/www-ep237-using-AI-wrong-with-Leon-Noel-and-Danny-Thompson#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep237-using-AI-wrong-with-Leon-Noel-and-Danny-Thompson"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Try the latest concept https://deploy-preview-50--color-input.netlify.app/api/ comment on GitHub if you may. https://github.com/argyleink/css-color-component/pull/50 Link https://nerdy.dev/rfc-latest-color-input-concept 15 https://nerdy.dev/rfc-latest-color-input-concept#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/rfc-latest-color-input-concept"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/4-seconds-faster Share a direct link to this post javascript: (() => { const url = window.location.origin + "/4-seconds-faster"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Warp https://oz.dev/ Robbie https://robbiethewagner.dev Amelia Wattenberger https://wattenberger.com/ specs https://github.com/github/spec-kit/blob/main/spec-driven.md Intent https://www.augmentcode.com/product/intent Rubber duck debugging https://rubberduckdebugging.com/ Claude https://code.claude.com/docs/en/overview whiskey https://whiskeyjypsi.com/ whiskey.fm https://whiskey.fm/the-manager-has-become-the-managed-presented-by-warp youtube https://www.youtube.com/watch?v=adxq2ONj2TU spotify https://open.spotify.com/episode/2zfigw4DzSJXzTQKUEz8TO apple https://podcasts.apple.com/us/podcast/the-manager-has-become-the-managed-presented-by-warp/id1552776603?i=1000756096986 Link https://nerdy.dev/www-ep236-the-manager-has-become-the-managed-(presented-by-Warp) Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep236-the-manager-has-become-the-managed-(presented-by-Warp)"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Day 2025 https://cssday.nl/2025 youtube.com/watch?v=vPb7d28RFNE https://www.youtube.com/watch?v=vPb7d28RFNE here https://nerdy.dev/cssday-2025 Link https://nerdy.dev/everything-you-need-to-know-about-customizing-scroll-ux-with-CSS-from-css-day-2025 5 https://nerdy.dev/everything-you-need-to-know-about-customizing-scroll-ux-with-CSS-from-css-day-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/everything-you-need-to-know-about-customizing-scroll-ux-with-CSS-from-css-day-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() ShopTalk Show https://shoptalkshow.com/ Twitch https://www.twitch.tv/whiskeywebandwhatnot YouTube https://www.youtube.com/@WhiskeyWebAndWhatnot/featured Link https://nerdy.dev/st-paddys-day-with-shoptalk-show 1 https://nerdy.dev/st-paddys-day-with-shoptalk-show#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/st-paddys-day-with-shoptalk-show"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Warp https://oz.dev/ Robbie https://robbiethewagner.dev OpenClaw https://openclaw.ai/ whiskey.fm https://whiskey.fm/hot-pockets-pro-max-presented-by-warp youtube https://www.youtube.com/watch?v=_yiwlSeYA3k spotify https://open.spotify.com/episode/6PYeZ47VMLG4U7vDmorqjR apple https://podcasts.apple.com/us/podcast/hot-pockets-pro-max-presented-by-warp/id1552776603?i=1000754785070 Link https://nerdy.dev/hot-pockets-pro-max 2 https://nerdy.dev/hot-pockets-pro-max#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/hot-pockets-pro-max"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() View Transitions can swoop‽ https://nerdy.dev/swoop-there-it-is 18 https://nerdy.dev/swoop-there-it-is#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/swoop-there-it-is"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Zach Lloyd https://www.linkedin.com/in/zachlloyd/ Warp https://app.warp.dev/referral/7QVE8L Robbie https://robbiethewagner.dev Oz http://oz.dev/ whiskey.fm https://whiskey.fm/pay-no-attention-to-the-llm-behind-the-terminal-w-zach-lloyd youtube https://www.youtube.com/watch?v=KNL-HCAXP9k spotify https://open.spotify.com/episode/1bf2WlHzDC83CUXtsQ63tQ apple https://podcasts.apple.com/us/podcast/pay-no-attention-to-the-llm-behind-the-terminal-w-zach-lloyd/id1552776603?i=1000753182962 Link https://nerdy.dev/www-ep234-pay-no-attention-to-the-LLM-behind-the-terminal-with-zach-lloyd-of-warp 2 https://nerdy.dev/www-ep234-pay-no-attention-to-the-LLM-behind-the-terminal-with-zach-lloyd-of-warp#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep234-pay-no-attention-to-the-LLM-behind-the-terminal-with-zach-lloyd-of-warp"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Shopify https://www.shopify.com/ Beer tracker https://beer-dashboard-aa.netlify.app Whiskey tracker https://whiskey-dashboard-aa.netlify.app My own guitar songbood https://guitar-tabs-aa.netlify.app/ My own banjo songbook https://banjo-songbook.netlify.app Birthday tracker https://birthday-tracker-aa.netlify.app Link https://nerdy.dev/things-openclaw-is-making-me 3 https://nerdy.dev/things-openclaw-is-making-me#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/things-openclaw-is-making-me"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() My OpenClaw Token Dashboard https://nerdy.dev/openclaw-token-dashboard 10 https://nerdy.dev/openclaw-token-dashboard#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/openclaw-token-dashboard"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() scroll-driven https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations Triangles https://codepen.io/argyleink/pen/gbwbzpR Atomic https://codepen.io/argyleink/pen/xbEbRBz Squares https://codepen.io/argyleink/pen/EagaZbG Orbits https://codepen.io/argyleink/pen/yyayVZb billboarding https://nintendo.fandom.com/wiki/Billboarding trig functions https://web.dev/articles/css-trig-functions Link https://nerdy.dev/css-scroll-driven-gyro-trig-experiments 4 https://nerdy.dev/css-scroll-driven-gyro-trig-experiments#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-scroll-driven-gyro-trig-experiments"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev OpenClaw https://openclaw.ai/ Pi https://pi.dev/ whiskey.fm https://whiskey.fm/humans-are-now-legacy-dependencies youtube https://www.youtube.com/watch?v=8zX-nEOvGsg spotify https://open.spotify.com/episode/461kLUh1GCtzN2cQCBpE5i apple https://podcasts.apple.com/us/podcast/humans-are-now-legacy-dependencies/id1552776603?i=1000751715501 Link https://nerdy.dev/www-ep233-humans-are-now-legacy-dependencies 3 https://nerdy.dev/www-ep233-humans-are-now-legacy-dependencies#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep233-humans-are-now-legacy-dependencies"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() whiskey.fm https://whiskey.fm/we-fired-the-tools-no-ralph-wiggum-no-training-wheels-just-agents youtube https://www.youtube.com/watch?v=Y5vjSm425ZY spotify https://open.spotify.com/episode/4MBToGg9DnN4I6SpKpA9r5 apple https://podcasts.apple.com/us/podcast/we-fired-the-tools-no-ralph-wiggum-no-training-wheels/id1552776603?i=1000750453717 Link https://nerdy.dev/www-ep232-no-ralph-wiggum-no-training-wheels-just-agents Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep232-no-ralph-wiggum-no-training-wheels-just-agents"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev whiskey.fm https://whiskey.fm/we-stopped-coding-by-hand-because-agentic-ai-is-too-good youtube https://www.youtube.com/watch?v=jFRQTVyOjxw spotify https://open.spotify.com/episode/535r22n9tg8ngxuHaipW3D apple https://podcasts.apple.com/us/podcast/we-stopped-coding-by-hand-because-agentic-ai-is-too-good/id1552776603?i=1000749400329 Link https://nerdy.dev/www-231-we-stopped-coding-by-hand 2 https://nerdy.dev/www-231-we-stopped-coding-by-hand#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-231-we-stopped-coding-by-hand"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Codepen 2.0 https://codepen.io/beta Notebook https://nerdy.dev/notebook Color Picker https://nerdy.dev/notebook/color-picker.html Server analytics https://pirsch.io/ref/KLV1e2zdGw Link https://nerdy.dev/site-updates-feb-2026 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/site-updates-feb-2026"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() codepen https://codepen.io/argyleink/pen/MYeqYEb Link https://nerdy.dev/scaley-mask-image-hover 18 https://nerdy.dev/scaley-mask-image-hover#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/scaley-mask-image-hover"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev whiskey.fm https://whiskey.fm/we-accidentally-deleted-programming-presented-by-coderabbit youtube https://www.youtube.com/watch?v=9w_5Pstg1zk spotify https://open.spotify.com/episode/26nuPJwftZKwMzi00p95sz apple https://podcasts.apple.com/us/podcast/we-accidentally-deleted-programming-presented-by-coderabbit/id1552776603?i=1000748337252 Link https://nerdy.dev/www-ep230-we-accidentally-deleted-programming 2 https://nerdy.dev/www-ep230-we-accidentally-deleted-programming#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep230-we-accidentally-deleted-programming"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Nice Select https://nerdy.dev/nice-select 26 https://nerdy.dev/nice-select#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/nice-select"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Syntax https://syntax.fm/ March madCSS https://www.madcss.com/ Link https://nerdy.dev/march-madCSS.md 1 https://nerdy.dev/march-madCSS.md#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/march-madCSS.md"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev whiskey.fm https://whiskey.fm/is-ai-just-stealing-with-extra-steps-presented-by-coderabbit youtube https://www.youtube.com/watch?v=i9Ra1J3NbYo spotify https://open.spotify.com/episode/0K0bTlTs690yMo6JFZJbJp apple https://podcasts.apple.com/us/podcast/is-ai-just-stealing-with-extra-steps-presented-by/id1552776603?i=1000747148623 Link https://nerdy.dev/www-ep229-is-AI-just-stealing-with-extra-steps 1 https://nerdy.dev/www-ep229-is-AI-just-stealing-with-extra-steps#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep229-is-AI-just-stealing-with-extra-steps"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() WhiskeyFM Collections https://whiskey.fm/collections Link https://nerdy.dev/whiskeyfm-collections Share a direct link to this post javascript: (() => { const url = window.location.origin + "/whiskeyfm-collections"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/prompt-in-logical-properties 1 https://nerdy.dev/prompt-in-logical-properties#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/prompt-in-logical-properties"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Anchor Interpolated Morph (AIM) https://nerdy.dev/anchor-interpolated-morphing 9 https://nerdy.dev/anchor-interpolated-morphing#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/anchor-interpolated-morphing"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Firefox https://www.firefox.com/en-US/channel/desktop/ ~45 ready to go https://github.com/argyleink/open-props/blob/main/src/props.media.css the spec https://drafts.csswg.org/mediaqueries-5/#at-ruledef-custom-media visit MDN https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@custom-media Link https://nerdy.dev/custom-media 11 https://nerdy.dev/custom-media#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/custom-media"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Whiskey Web and Whatnot https://whiskey.fm/ whiskey.fm https://whiskey.fm/santaexe-presented-by-coderabbit youtube https://youtu.be/uv-SC4gJCY8?si=gY8EX3cEwLhpCDfz spotify https://open.spotify.com/episode/0qttXIrlVBJ2dq73dcY4xF?si=EFp3b8LmQRWa8uLOAgRHdA apple https://podcasts.apple.com/us/podcast/santa-exe-presented-by-coderabbit/id1552776603?i=1000746179395 Link https://nerdy.dev/www-ep228-Santa-exe 4 https://nerdy.dev/www-ep228-Santa-exe#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep228-Santa-exe"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Chrome 145 joins WebKit and Firefox in supporting overscroll effects on nested scrollers https://developer.chrome.com/blog/chrome-145-beta#overscroll_effect_on_non-root_scrollers Link https://nerdy.dev/overscroll-effects-on-nested-scrollers-in-all-browsers 6 https://nerdy.dev/overscroll-effects-on-nested-scrollers-in-all-browsers#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/overscroll-effects-on-nested-scrollers-in-all-browsers"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Will Johnson https://x.com/willjohnsonio whiskey.fm https://whiskey.fm/mcp-security-framework-fatigue-and-ai-agents-with-will-johnson-presented-by-coderabbit youtube https://www.youtube.com/watch?v=5VywCqfxwZ0 spotify https://open.spotify.com/episode/0EKUxVCmqhGtHsuq6Aycg7 apple https://podcasts.apple.com/us/podcast/mcp-security-framework-fatigue-and-ai-agents-with/id1552776603?i=1000745262233 Link https://nerdy.dev/www-ep227-ai-and-oath-with-will-johnson Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep227-ai-and-oath-with-will-johnson"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev whiskey.fm https://whiskey.fm/a-very-merry-descent-into-holiday-madness youtube https://www.youtube.com/watch?v=j11abI1NQX4 spotify https://open.spotify.com/episode/5hJwEpzYS29aXoGAHGYK0W apple https://podcasts.apple.com/us/podcast/a-very-merry-descent-into-holiday-madness/id1552776603?i=1000744973876 Link https://nerdy.dev/www-ep226-a-very-merry-descent-into-holiday-madness 1 https://nerdy.dev/www-ep226-a-very-merry-descent-into-holiday-madness#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep226-a-very-merry-descent-into-holiday-madness"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() 4 CSS Features Every Front-End Developer Should Know In 2026 https://nerdy.dev/4-css-features-every-front-end-developer-should-know-in-2026 10 https://nerdy.dev/4-css-features-every-front-end-developer-should-know-in-2026#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/4-css-features-every-front-end-developer-should-know-in-2026"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev whiskey.fm https://whiskey.fm/soc-2-in-the-streets-spaghetti-in-the-sheets youtube https://www.youtube.com/watch?v=iHL6vtfRstc spotify https://open.spotify.com/episode/4eWpGLkpkyuQgPH2oEwVTl apple https://podcasts.apple.com/us/podcast/soc-2-in-the-streets-spaghetti-in-the-sheets/id1552776603?i=1000743394572 Link https://nerdy.dev/www-ep225-SOC-2-in-the-streets Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep225-SOC-2-in-the-streets"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Games Of December 2025 https://nerdy.dev/games-of-december-2025 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/games-of-december-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/ios-vs-android-in-2025 11 https://nerdy.dev/ios-vs-android-in-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/ios-vs-android-in-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() whiskey.fm https://whiskey.fm/spooky-scary-css youtube https://www.youtube.com/watch?v=onzQE8R9C6k spotify https://open.spotify.com/episode/0mxhnlJCs9G9VTsfLpPmQ9 apple https://podcasts.apple.com/us/podcast/spooky-scary-css/id1552776603?i=1000742671779 Link https://nerdy.dev/www-ep224-spooky-scary-css Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep224-spooky-scary-css"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() whiskey.fm https://whiskey.fm/the-piano-man-of-state-machines-w-david-k-piano youtube https://www.youtube.com/watch?v=JdaSITbCYEM spotify https://open.spotify.com/episode/7MdvYzPQI88bYDDdMCnlfh apple https://podcasts.apple.com/us/podcast/the-piano-man-of-state-machines-w-david-k-piano/id1552776603?i=1000741801075 Link https://nerdy.dev/www-ep223-with-david-k-piano Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep223-with-david-k-piano"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() gradient.style https://gradient.style Link https://nerdy.dev/bring-the-color 6 https://nerdy.dev/bring-the-color#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bring-the-color"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() 5 WebGL Tools of 2025 https://nerdy.dev/the-year-of-webgl-tools 1 https://nerdy.dev/the-year-of-webgl-tools#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-year-of-webgl-tools"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Custom Media Feature Flags https://nerdy.dev/custom-media-feature-flags 1 https://nerdy.dev/custom-media-feature-flags#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/custom-media-feature-flags"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Codepen https://codepen.io/argyleink/pen/gbrBVJG CSSWG https://github.com/w3c/csswg-drafts/issues/2528 Explainer https://github.com/explainers-by-googlers/css-fit-text/blob/main/README.md Prior Art https://kizu.dev/fit-to-width/ Link https://nerdy.dev/css-text-grow 26 https://nerdy.dev/css-text-grow#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-text-grow"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Yash Raj https://yashrajbharti.github.io/Design-Portfolio/ Victor Sanchez https://www.linkedin.com/in/victorsanchezbelmar/?locale=en_US Watch it on YouTube https://www.youtube.com/watch?v=6fGBgUAl7Hw Link https://nerdy.dev/on-the-UX-show Share a direct link to this post javascript: (() => { const url = window.location.origin + "/on-the-UX-show"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Using CSS to fix the irradiation illusion https://nerdy.dev/adjust-perceived-typepace-weight-for-dark-mode-without-layout-shift 6 https://nerdy.dev/adjust-perceived-typepace-weight-for-dark-mode-without-layout-shift#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/adjust-perceived-typepace-weight-for-dark-mode-without-layout-shift"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() MIDI Meets CSS https://www.youtube.com/watch?v=PMx-i0UuC5Q Link https://nerdy.dev/midi-meets-css-at-beyond-tellerrand 5 https://nerdy.dev/midi-meets-css-at-beyond-tellerrand#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/midi-meets-css-at-beyond-tellerrand"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Capture → Adapt → Code https://nerdy.dev/capture-adapt-code Share a direct link to this post javascript: (() => { const url = window.location.origin + "/capture-adapt-code"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Check it out on Codepen https://codepen.io/argyleink/pen/PwNEYPK caniuse https://caniuse.com/wf-corner-shape Link https://nerdy.dev/superellipsed-pill-shapes-are-cool 12 https://nerdy.dev/superellipsed-pill-shapes-are-cool#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/superellipsed-pill-shapes-are-cool"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() An Update On My Involvement In Standards https://nerdy.dev/update-on-my-involvement-in-standards 13 https://nerdy.dev/update-on-my-involvement-in-standards#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/update-on-my-involvement-in-standards"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Midi Meets CSS https://beyondtellerrand.com/events/berlin-2025/speakers/adam-argyle K.O. II https://teenage.engineering/guides/ep-133 BTconf https://beyondtellerrand.com/events/berlin-2025 day 2 https://beyondtellerrand.com/events/berlin-2025/schedule/friday Link https://nerdy.dev/beyond-tellerrand-talk-done Share a direct link to this post javascript: (() => { const url = window.location.origin + "/beyond-tellerrand-talk-done"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() General Musings https://www.youtube.com/@GeneralMusings Kevin Powell https://www.youtube.com/@kevinpowell Audio https://zencastr.com/z/KHLM-Zlu Video https://www.youtube.com/watch?v=JLdh9VU7YPk Link https://nerdy.dev/on-general-musings-with-kevin-powell-about-interviewing-for-frontend-roles-in-2025 2 https://nerdy.dev/on-general-musings-with-kevin-powell-about-interviewing-for-frontend-roles-in-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/on-general-musings-with-kevin-powell-about-interviewing-for-frontend-roles-in-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Web elements know about the user, device, variables, layout and more https://nerdy.dev/components-can-know 14 https://nerdy.dev/components-can-know#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/components-can-know"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() All Things Open https://2025.allthingsopen.org/ Robbie https://robbiethewagner.dev Jason Lengstorf https://jason.energy/ Shruti Kapoor https://shrutikapoor.dev whiskey.fm https://whiskey.fm/why-open-source-might-be-your-best-career-move-w-shruti-kapoor youtube https://www.youtube.com/watch?v=oBArhAARXGM spotify https://open.spotify.com/episode/2Rwk5rUjh048anetBIL5P7 apple https://podcasts.apple.com/us/podcast/why-open-source-might-be-your-best-career-move-w-shruti/id1552776603?i=1000734175704 Link https://nerdy.dev/www-ep216-with-shruti-kapoor-about-why-open-source-might-be-your-best-career-move 1 https://nerdy.dev/www-ep216-with-shruti-kapoor-about-why-open-source-might-be-your-best-career-move#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep216-with-shruti-kapoor-about-why-open-source-might-be-your-best-career-move"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Beyond Tellerrand https://beyondtellerrand.com/events/berlin-2025 Midi Meets CSS https://beyondtellerrand.com/events/berlin-2025/speakers/adam-argyle Be there https://beyondtellerrand.com/events/berlin-2025/tickets Link https://nerdy.dev/beyond-tellerrand-2025 5 https://nerdy.dev/beyond-tellerrand-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/beyond-tellerrand-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Naman Goel https://nmn.sh/ StyleX https://stylexjs.com/ whiskey.fm https://whiskey.fm/rust-is-overrated-w-naman-goel youtube https://www.youtube.com/watch?v=oEr-JnGMe3Y spotify https://open.spotify.com/episode/2QwerpffnDVj3UfkS5EnDS apple https://podcasts.apple.com/us/podcast/rust-is-overrated-w-naman-goel/id1552776603?i=1000733100323 Link https://nerdy.dev/www-ep215-rust-is-overrated-with-naman-goel 1 https://nerdy.dev/www-ep215-rust-is-overrated-with-naman-goel#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep215-rust-is-overrated-with-naman-goel"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Chuck https://github.com/chuckcarpenter whiskey.fm https://whiskey.fm/npm-worms-rubygems-coups-trust-issues-in-open-source youtube https://www.youtube.com/watch?v=UZ5uaTtSqkA spotify https://open.spotify.com/episode/4eSLySpc5uoFm4YCciFwIN apple https://podcasts.apple.com/us/podcast/npm-worms-rubygems-coups-trust-issues-in-open-source/id1552776603?i=1000732103864 Link https://nerdy.dev/www-ep214-npm-worms-&-rubygem-coups Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep214-npm-worms-&-rubygem-coups"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() closedBy=any https://nerdy.dev/closedby-any 10 https://nerdy.dev/closedby-any#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/closedby-any"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() watch my talk https://www.youtube.com/watch?v=QW6GECIzvsw CascadiaJS https://cascadiajs.com/2025 3 weeks ago https://nerdy.dev/cascadiajs-2025-talk Watch on YouTube https://www.youtube.com/watch?v=QW6GECIzvsw Link https://nerdy.dev/oops-css-got-away-from-me-send-halp-at-cascadiajs-2025 3 https://nerdy.dev/oops-css-got-away-from-me-send-halp-at-cascadiajs-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/oops-css-got-away-from-me-send-halp-at-cascadiajs-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Kevin Powell https://www.kevinpowell.co/ whiskey.fm https://whiskey.fm/is-css-a-programming-language-w-kevin-powell youtube https://www.youtube.com/watch?v=fagY4_cUdSQ spotify https://open.spotify.com/episode/6PKGYmn8pMNsbprkkKGo4e apple https://podcasts.apple.com/us/podcast/is-css-a-programming-language-w-kevin-powell/id1552776603?i=1000730950886 Link https://nerdy.dev/www-ep213-with-kevin-powell 3 https://nerdy.dev/www-ep213-with-kevin-powell#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep213-with-kevin-powell"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Feed https://bsky.app/profile/nerdy.dev/feed/css-feed Link https://nerdy.dev/css-bluesky-feed 13 https://nerdy.dev/css-bluesky-feed#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-bluesky-feed"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Warp https://app.warp.dev/referral/7QVE8L Link https://nerdy.dev/try-warp 1 https://nerdy.dev/try-warp#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/try-warp"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() PodRocket https://www.youtube.com/playlist?list=PL8FM85_-SXvupF7t1ldACoyIa2EHDalWJ Kevin Powell https://www.kevinpowell.co/ Paige https://www.paigeniedringhaus.com/ Watch https://www.youtube.com/watch?v=x_XMqcI-GS8 Listen https://open.spotify.com/episode/2THW9F9P9A805lEy2hhOYc Link https://nerdy.dev/on-log-rocket-with-kevin-and-paige Share a direct link to this post javascript: (() => { const url = window.location.origin + "/on-log-rocket-with-kevin-and-paige"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Dave Rupert https://daverupert.com whiskey.fm https://whiskey.fm/talkshop-show-w-macho-man-randy-standards youtube https://www.youtube.com/watch?v=R15mWOB4MH0 spotify https://open.spotify.com/episode/5WsfiALuQ6hRU46StSBmJP apple https://podcasts.apple.com/us/podcast/talkshop-show-w-macho-man-randy-standards/id1552776603?i=1000729691108 Link https://nerdy.dev/www-ep212-with-dave-rupert 2 https://nerdy.dev/www-ep212-with-dave-rupert#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep212-with-dave-rupert"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Bramus https://www.bram.us/ rad snippet https://www.bram.us/2025/09/30/css-custom-light-dark/ CSS function https://www.bram.us/2025/02/09/css-custom-functions-teaser/ Link https://nerdy.dev/a-rad-function-to-be-excited-about Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-rad-function-to-be-excited-about"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Front-End Fire https://front-end-fire.com website https://front-end-fire.com/episodes/115/ youtube https://www.youtube.com/watch?v=9UZalK6jvP4 spotify https://open.spotify.com/episode/16M4z34pftesHPYewYWVrT apple https://podcasts.apple.com/us/podcast/adam-argyle-on-cracking-the-2025-web-dev-interview/id1700169000?i=1000729059569 Link https://nerdy.dev/getting-a-frontend-job-in-2025-on-frontend-fire Share a direct link to this post javascript: (() => { const url = window.location.origin + "/getting-a-frontend-job-in-2025-on-frontend-fire"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Simple version https://codepen.io/argyleink/pen/gbPPpoX Trig version https://codepen.io/argyleink/pen/ogbbXZx Link https://nerdy.dev/sticky-gradient-transitions 1 https://nerdy.dev/sticky-gradient-transitions#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/sticky-gradient-transitions"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() clip-path: shape() https://developer.mozilla.org/en-US/docs/Web/CSS/basic-shape/shape corner-shape: squircle https://developer.mozilla.org/en-US/docs/Web/CSS/corner-shape Vote for corner-shape in Interop 2026 https://github.com/web-platform-tests/interop/issues/1048 this little GUI https://codepen.io/ZoranJambor/pen/xbZxbaR Zoran https://www.youtube.com/@CSSWeekly Try on Codepen https://codepen.io/argyleink/pen/zxGyJgm Link https://nerdy.dev/squircles 1 https://nerdy.dev/squircles#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/squircles"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Chuck https://x.com/CharlesWthe3rd Warp https://www.warp.dev/ whiskey.fm https://whiskey.fm/agents-of-chaos-whiskey-experiments-and-the-future-of-ides youtube https://www.youtube.com/watch?v=prubSndTIIM spotify https://open.spotify.com/episode/6r8o41F4ZhKyPhLSXsr5eq apple https://podcasts.apple.com/us/podcast/agents-of-chaos-whiskey-experiments-and-the-future-of-ides/id1552776603?i=1000728352299 Link https://nerdy.dev/www-ep211 3 https://nerdy.dev/www-ep211#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep211"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Vite https://vite.dev/ Link https://nerdy.dev/just-vite-it 1 https://nerdy.dev/just-vite-it#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/just-vite-it"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Scroll To Bloom https://codepen.io/argyleink/full/wBMvNaN animation-timeline: view() https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline/view :nth-of-type(An + B) https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type @keyframes https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes Link https://nerdy.dev/scroll-to-bloom Share a direct link to this post javascript: (() => { const url = window.location.origin + "/scroll-to-bloom"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Lerosh https://lerosh.pic-time.com/portfolio CascadiaJS https://cascadiajs.com/2025 Link https://nerdy.dev/karaoke-at-cascadiajs Share a direct link to this post javascript: (() => { const url = window.location.origin + "/karaoke-at-cascadiajs"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() My talk https://cascadiajs.com/2025/talks/oops-css-got-away-from-me-send-halp CascadiaJS https://cascadiajs.com/2025 cascadiajs-2025.netlify.app https://cascadiajs-2025.netlify.app Link https://nerdy.dev/cascadiajs-2025-talk Share a direct link to this post javascript: (() => { const url = window.location.origin + "/cascadiajs-2025-talk"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Ali Diamond https://x.com/endingwithali Robbie https://robbiethewagner.dev Chuck https://x.com/CharlesWthe3rd Ali Diamond https://x.com/endingwithali whiskey.fm https://whiskey.fm/devrel-linux-and-the-shrinking-path-for-junior-developers-w-ali-diamond youtube https://www.youtube.com/watch?v=3grMZuZWfk8 spotify https://open.spotify.com/episode/0JVJwxY6WBKIf6Ec9XXkTb apple https://podcasts.apple.com/us/podcast/devrel-linux-and-the-shrinking-path-for-junior/id1552776603?i=1000727305057 Link https://nerdy.dev/www-ep210 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep210"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Shopify https://www.shopify.com/editions/summer2025 Jason Miller https://x.com/_developit Polaris https://polaris-react.shopify.com CSSWG https://www.w3.org/groups/wg/css/ Link https://nerdy.dev/joining-shopify 56 https://nerdy.dev/joining-shopify#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/joining-shopify"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/twitter-integrated-again Share a direct link to this post javascript: (() => { const url = window.location.origin + "/twitter-integrated-again"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Robbie https://robbiethewagner.dev Cracker Barrel’s rebrand https://www.crackerbarrel.com/allthemore whiskey.fm https://whiskey.fm/is-cracker-barrel-a-js-framework youtube https://www.youtube.com/watch?v=IxQpEZmVb1Q spotify https://open.spotify.com/show/19jiuHAqzeKnkleQUpZxDf apple https://podcasts.apple.com/us/podcast/is-cracker-barrel-a-js-framework/id1552776603?i=1000726091007 Link https://nerdy.dev/www-ep209 2 https://nerdy.dev/www-ep209#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep209"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() One List To Rule Them All https://nerdy.dev/cascading-secret-sauce 22 https://nerdy.dev/cascading-secret-sauce#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/cascading-secret-sauce"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Keyframe Offsets https://nerdy.dev/keyframe-offsets 1 https://nerdy.dev/keyframe-offsets#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/keyframe-offsets"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Whiskey Web and Whatnot https://whiskey.fm/ Robbie https://robbiethewagner.dev CascadiaJS https://nerdy.dev/css-at-cascadiajs-2025 Shopify https://www.shopify.com/editions/summer2025 whiskey.fm https://whiskey.fm/dial-up-is-dead-long-live-adam-argyle youtube https://www.youtube.com/watch?v=7nMpNaZURbs spotify https://open.spotify.com/episode/0I9FuEOOa9xPnZ8WAVus73 apple https://podcasts.apple.com/us/podcast/dial-up-is-dead-long-live-adam-argyle/id1552776603?i=1000724890281 Link https://nerdy.dev/www-ep208 10 https://nerdy.dev/www-ep208#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/www-ep208"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() gradient.style https://gradient.style Open Sourced https://github.com/argyleink/gradient-style Link https://nerdy.dev/gradient.style-is-out-of-beta 12 https://nerdy.dev/gradient.style-is-out-of-beta#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/gradient.style-is-out-of-beta"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() The Making of gradient.style https://nerdy.dev/the-making-of-gradient.style 2 https://nerdy.dev/the-making-of-gradient.style#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-making-of-gradient.style"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() DevTools FM https://devtools.fm/ Andrew https://github.com/hipstersmoothie Justin https://github.com/Zephraph Listen https://open.spotify.com/show/142I2b9HGjWhRgPXhOYUnN Watch https://www.youtube.com/watch?v=jF2eVe75eVQ Subscribe https://www.devtools.fm/episode/151 Link https://nerdy.dev/devtools-fm-151 1 https://nerdy.dev/devtools-fm-151#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/devtools-fm-151"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CascadiaJS 2025 https://nerdy.dev/css-at-cascadiajs-2025 6 https://nerdy.dev/css-at-cascadiajs-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-at-cascadiajs-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Why I'm Leaving Design https://www.suffsyed.com/futurememo/why-im-leaving-design Link https://nerdy.dev/systems-and-users 1 https://nerdy.dev/systems-and-users#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/systems-and-users"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() VisBug was built into a browser! https://nerdy.dev/orion-ships-with-visbug-as-the-design-tools 1 https://nerdy.dev/orion-ships-with-visbug-as-the-design-tools#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/orion-ships-with-visbug-as-the-design-tools"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() LLM chat prototype https://nerdy.dev/llm-chat-prototype 3 https://nerdy.dev/llm-chat-prototype#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/llm-chat-prototype"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() The Working Draft https://workingdraft.de/ Schepp https://workingdraft.de/schepp/ Vanessa https://workingdraft.de/vanessa/ Listen https://open.spotify.com/show/78iH7cIFzu1ejoB6aQUsIh Watch https://www.youtube.com/watch?v=P6hX8kPGpcU Subscribe https://workingdraft.de/672/ Link https://nerdy.dev/working-draft-show-revision-672 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/working-draft-show-revision-672"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/sizzle-rizzle 11 https://nerdy.dev/sizzle-rizzle#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/sizzle-rizzle"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Father's Day https://en.wikipedia.org/wiki/Father%27s_Day parentNode https://developer.mozilla.org/en-US/docs/Web/API/Node/parentNode Link https://nerdy.dev/fathers-day-2025 1 https://nerdy.dev/fathers-day-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/fathers-day-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Nintendo Switch Homescreen recreated with CSS and a li'l bit of JS https://nerdy.dev/nintendo-switch-homescreen-css-recreation 9 https://nerdy.dev/nintendo-switch-homescreen-css-recreation#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/nintendo-switch-homescreen-css-recreation"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Day http://cssday.nl/ making beautiful scroll experiences https://nerdy.dev/cssday-2025 Link https://nerdy.dev/css-day-2025-speaker-pics Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-day-2025-speaker-pics"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() reduced transparency https://developer.chrome.com/blog/css-prefers-reduced-transparency A card with a caption https://codepen.io/argyleink/full/YzBKBaR Adaptive frosted glass https://codepen.io/argyleink/full/qBmJyvv Link https://nerdy.dev/prefers-reduced-transparency Share a direct link to this post javascript: (() => { const url = window.location.origin + "/prefers-reduced-transparency"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Speaking https://cssday.nl/speakers.html#adam The Slides https://css-day-2025.argyleink.deno.net Codepen Collection https://codepen.io/collection/JYdmwr Link https://nerdy.dev/cssday-2025 7 https://nerdy.dev/cssday-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/cssday-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Day https://cssday.nl Link https://nerdy.dev/off-to-css-day-2025 10 https://nerdy.dev/off-to-css-day-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/off-to-css-day-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Mt. Rainier https://en.wikipedia.org/wiki/Mount_Rainier double C https://benjiflaming.com/banjo-stuff/solo-banjo-tunings/double-c Sally in the Garden https://www.youtube.com/watch?v=UKt9Z38yCvA Darlin' Cori https://www.youtube.com/watch?v=Ea9GzQ7331w Fly Away https://www.youtube.com/watch?v=QN0_nOBUGCU Zelda's Lullaby https://www.youtube.com/watch?v=BxIpGnGNT4g 30 Turkeys https://www.youtube.com/watch?v=aht8ywI8v6g Smoke https://www.youtube.com/watch?v=eLauF1i27OE Mario Overworld Theme https://www.youtube.com/watch?v=tAaGKo4XVvM Link https://nerdy.dev/mt-rainier-boat-banjo 8 https://nerdy.dev/mt-rainier-boat-banjo#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/mt-rainier-boat-banjo"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() 3 Unintuitive CSS Layout “Solutions” https://nerdy.dev/3-unintuitive-layout-solutions 2 https://nerdy.dev/3-unintuitive-layout-solutions#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/3-unintuitive-layout-solutions"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Tag, I'm It https://nerdy.dev/blogging-about-blogging 2 https://nerdy.dev/blogging-about-blogging#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/blogging-about-blogging"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() WebDev Challenge - S2E2 https://nerdy.dev/webdev-challenge-s2e2 4 https://nerdy.dev/webdev-challenge-s2e2#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/webdev-challenge-s2e2"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/details Try this one! https://codepen.io/argyleink/pen/MYYpVjJ Link https://nerdy.dev/nice-details 14 https://nerdy.dev/nice-details#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/nice-details"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Garden Leave https://en.wikipedia.org/wiki/Garden_leave brutalist garden on Codepen https://codepen.io/argyleink/pen/QwwdjJq Link https://nerdy.dev/zen-garden-leave 4 https://nerdy.dev/zen-garden-leave#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/zen-garden-leave"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/bye-cloudinary 5 https://nerdy.dev/bye-cloudinary#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bye-cloudinary"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() G̶o̶o̶g̶l̶e̶r̶… ex-Googler. https://nerdy.dev/ex-googler 311 https://nerdy.dev/ex-googler#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/ex-googler"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() ::scroll-button() https://drafts.csswg.org/css-overflow-5/#scroll-buttons ::scroll-marker https://drafts.csswg.org/css-overflow-5/#scroll-markers Carousel Configurator https://chrome.dev/carousel-configurator/ Carousel Gallery https://chrome.dev/carousel/ Chris https://chriscoyier.net Dave https://daverupert.com ShopTalk Show https://shoptalkshow.com Watch https://www.youtube.com/watch?v=YhN177ixoJk Listen https://shoptalkshow.com/659/ Read https://developer.chrome.com/blog/carousels-with-css Link https://nerdy.dev/carousels-on-shoptalk 3 https://nerdy.dev/carousels-on-shoptalk#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/carousels-on-shoptalk"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Can We Do That on YouTube https://www.youtube.com/watch?v=we2wmGKDyhY&list=PLxQqv_fazRs1VlMEbqC0Jlw6VFd97UpT2&index=3 Smashing Meets CSS https://smashingconf.com/meets-modern-css/speakers/adam-argyle/ Link https://nerdy.dev/css-can-do-that-at-smashing-meets 2 https://nerdy.dev/css-can-do-that-at-smashing-meets#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-can-do-that-at-smashing-meets"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Mixins are ready for experimentation! https://nerdy.dev/css-mixins-ready-for-experimentation 33 https://nerdy.dev/css-mixins-ready-for-experimentation#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-mixins-ready-for-experimentation"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() The element can now be customized with CSS https://developer.chrome.com/blog/a-customizable-select Chrome Blog https://developer.chrome.com/blog/ Link https://nerdy.dev/customize-a-select 32 https://nerdy.dev/customize-a-select#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/customize-a-select"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() announced how CSS can make carousels https://developer.chrome.com/blog/carousels-with-css Chrome Blog https://developer.chrome.com/blog/ CSS Carousel Configurator https://chrome.dev/carousel-configurator/ CSS Carousel Gallery https://chrome.dev/carousel/ Link https://nerdy.dev/css-carousel-in-chrome-135 30 https://nerdy.dev/css-carousel-in-chrome-135#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-carousel-in-chrome-135"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() hue longer https://developer.chrome.com/docs/css-ui/access-colors-spaces#control_interpolation blur() https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/blur this Codepen https://codepen.io/argyleink/pen/zxYWPxr Link https://nerdy.dev/rainbow-shadow-button 17 https://nerdy.dev/rainbow-shadow-button#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/rainbow-shadow-button"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Google IO https://io.google/2025/ Link https://nerdy.dev/google-io-2025 2 https://nerdy.dev/google-io-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/google-io-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() me https://smashingconf.com/meets-modern-css/speakers/adam-argyle Julia https://smashingconf.com/meets-modern-css/speakers/julia-miocene/ Miriam https://smashingconf.com/meets-modern-css/speakers/miriam-suzanne/ Geoff https://smashingconf.com/meets-modern-css/speakers/geoff-graham Smashing Meets CSS https://smashingconf.com/meets-modern-css Link https://nerdy.dev/smashing-meets-css-2025 2 https://nerdy.dev/smashing-meets-css-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/smashing-meets-css-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Let the stagger experiments begin https://nerdy.dev/sibling-index 15 https://nerdy.dev/sibling-index#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/sibling-index"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() View Transitions https://developer.chrome.com/docs/web-platform/view-transitions perspective https://developer.mozilla.org/en-US/docs/Web/CSS/perspective Link https://nerdy.dev/view-transitions-3d-perspective 2 https://nerdy.dev/view-transitions-3d-perspective#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/view-transitions-3d-perspective"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Kaleidoscopes https://nerdy.dev/css-kaleidoscopes 1 https://nerdy.dev/css-kaleidoscopes#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-kaleidoscopes"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() An Emoji Naming Convention https://nerdy.dev/css-emoji-convention 15 https://nerdy.dev/css-emoji-convention#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-emoji-convention"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() anchor https://developer.mozilla.org/en-US/docs/Web/CSS/anchor anchoreum.com https://anchoreum.com Link https://nerdy.dev/anchoreum Share a direct link to this post javascript: (() => { const url = window.location.origin + "/anchoreum"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/39-today Share a direct link to this post javascript: (() => { const url = window.location.origin + "/39-today"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() scroll driven animations notebook https://nerdy.dev/notebook/scroll-driven-animations.html Link https://nerdy.dev/scroll-driven-animations-notebook 17 https://nerdy.dev/scroll-driven-animations-notebook#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/scroll-driven-animations-notebook"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/new-footer-went-big Share a direct link to this post javascript: (() => { const url = window.location.origin + "/new-footer-went-big"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() 404 page https://nerdy.dev/the-404-page VisBug https://chromewebstore.google.com/detail/visbug/cdockenadnadldjbbgcallicgledbeoc Link https://nerdy.dev/new-404-page Share a direct link to this post javascript: (() => { const url = window.location.origin + "/new-404-page"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Lane Wagner https://x.com/wagslane boot.dev https://www.boot.dev/ Backend Banter FM https://www.backendbanter.fm/ badatcss.com https://badatcss.com youtube https://www.youtube.com/watch?v=UgBUlaMaM28 spotify https://open.spotify.com/episode/6KY19rcsp783fXDrdsiCxK Link https://nerdy.dev/bad-at-css-with-lane-wagner Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bad-at-css-with-lane-wagner"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() 6 CSS Snippets Every Front-End Developer Should Know In 2025 https://nerdy.dev/6-css-snippets-every-front-end-developer-should-know-in-2025 13 https://nerdy.dev/6-css-snippets-every-front-end-developer-should-know-in-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/6-css-snippets-every-front-end-developer-should-know-in-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Chrome 133 https://developer.chrome.com/blog/chrome-133-beta Try it https://codepen.io/argyleink/pen/qEWyZgx Bramus http://bram.us Chrome Developers https://developer.chrome.com/blog/advanced-attr Link https://nerdy.dev/advanced-attr 8 https://nerdy.dev/advanced-attr#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/advanced-attr"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() developer.chrome.com/blog/css-scroll-state-queries https://developer.chrome.com/blog/css-scroll-state-queries Link https://nerdy.dev/scroll-state-container-queries 10 https://nerdy.dev/scroll-state-container-queries#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/scroll-state-container-queries"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Pure CSS Scroll Spy Table of Contents https://www.youtube.com/watch?v=kOwLG3Nc5eM Kevin Pow()ell https://www.youtube.com/@KevinPowell CSS Wrapped 2024 https://chrome.dev/css-wrapped-2024 Link https://nerdy.dev/pure-css-scroll-spy-table-of-contents Share a direct link to this post javascript: (() => { const url = window.location.origin + "/pure-css-scroll-spy-table-of-contents"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Open Props UI https://nerdy.dev/open-props-ui 4 https://nerdy.dev/open-props-ui#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/open-props-ui"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() https://developer.chrome.com/blog/css-text-box-trim https://developer.chrome.com/blog/css-text-box-trim my text-box prediction https://nerdy.dev/text-box-ftw this interactive notebook https://nerdy.dev/notebook/text-box.html Link https://nerdy.dev/text-box-trim 13 https://nerdy.dev/text-box-trim#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/text-box-trim"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Introducing The Nerdy Notebook https://nerdy.dev/nerdy-notebook 5 https://nerdy.dev/nerdy-notebook#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/nerdy-notebook"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() :hover > :not(:hover), sorry not sorry https://nerdy.dev/hover-not-hover-sorry-not-sorry 9 https://nerdy.dev/hover-not-hover-sorry-not-sorry#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/hover-not-hover-sorry-not-sorry"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Watch https://www.youtube.com/watch?v=rE-qmyPHHGw Listen https://open.spotify.com/episode/4JeMX4LXlFgzEW4vO96ihj General Musings https://www.youtube.com/@GeneralMusings Kevin Powell https://bsky.app/profile/kevinpowell.co Link https://nerdy.dev/nerding-out-with-kevin-powell 3 https://nerdy.dev/nerding-out-with-kevin-powell#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/nerding-out-with-kevin-powell"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() make it in CSS https://codepen.io/argyleink/pen/ByBdYyJ Link https://nerdy.dev/repeating-linear-gradient-text 6 https://nerdy.dev/repeating-linear-gradient-text#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/repeating-linear-gradient-text"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() the recipe https://codepen.io/argyleink/pen/vEBmZNw Link https://nerdy.dev/animated-gradient-text 15 https://nerdy.dev/animated-gradient-text#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/animated-gradient-text"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() 5 CSS snippets every front-end developer should know in 2024 https://web.dev/articles/5-css-snippets-every-front-end-developer-should-know-in-2024 web.dev https://web.dev 6
snippet 2023 edition https://web.dev/articles/6-css-snippets-every-front-end-developer-should-know-in-2023 Link https://nerdy.dev/5-css-snippets-every-front-end-developer-should-know-in-2024 7 https://nerdy.dev/5-css-snippets-every-front-end-developer-should-know-in-2024#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/5-css-snippets-every-front-end-developer-should-know-in-2024"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() A powerful container query https://nerdy.dev/carousel-adaptive-anchor-positioning-with-calc-in-a-container-query 7 https://nerdy.dev/carousel-adaptive-anchor-positioning-with-calc-in-a-container-query#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/carousel-adaptive-anchor-positioning-with-calc-in-a-container-query"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() 28 years https://www.w3.org/press-releases/1996/css1-rec/ Link https://nerdy.dev/28-years-of-css Share a direct link to this post javascript: (() => { const url = window.location.origin + "/28-years-of-css"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Wishlist 2025 https://nerdy.dev/css-wishlist-2025 17 https://nerdy.dev/css-wishlist-2025#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-wishlist-2025"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() AI https://aitestkitchen.withgoogle.com/tools/image-fx Link https://nerdy.dev/a-rescued-cookie-party Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-rescued-cookie-party"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() kerntype https://type.method.ac Mark MacKay https://method.ac Link https://nerdy.dev/can-you-kern 9 https://nerdy.dev/can-you-kern#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/can-you-kern"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Wrapped 2024 https://nerdy.dev/css-wrapped-2024 4 https://nerdy.dev/css-wrapped-2024#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-wrapped-2024"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/7-years-at-google 21 https://nerdy.dev/7-years-at-google#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/7-years-at-google"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() gradient.style https://gradient.style Check it out‽ https://gradient.style/#type=radial&space=lch&interpolation=shorter&radial_shape=circle&radial_position=%7B%22x%22%3A0%2C%22y%22%3A0%7D&radial_named_position=top+left&radial_size=farthest-corner&stops=%7B%22kind%22%3A%22stop%22%2C%22color%22%3A%22color%28display-p3+25%25+25%25+100%25%29%22%2C%22auto%22%3A0%2C%22position1%22%3A0%2C%22position2%22%3A0%7D&stops=%7B%22kind%22%3A%22hint%22%2C%22auto%22%3A50%2C%22percentage%22%3A50%7D&stops=%7B%22kind%22%3A%22stop%22%2C%22color%22%3A%22color%28display-p3+100%25+85%25+30%25%29%22%2C%22auto%22%3A100%2C%22position1%22%3A100%2C%22position2%22%3A100%7D Link https://nerdy.dev/gradient-tool-now-exporting-custom-properties Share a direct link to this post javascript: (() => { const url = window.location.origin + "/gradient-tool-now-exporting-custom-properties"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() November games we're playin https://nerdy.dev/november-2024-games 13 https://nerdy.dev/november-2024-games#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/november-2024-games"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Have a dialog https://nerdy.dev/have-a-dialog 32 https://nerdy.dev/have-a-dialog#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/have-a-dialog"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Video https://www.youtube.com/watch?v=oXSFwix7eR8 Code https://github.com/google/io-connect-2024-ui-workshop Link https://nerdy.dev/i-put-a-workshop-on-chrome-developers-youtube 6 https://nerdy.dev/i-put-a-workshop-on-chrome-developers-youtube#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/i-put-a-workshop-on-chrome-developers-youtube"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() A CSS Logo Hatches! https://nerdy.dev/a-community-css-logo 13 https://nerdy.dev/a-community-css-logo#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-community-css-logo"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() an author page https://developer.chrome.com/authors/adam-argyle developer.chrome.com https://developer.chrome.com Link https://nerdy.dev/author-page-at-chrome-developers-blog Share a direct link to this post javascript: (() => { const url = window.location.origin + "/author-page-at-chrome-developers-blog"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/new-feature-grouped-list-timeline Share a direct link to this post javascript: (() => { const url = window.location.origin + "/new-feature-grouped-list-timeline"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/matching-aspects Share a direct link to this post javascript: (() => { const url = window.location.origin + "/matching-aspects"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() A keyframe combo trick https://nerdy.dev/combining-onload-keyframes-with-scroll-driven-animation 2 https://nerdy.dev/combining-onload-keyframes-with-scroll-driven-animation#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/combining-onload-keyframes-with-scroll-driven-animation"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() @scope https://developer.chrome.com/docs/css-ui/at-scope donut scoping https://www.stubbornella.org/2011/10/08/scope-donuts/ Nicole https://bsky.app/profile/nicolesullivan.bsky.social interactivity: inert; https://github.com/w3c/csswg-drafts/issues/10711 Try it on Codepen https://codepen.io/argyleink/pen/YzmJXvP Canary https://www.google.com/chrome/canary/ web experiments enabled chrome://flags/#enable-experimental-web-platform-features Link https://nerdy.dev/donut-inertness 4 https://nerdy.dev/donut-inertness#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/donut-inertness"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() David https://twitter.com/_davideast Robbie https://twitter.com/RobbieTheWagner Chuck https://twitter.com/CharlesWthe3rd Whiskey.fm https://whiskey.fm Front-end Adventures with Bad at CSS https://whiskey.fm/front-end-adventures-with-bad-at-css-david-east-and-adam-argyle Link https://nerdy.dev/bad-at-css-on-whiskey-fm Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bad-at-css-on-whiskey-fm"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/halloween-2024 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/halloween-2024"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Amazing CSS in 2024 at DevFest Nantes https://nerdy.dev/amazing-css-in-2024 3 https://nerdy.dev/amazing-css-in-2024#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/amazing-css-in-2024"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Species in Pieces http://species-in-pieces.com Bryan James https://visuals.brybry.co making of post https://www.smashingmagazine.com/2015/06/the-making-of-in-pieces/ Smashing Magazine https://www.smashingmagazine.com Link https://nerdy.dev/species-in-pieces 2 https://nerdy.dev/species-in-pieces#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/species-in-pieces"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS snaps https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll_snap Demo https://codepen.io/argyleink/pen/BaXZOpB JS Snap API https://developer.chrome.com/blog/scroll-snap-events Link https://nerdy.dev/snap-on-snap 3 https://nerdy.dev/snap-on-snap#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/snap-on-snap"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Headless, boneless, skinless & lifeless UI https://nerdy.dev/headless-boneless-and-skinless-ui 2 https://nerdy.dev/headless-boneless-and-skinless-ui#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/headless-boneless-and-skinless-ui"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Why isn't my `position-try-fallback` working in small spaces? https://nerdy.dev/why-isnt-my-position-try-fallback-working-in-small-spaces 2 https://nerdy.dev/why-isnt-my-position-try-fallback-working-in-small-spaces#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/why-isnt-my-position-try-fallback-working-in-small-spaces"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Nantes, France https://maps.app.goo.gl/DWagVKafRkTX529Y8 DevFest https://devfest2024.gdgnantes.com/ my https://devfest2024.gdgnantes.com/en/speakers/adam_argyle/ Amazing CSS in 2024 https://devfest2024.gdgnantes.com/en/sessions/amazing_css_in_2024/ 🩸🩸🩸 Slides 🩸🩸🩸 https://argyle-at-devfest-2024.netlify.app Link https://nerdy.dev/devfest-in-nantes 1 https://nerdy.dev/devfest-in-nantes#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/devfest-in-nantes"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im Watch https://www.youtube.com/watch?v=Muq77ugijJQ&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/091-season-5-wrap-up Link https://nerdy.dev/the-css-podcast-season-5-wrap Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-season-5-wrap"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Bramus https://bram.us/ web.dev/blog/at-property-performance https://web.dev/blog/at-property-performance Link https://nerdy.dev/benchmarking-custom-properties Share a direct link to this post javascript: (() => { const url = window.location.origin + "/benchmarking-custom-properties"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Over The Garden Wall https://www.imdb.com/title/tt3718778/ trailer https://www.youtube.com/watch?v=36mAsVSH_-s Link https://nerdy.dev/time-for-over-the-garden-wall Share a direct link to this post javascript: (() => { const url = window.location.origin + "/time-for-over-the-garden-wall"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im Bramus https://www.bram.us scroll-driven animation https://developer.chrome.com/docs/css-ui/scroll-driven-animations Bramus' YouTube Series https://www.youtube.com/watch?v=5noL_qFobm0 scroll-driven-animations.style https://scroll-driven-animations.style/ Watch https://www.youtube.com/watch?v=RExNBDj7vPQ&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/090-scroll-driven-animations Link https://nerdy.dev/the-css-podcast-on-scroll-driven-animation 1 https://nerdy.dev/the-css-podcast-on-scroll-driven-animation#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-on-scroll-driven-animation"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Open & Close Transitions with https://nerdy.dev/open-and-close-transitions-for-the-details-element 10 https://nerdy.dev/open-and-close-transitions-for-the-details-element#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/open-and-close-transitions-for-the-details-element"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS interpolate-size to the rescue https://nerdy.dev/interpolate-size 9 https://nerdy.dev/interpolate-size#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/interpolate-size"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() https://developer.mozilla.org/docs/Web/HTML/Element/dialog [popover] https://developer.mozilla.org/docs/Web/HTML/Global_attributes/popover animated radial gradient box shadow https://codepen.io/argyleink/pen/abezozz Link https://nerdy.dev/animated-radial-gradient-box-shadow-effect 1 https://nerdy.dev/animated-radial-gradient-box-shadow-effect#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/animated-radial-gradient-box-shadow-effect"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() A functional CSS concept https://nerdy.dev/functional-css-concept 6 https://nerdy.dev/functional-css-concept#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/functional-css-concept"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Video: "Why Is CSS So Weird?" https://www.youtube.com/watch?v=aHUtMbJw8iA Miriam Suzanne https://www.miriamsuzanne.com/ a blog post https://hacks.mozilla.org/2019/10/why-is-css-so-weird/ Link https://nerdy.dev/css-is-weird Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-is-weird"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Brad Frost https://bradfrost.com/ on YouTube https://www.youtube.com/watch?v=5PfQNSxn0vs blog https://bradfrost.com/blog/post/the-already-here-future-of-prototyping/ Cursor https://www.cursor.com/ Claude https://claude.ai/ Cursor https://www.cursor.com Open Props https://open-props.style/ Link https://nerdy.dev/the-already-here-future-of-prototyping-by-brad-frost Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-already-here-future-of-prototyping-by-brad-frost"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im Bramus https://www.bram.us view transitions https://developer.chrome.com/docs/web-platform/view-transitions Watch https://www.youtube.com/watch?v=xBEvOh9jlis&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/website/category/089-view-transitions Link https://nerdy.dev/the-css-podcast-on-view-transitions 1 https://nerdy.dev/the-css-podcast-on-view-transitions#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-on-view-transitions"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Custom boilerplate + transitions https://nerdy.dev/custom-select-with-transitions-boilerplate 7 https://nerdy.dev/custom-select-with-transitions-boilerplate#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/custom-select-with-transitions-boilerplate"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() clip-path transition https://transition.style/ view transition https://developer.chrome.com/docs/web-platform/view-transitions Try it https://cdpn.io/pen/debug/NWZZPLZ View Source https://codepen.io/argyleink/pen/NWZZPLZ Link https://nerdy.dev/light-dark-view-transition-with-clip-path 1 https://nerdy.dev/light-dark-view-transition-with-clip-path#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/light-dark-view-transition-with-clip-path"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Two indie games we're hackin on in the house https://nerdy.dev/a-couple-fun-indies Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-couple-fun-indies"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Artem Pendiurin https://www.linkedin.com/in/ertema/ ErSketch https://www.patreon.com/ersketch/ SmashingConf visual notes https://www.patreon.com/collection/756182 my talk https://smashing-freiburg-2024.netlify.app/ Link https://nerdy.dev/ersketch-draws-rad-notes Share a direct link to this post javascript: (() => { const url = window.location.origin + "/ersketch-draws-rad-notes"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im/ State Queries https://drafts.csswg.org/css-conditional-5/scroll_state_explainer CSSWG here https://github.com/w3c/csswg-drafts/issues/5979 here https://github.com/w3c/csswg-drafts/issues/6402 Watch https://www.youtube.com/watch?v=PZSd2llGFW0&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/088-state-queries Show Notes https://thecsspodcast.libsyn.com/088-state-queries Link https://nerdy.dev/the-css-podcast-on-state-queries Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-on-state-queries"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Matthias Ott https://matthiasott.com Web Design Engineering With the New CSS https://www.youtube.com/watch?v=su6WA0kUUJE CSS Day 2024 https://cssday.nl/2024 badatcss.com https://badatcss.com youtube https://www.youtube.com/watch?v=zSK76r1zEFc spotify https://open.spotify.com/episode/0gmDLfm9EvwN02nQdxQqQT Link https://nerdy.dev/bad-at-css-with-matthias-ott 3 https://nerdy.dev/bad-at-css-with-matthias-ott#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bad-at-css-with-matthias-ott"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() My "Tik Talk" https://smashing-freiburg-2024.netlify.app Smashing Conf https://smashingconf.com/freiburg-2024 Link https://nerdy.dev/freiburg-css-renaissance 5 https://nerdy.dev/freiburg-css-renaissance#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/freiburg-css-renaissance"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Freiburg https://de.wikipedia.org/wiki/Freiburg_im_Breisgau Smashing Conf https://smashingconf.com/freiburg-2024/ mystery https://smashingconf.com/freiburg-2024/speakers Link https://nerdy.dev/smashing-conf-freiburg 2 https://nerdy.dev/smashing-conf-freiburg#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/smashing-conf-freiburg"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() light-dark() https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark border-image https://www.smashingmagazine.com/2024/01/css-border-image-property/ Try it on Codepen https://codepen.io/argyleink/pen/wvQNPgm Link https://nerdy.dev/adaptive-scrim 1 https://nerdy.dev/adaptive-scrim#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/adaptive-scrim"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() The Over-Easy Machine https://www.youtube.com/watch?v=ASb9vO3ARHo&list=PLNYkxOF6rcIDCWoS_GSIwA24gZcwtLCZj&index=5 anchor() https://developer.mozilla.org/en-US/docs/Web/CSS/anchor keyword alignment https://anchor-tool.com/ popover https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover Basic https://codepen.io/argyleink/pen/oNrywEx?editors=1100 Author Cards https://codepen.io/argyleink/pen/xxozrJw Animated Popover https://codepen.io/argyleink/pen/mdZXzxW Chrome Developers https://www.youtube.com/watch?v=ASb9vO3ARHo&list=PLNYkxOF6rcIDCWoS_GSIwA24gZcwtLCZj&index=5 Link https://nerdy.dev/the-over-easy-mini-web-machine 8 https://nerdy.dev/the-over-easy-mini-web-machine#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-over-easy-mini-web-machine"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Estelle Weyl https://github.com/estelle/estelle Eric Meyer https://meyerweb.com/eric/ CSS The Definitive Guide 5th Edition https://www.oreilly.com/library/view/css-the-definitive/9781098117603/ badatcss.com https://badatcss.com youtube https://www.youtube.com/watch?v=GuAM6dNeJCQ spotify https://open.spotify.com/episode/1JDWAq8WSujgPPnrAl2IwP Link https://nerdy.dev/bad-at-css-the-definitive-guide-edition-with-estelle-and-eric 1 https://nerdy.dev/bad-at-css-the-definitive-guide-edition-with-estelle-and-eric#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bad-at-css-the-definitive-guide-edition-with-estelle-and-eric"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() demo 1 https://codepen.io/argyleink/pen/wvboZdY demo 2 https://codepen.io/argyleink/pen/wvberMj demo 3 https://codepen.io/argyleink/pen/wvLmmyQ Link https://nerdy.dev/text-box-ftw 9 https://nerdy.dev/text-box-ftw#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/text-box-ftw"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS functions in the works https://nerdy.dev/css-values-5-is-lookin-hot 3 https://nerdy.dev/css-values-5-is-lookin-hot#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-values-5-is-lookin-hot"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im Wes Bos https://wesbos.com Scott Tolinkski https://tolin.ski SyntaxFM https://syntax.fm/ the CSS4 and CSS5 RFC https://github.com/CSS-Next/css-next/discussions/92 Chrome Canary https://www.google.com/chrome/canary/ Youtube https://www.youtube.com/watch?v=lNbHrjIuwxc Spotify https://open.spotify.com/episode/43fQyo9snJgeH4IRHwG6Pu Link https://nerdy.dev/CSS4-and-CSS5-with-Una-and-SyntaxFM Share a direct link to this post javascript: (() => { const url = window.location.origin + "/CSS4-and-CSS5-with-Una-and-SyntaxFM"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im/ anchor() https://developer.chrome.com/blog/anchor-positioning-api Watch https://www.youtube.com/watch?v=Q54qVpbUEe0&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/087-anchor-positioning Link https://nerdy.dev/the-css-podcast-on-anchor-positioning Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-on-anchor-positioning"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CloseWatcher API https://logaretm.com/blog/fix-your-annoying-popups-with-the-closewatcher-api/ Abdelrahman Awad https://logaretm.com Link https://nerdy.dev/the-closewatcher-api Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-closewatcher-api"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Page and Component Adaptive Light/Dark https://nerdy.dev/page-and-component-light-dark-strategies 9 https://nerdy.dev/page-and-component-light-dark-strategies#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/page-and-component-light-dark-strategies"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Get yours https://webbed-briefs.teemill.com/product/css-is-for-girls-tee/ Link https://nerdy.dev/css-is-for-girls-and-exceptionally-smart-boys Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-is-for-girls-and-exceptionally-smart-boys"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Frostapalooza https://frostapalooza.com/ "Kiss My CSS" shirt here https://webbed-briefs.teemill.com/product/kiss-my-css-tee/ Link https://nerdy.dev/frostapalooza-was-so-rad 2 https://nerdy.dev/frostapalooza-was-so-rad#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/frostapalooza-was-so-rad"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Take the survey! https://survey.devographics.com/survey/state-of-css/2024 Link https://nerdy.dev/take-the-state-of-css-survey 3 https://nerdy.dev/take-the-state-of-css-survey#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/take-the-state-of-css-survey"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Scroll Snap https://developer.mozilla.org/docs/Web/CSS/CSS_scroll_snap Scroll Driven Animation https://scroll-driven-animations.style/ try it!? https://codepen.io/argyleink/pen/MWMQJQy Link https://nerdy.dev/container-query-carousel-with-scroll-driven-animation 8 https://nerdy.dev/container-query-carousel-with-scroll-driven-animation#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/container-query-carousel-with-scroll-driven-animation"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() try it!? https://codepen.io/argyleink/pen/ZEdrzJZ Link https://nerdy.dev/zoom-scroll Share a direct link to this post javascript: (() => { const url = window.location.origin + "/zoom-scroll"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() scrollSnapChange https://developer.chrome.com/blog/scroll-snap-events scrollSnapChanging https://developer.chrome.com/blog/scroll-snap-events Snap Event Visualizer https://codepen.io/argyleink/full/pomYMpB Link https://nerdy.dev/scroll-snap-events-in-chrome-129 2 https://nerdy.dev/scroll-snap-events-in-chrome-129#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/scroll-snap-events-in-chrome-129"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Day 2024 https://cssday.nl/2024 CSS Day 2024 YouTube Playlist https://www.youtube.com/playlist?list=PLjnstNlepBvO0-I7iwqpkOY_fwAop6Pl- badatcss.com https://badatcss.com youtube https://www.youtube.com/watch?v=4q8vaapHC1A spotify https://open.spotify.com/show/5vtb28Q1QNzgv07v9LzpGp Link https://nerdy.dev/14-css-talks-in-1-hour Share a direct link to this post javascript: (() => { const url = window.location.origin + "/14-css-talks-in-1-hour"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Lane Wagner https://x.com/wagslane Backend Banter https://podcasters.spotify.com/pod/show/backend-banter-fm/episodes/066---CSS-Is-The-Hardest-Programming-Language-e2n26ab youtube https://www.youtube.com/@bootdotdev spotify https://open.spotify.com/show/35trT95UkRVCkEb6tXndpF Link https://nerdy.dev/css-is-the-hardest-programming-language Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-is-the-hardest-programming-language"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Join me https://ioconnectchina.googlecnapps.cn/intl/en_cn/ a workshop https://github.com/google/io-connect-2024-ui-workshop Link https://nerdy.dev/google-io-connect-2024-in-beijing-china Share a direct link to this post javascript: (() => { const url = window.location.origin + "/google-io-connect-2024-in-beijing-china"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im/ linear() https://developer.chrome.com/docs/css-ui/css-linear-easing-function tools for generating them https://linear-easing-generator.netlify.app/ libraries that can make adoption nice and easy https://open-props.style/#easing Watch https://www.youtube.com/watch?v=AnQlPSgfqDY&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/085-linear-easing-function-fun Link https://nerdy.dev/the-css-podcast-on-linear-easing Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-on-linear-easing"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Pop n' Lock https://www.youtube.com/watch?v=f3N-6MzK8Z0&list=PLNYkxOF6rcIDCWoS_GSIwA24gZcwtLCZj https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog top-layer https://developer.mozilla.org/en-US/docs/Glossary/Top_layer transition-behavior https://developer.mozilla.org/en-US/docs/Web/CSS/transition-behavior overlay https://developer.mozilla.org/en-US/docs/Web/CSS/overlay Chrome Developers https://www.youtube.com/watch?v=6qpEOBkDr88 Link https://nerdy.dev/pop-n-lock-dialog-mini-web-machine 3 https://nerdy.dev/pop-n-lock-dialog-mini-web-machine#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/pop-n-lock-dialog-mini-web-machine"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/dialogs-are-on-top-of-it 1 https://nerdy.dev/dialogs-are-on-top-of-it#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/dialogs-are-on-top-of-it"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im/ text-wrap https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap Watch https://www.youtube.com/watch?v=KBmXV2nd9aw&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/084-text-wrap Link https://nerdy.dev/the-css-podcast-on-text-wrap Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-on-text-wrap"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Jason https://www.learnwithjason.dev Watch on YouTube https://youtube.com/watch?v=sTdIXt82NLo Link https://nerdy.dev/jason-and-adam-install-it 4 https://nerdy.dev/jason-and-adam-install-it#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/jason-and-adam-install-it"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Lakitu https://www.mariowiki.com/Lakitu Link https://nerdy.dev/lakitu Share a direct link to this post javascript: (() => { const url = window.location.origin + "/lakitu"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im/ episode 61 about :has() https://thecsspodcast.libsyn.com/061-has Watch https://www.youtube.com/watch?v=UmDgK3OpuZc&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/083-has-tips-and-tricks Link https://nerdy.dev/css-podcast-has-tips-and-tricks Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-podcast-has-tips-and-tricks"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Day 2024 https://cssday.nl/2024 Rachel Andrew https://rachelandrew.co.uk/ Layout and Reading Order https://www.youtube.com/watch?v=X6azWrtHS-k Matthias Ott https://matthiasott.com/ Web Design Engineering With The New CSS https://www.youtube.com/watch?v=su6WA0kUUJE Link https://nerdy.dev/css-day-2024-videos-are-releasing-weekly Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-day-2024-videos-are-releasing-weekly"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS motion blur https://github.com/w3c/csswg-drafts/issues/3837 Link https://nerdy.dev/css-motion-blur 3 https://nerdy.dev/css-motion-blur#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-motion-blur"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im/ Watch https://www.youtube.com/watch?v=H3bEyrv0RmU&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/082-whats-new-in-color-color-functions Link https://nerdy.dev/the-css-podcast-whats-new-in-color Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-whats-new-in-color"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Watch me https://x.com/argyleink/status/1806087745569505294 scroll snap event visualizer https://codepen.io/argyleink/pen/pomYMpB #enable-experimental-web-platform-features chrome://flags/#enable-experimental-web-platform-features Link https://nerdy.dev/preview-scrollSnapChange-and-scrollSnapChanging-js-events Share a direct link to this post javascript: (() => { const url = window.location.origin + "/preview-scrollSnapChange-and-scrollSnapChanging-js-events"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im/ Watch https://www.youtube.com/watch?v=zq9qiA8m-E0&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/081-trigonometric-functions Link https://nerdy.dev/the-css-podcast-trig-for-the-UI-eng Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-trig-for-the-UI-eng"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() David East https://twitter.com/_davideast badatcss.com https://badatcss.com youtube https://www.youtube.com/watch?v=Vm_vzyZYG54 spotify https://open.spotify.com/episode/7Dv6vg79Mzw65ilTZ21nrJ Link https://nerdy.dev/bad-at-css-time-wasters-disguised-as-time-savers Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bad-at-css-time-wasters-disguised-as-time-savers"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() 9 rad tools in tabs I'm trackin https://nerdy.dev/tools-in-tabs-2024-edition 1 https://nerdy.dev/tools-in-tabs-2024-edition#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/tools-in-tabs-2024-edition"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Calendar prototype https://codepen.io/argyleink/pen/PovOMYy scroll snap https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap sticky https://developer.mozilla.org/en-US/docs/Web/CSS/position grid https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout z-index: 1 https://developer.mozilla.org/en-US/docs/Web/CSS/z-index Codepen https://codepen.io/argyleink/pen/PovOMYy tbeseda https://elk.zone/front-end.social/@tbeseda@indieweb.social Mastodon https://indieweb.social/@tbeseda/112616937643568666 Link https://nerdy.dev/sticky-snapping-calendar Share a direct link to this post javascript: (() => { const url = window.location.origin + "/sticky-snapping-calendar"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() BEM with native CSS nesting https://nerdy.dev/bem-in-css-after-all 8 https://nerdy.dev/bem-in-css-after-all#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bem-in-css-after-all"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CascadiaJS https://cascadiajs.com/2024 Link https://nerdy.dev/cascadia-js-2024 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/cascadia-js-2024"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im/ last week https://nerdy.dev/season-5-of-the-css-podcast-has-begun @starting-style https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style overlay https://developer.mozilla.org/en-US/docs/Web/CSS/overlay :top-layer https://developer.mozilla.org/en-US/docs/Glossary/Top_layer ::backdrop https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop transition-behavior https://developer.mozilla.org/en-US/docs/Web/CSS/transition-behavior :popover-open https://developer.mozilla.org/en-US/docs/Web/CSS/:popover-open Watch https://www.youtube.com/watch?v=0ku46p3oo-Y&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/80-animating-to-and-from-top-layer Link https://nerdy.dev/the-css-podcast-on-animating-popover-and-dialog 1 https://nerdy.dev/the-css-podcast-on-animating-popover-and-dialog#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-on-animating-popover-and-dialog"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im/ popover https://mdn.io/popover dialog https://mdn.io/dialog Watch https://www.youtube.com/watch?v=6u7EbMuxNkE&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/79-popover-and-dialog Link https://nerdy.dev/season-5-of-the-css-podcast-has-begun 3 https://nerdy.dev/season-5-of-the-css-podcast-has-begun#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/season-5-of-the-css-podcast-has-begun"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Day http://cssday.nl carousel https://github.com/flackr/carousel/tree/main/examples Find the videos here https://www.youtube.com/@WebConferencesAmsterdam Link https://nerdy.dev/hello-amazing-css-day-and-amsterdam Share a direct link to this post javascript: (() => { const url = window.location.origin + "/hello-amazing-css-day-and-amsterdam"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() David East https://twitter.com/_davideast show on YouTube https://www.youtube.com/watch?v=aLqScpKlzRo badatcss.com https://badatcss.com youtube https://www.youtube.com/watch?v=aLqScpKlzRo spotify https://open.spotify.com/show/5vtb28Q1QNzgv07v9LzpGp Link https://nerdy.dev/single-keyframe-tricks-are-magic 1 https://nerdy.dev/single-keyframe-tricks-are-magic#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/single-keyframe-tricks-are-magic"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() physics function into CSS https://codepen.io/argyleink/pen/KKLaNdd sqrt() https://developer.mozilla.org/en-US/docs/Web/CSS/sqrt exp() https://developer.mozilla.org/en-US/docs/Web/CSS/exp sin() https://developer.mozilla.org/en-US/docs/Web/CSS/sin cos() https://developer.mozilla.org/en-US/docs/Web/CSS/cos @property https://developer.mozilla.org/en-US/docs/Web/CSS/@property Check it out on Codepen https://codepen.io/argyleink/pen/KKLaNdd Link https://nerdy.dev/css-physics Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-physics"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/next-level-css-centering-headed-your-way Share a direct link to this post javascript: (() => { const url = window.location.origin + "/next-level-css-centering-headed-your-way"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Watch episode 3 on YouTube https://www.youtube.com/watch?v=KrJZPrCqhWU Link https://nerdy.dev/the-looper-pile-mini-web-machine-fushion Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-looper-pile-mini-web-machine-fushion"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Try it on Codepen https://codepen.io/argyleink/pen/abrmJjV Link https://nerdy.dev/some-fun-css-typography-before-bed Share a direct link to this post javascript: (() => { const url = window.location.origin + "/some-fun-css-typography-before-bed"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() David East https://twitter.com/_davideast container queries https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries badatcss.com https://badatcss.com youtube https://www.youtube.com/watch?v=ynPCTlVOxwg spotify https://open.spotify.com/episode/52BGREVf8d9NCU4Rf2QZ9U Link https://nerdy.dev/bad-at-css-container-queries 2 https://nerdy.dev/bad-at-css-container-queries#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bad-at-css-container-queries"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Microsoft Build https://www.theverge.com/2024/5/21/24161221/microsoft-build-2024-news-ai-copilot-plus Chuck https://x.com/CharlesWThe3rd Whiskey Web and Whatnot https://whiskey.fm Link https://nerdy.dev/co-hosted-on-the-whiskey-web-and-whatnot-podcast Share a direct link to this post javascript: (() => { const url = window.location.origin + "/co-hosted-on-the-whiskey-web-and-whatnot-podcast"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Using @starting-style and transition-behavior for enter and exit stage effects https://nerdy.dev/using-starting-style-and-transition-behavior-for-enter-and-exit-stage-effects 5 https://nerdy.dev/using-starting-style-and-transition-behavior-for-enter-and-exit-stage-effects#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/using-starting-style-and-transition-behavior-for-enter-and-exit-stage-effects"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() August 17th https://frostapalooza.bradfrost.com @Mr. Smalls Theater https://mrsmalls.com Frostapalooza https://frostapalooza.bradfrost.com/ Brad Frost https://bradfrost.com/ Snag a ticket https://www.ticketmaster.com/event/16005F70D2B839CC Link https://nerdy.dev/frostapalooza Share a direct link to this post javascript: (() => { const url = window.location.origin + "/frostapalooza"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() @starting-style https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style Try it on Codepen https://codepen.io/argyleink/pen/Povqdej Link https://nerdy.dev/starting-style-everything Share a direct link to this post javascript: (() => { const url = window.location.origin + "/starting-style-everything"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS4 RFC is live https://github.com/CSS-Next/css-next/discussions/92 CSS4 Community Group https://www.w3.org/community/css4/ Check it out https://github.com/CSS-Next/css-next/discussions/92 Link https://nerdy.dev/css4-and-css-5-and-beyond 1 https://nerdy.dev/css4-and-css-5-and-beyond#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css4-and-css-5-and-beyond"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Watch episode 2: The Pile https://www.youtube.com/watch?v=6qpEOBkDr88 Chrome Developers https://www.youtube.com/watch?v=6qpEOBkDr88 Link https://nerdy.dev/the-pile-mini-web-machine 1 https://nerdy.dev/the-pile-mini-web-machine#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-pile-mini-web-machine"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Kevin Powell https://www.youtube.com/@KevinPowell Watch on YouTube https://www.youtube.com/watch?v=opHu7HvFM60 Checkout Demos https://codepen.io/collection/vBkYdN Link https://nerdy.dev/23-CSS-features-with-kevin-powell Share a direct link to this post javascript: (() => { const url = window.location.origin + "/23-CSS-features-with-kevin-powell"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() VisBug v0.4.0 release notes https://nerdy.dev/a-2024-visbug-update 4 https://nerdy.dev/a-2024-visbug-update#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-2024-visbug-update"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Codepen https://codepen.io/argyleink/pen/MWoeoKV MDN https://developer.mozilla.org/en-US/docs/Web/CSS/paint-order CanIuse? https://caniuse.com/mdn-css_properties_paint-order Link https://nerdy.dev/css-paint-order 1 https://nerdy.dev/css-paint-order#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-paint-order"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() GUI Challenges https://goo.gle/GUIchallenges copy and paste free code https://codepen.io/argyleink/pen/xxBJeaV Watch episode 1: The Looper https://www.youtube.com/watch?v=vwgihljM2e4 Link https://nerdy.dev/announcing-the-mini-web-machines-series 3 https://nerdy.dev/announcing-the-mini-web-machines-series#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/announcing-the-mini-web-machines-series"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Epic Web Conf https://www.epicweb.dev/conf Lightning in a Bottle with CSS Custom Properties https://epic-web-2024-at-property.netlify.app great talks about the web https://www.epicweb.dev/talks/lightning-in-a-bottle-with-css-custom-properties OneWheeled https://x.com/kentcdodds/status/1778623432583766445 Watch https://www.epicweb.dev/talks/lightning-in-a-bottle-with-css-custom-properties Slides https://epic-web-2024-at-property.netlify.app/ Demo https://codepen.io/argyleink/pen/qBwKmNe Link https://nerdy.dev/type-guarded-css-systems-with-@property 1 https://nerdy.dev/type-guarded-css-systems-with-@property#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/type-guarded-css-systems-with-@property"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() can do that https://codepen.io/argyleink/full/xxepgOJ Link https://nerdy.dev/a-screen-shake-web-animation 4 https://nerdy.dev/a-screen-shake-web-animation#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-screen-shake-web-animation"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/rad-border-image-css-one-liner Share a direct link to this post javascript: (() => { const url = window.location.origin + "/rad-border-image-css-one-liner"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() View Transitions https://codepen.io/collection/GoGOGK Try it on Codepen https://codepen.io/argyleink/pen/dyLNgpX Link https://nerdy.dev/smoothly-handling-device-rotation-with-view-transitions Share a direct link to this post javascript: (() => { const url = window.location.origin + "/smoothly-handling-device-rotation-with-view-transitions"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() BYO CSS tokens to Tailwind v4's new CSS centric config https://nerdy.dev/BYO-CSS-tokens-to-tailwind-v4s-new-CSS-centric-config 2 https://nerdy.dev/BYO-CSS-tokens-to-tailwind-v4s-new-CSS-centric-config#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/BYO-CSS-tokens-to-tailwind-v4s-new-CSS-centric-config"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Vibe check https://nerdy.dev/march-vibe-check Share a direct link to this post javascript: (() => { const url = window.location.origin + "/march-vibe-check"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Dave Rupert https://daverupert.com field-sizing https://developer.chrome.com/docs/css-ui/css-field-sizing :user-invalid https://developer.mozilla.org/en-US/docs/Web/CSS/:user-invalid content-visibility https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility Relative color syntax https://developer.chrome.com/blog/css-relative-color-syntax badatcss.com https://badatcss.com youtube https://www.youtube.com/watch?v=azUEOy8_GHo spotify https://open.spotify.com/episode/0mcunbYNddUmJLO8LgpRf1 Link https://nerdy.dev/bad-at-css-with-dave-rupert-and-randy-standards Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bad-at-css-with-dave-rupert-and-randy-standards"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Steal this popover code https://nerdy.dev/steal-this-popover-starter-kit 10 https://nerdy.dev/steal-this-popover-starter-kit#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/steal-this-popover-starter-kit"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Can you feel the rhythm‽ https://nerdy.dev/css-logical-rhythm 4 https://nerdy.dev/css-logical-rhythm#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-logical-rhythm"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Bluesky https://bsky.app/profile/nerdy.dev Mastodon https://elk.zone/front-end.social/@argyleink Link https://nerdy.dev/this-site-now-supports-at-protocol-mentions-and-interactions 17 https://nerdy.dev/this-site-now-supports-at-protocol-mentions-and-interactions#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/this-site-now-supports-at-protocol-mentions-and-interactions"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() David's https://twitter.com/_davideast Open Props v2 https://unpkg.com/open-props@beta/ gradient.style http://gradient.style Scroll-Driven Animations https://scroll-driven-animations.style badatcss.com https://badatcss.com Link https://nerdy.dev/bad-at-css-2024-resolutions 6 https://nerdy.dev/bad-at-css-2024-resolutions#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bad-at-css-2024-resolutions"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Jason Lengstorf https://learnwithjason.dev/ Watch on YouTube https://www.youtube.com/watch?v=hlRVMknHSqM Link https://nerdy.dev/interview-with-jason-about-the-devrel-career Share a direct link to this post javascript: (() => { const url = window.location.origin + "/interview-with-jason-about-the-devrel-career"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Learn With Jason (live in studio) https://nerdy.dev/jason-and-adam-do-portland 1 https://nerdy.dev/jason-and-adam-do-portland#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/jason-and-adam-do-portland"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Hung out https://www.youtube.com/watch?v=nCVm-8YaD_g Kelvin Omereshone https://www.youtube.com/@dominuskelvin Link https://nerdy.dev/kelvin-show Share a direct link to this post javascript: (() => { const url = window.location.origin + "/kelvin-show"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Make some hacky noise with CSS gradients https://nerdy.dev/hacky-css-noise-with-repeating-gradients 3 https://nerdy.dev/hacky-css-noise-with-repeating-gradients#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/hacky-css-noise-with-repeating-gradients"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/view-transition-alias Share a direct link to this post javascript: (() => { const url = window.location.origin + "/view-transition-alias"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() A practical introduction to Scroll Driven Animations with CSS scroll() and view() https://tympanus.net/codrops/2024/01/17/a-practical-introduction-to-scroll-driven-animations-with-css-scroll-and-view/ Codrops https://tympanus.net/codrops/ Link https://nerdy.dev/a-practical-introduction-to-scroll-driven-animations-with-css-scroll-and-view 5 https://nerdy.dev/a-practical-introduction-to-scroll-driven-animations-with-css-scroll-and-view#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-practical-introduction-to-scroll-driven-animations-with-css-scroll-and-view"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() easing https://open-props.style/#easing Try it on Codepen https://codepen.io/argyleink/pen/ExMgWLe Link https://nerdy.dev/a-squishy-radio-group Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-squishy-radio-group"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Try the demo https://codepen.io/argyleink/pen/RwdRaVg Link https://nerdy.dev/neue-bento-layouts-with-grid-has-and-container-queries Share a direct link to this post javascript: (() => { const url = window.location.origin + "/neue-bento-layouts-with-grid-has-and-container-queries"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/is-it-time-to-throw-out-physical-properties 3 https://nerdy.dev/is-it-time-to-throw-out-physical-properties#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/is-it-time-to-throw-out-physical-properties"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/happy-new-years-2024 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/happy-new-years-2024"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to make a Comparison https://www.youtube.com/watch?v=hCbSRNE4WUI&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA watch https://www.youtube.com/watch?v=hCbSRNE4WUI&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ demo https://gui-challenges.web.app/compare/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-solve-comparison-components Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-solve-comparison-components"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Check it out on Codepen https://codepen.io/argyleink/pen/LYqvedp Link https://nerdy.dev/subtle-scroll-driven-animation-for-grid-images Share a direct link to this post javascript: (() => { const url = window.location.origin + "/subtle-scroll-driven-animation-for-grid-images"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im Bramus https://bram.us 2023 Wrapped for CSS https://developer.chrome.com/blog/css-wrapped-2023 Link https://nerdy.dev/css-wrapped-2023 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-wrapped-2023"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() https://codepen.io/argyleink/pen/XWOOydB https://codepen.io/argyleink/pen/XWOOydB Link https://nerdy.dev/neat-bouncy-focus-effect-with-linear-and-box-shadow 3 https://nerdy.dev/neat-bouncy-focus-effect-with-linear-and-box-shadow#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/neat-bouncy-focus-effect-with-linear-and-box-shadow"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Open Props in Next with StyleX https://nerdy.dev/using-open-props-with-nextjs-and-the-brand-new-react-style-library-stylex 1 https://nerdy.dev/using-open-props-with-nextjs-and-the-brand-new-react-style-library-stylex#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/using-open-props-with-nextjs-and-the-brand-new-react-style-library-stylex"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Open Props https://github.com/argyleink/open-props/blob/main/src/extra/durations.css Link https://nerdy.dev/one-atom-of-time-in-css Share a direct link to this post javascript: (() => { const url = window.location.origin + "/one-atom-of-time-in-css"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Color Syntax Mega List https://codepen.io/argyleink/pen/RwyOyeq Link https://nerdy.dev/percentage-chroma Share a direct link to this post javascript: (() => { const url = window.location.origin + "/percentage-chroma"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to solve Picklists https://www.youtube.com/watch?v=d2O-8n-UnrI&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA demo https://gui-challenges.web.app/picklists/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-style-checkbox-and-radio-groups Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-style-checkbox-and-radio-groups"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Jason Lengstorf https://jason.energy/posts/ David East https://twitter.com/_davideast Spotify https://open.spotify.com/episode/5k8sEqKp3mXAWwhepgyjqR Apple https://podcasts.apple.com/us/podcast/what-css-is-jason-lengstorf-bad-at/id1702605487?i=1000635425578 YouTube https://www.youtube.com/watch?v=BYaU3ftTXfQ Link https://nerdy.dev/jason-lengstorf-is-bad-at-CSS-too Share a direct link to this post javascript: (() => { const url = window.location.origin + "/jason-lengstorf-is-bad-at-CSS-too"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Custom range input progress fill https://nerdy.dev/add-a-rad-gradient-progress-fill-to-a-range-input-with-no-JS 1 https://nerdy.dev/add-a-rad-gradient-progress-fill-to-a-range-input-with-no-JS#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/add-a-rad-gradient-progress-fill-to-a-range-input-with-no-JS"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Steal this minimal code setup https://codepen.io/argyleink/pen/XWOaazZ Link https://nerdy.dev/compare-stuff-with-this-minimal-setup Share a direct link to this post javascript: (() => { const url = window.location.origin + "/compare-stuff-with-this-minimal-setup"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() View source https://codepen.io/argyleink/pen/abXvVME Link https://nerdy.dev/gradient-glowing-text-effect Share a direct link to this post javascript: (() => { const url = window.location.origin + "/gradient-glowing-text-effect"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS prefers-reduced-transparency https://developer.chrome.com/blog/css-prefers-reduced-transparency/ developer.chrome.com https://developer.chrome.com/ Link https://nerdy.dev/css-prefers-reduced-transparency 2 https://nerdy.dev/css-prefers-reduced-transparency#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-prefers-reduced-transparency"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Picklists https://codepen.io/argyleink/pen/KKJppLw Taglists https://codepen.io/argyleink/pen/ZEwGRXg Link https://nerdy.dev/meaningful-ways-to-use-radio-and-checkbox-groups Share a direct link to this post javascript: (() => { const url = window.location.origin + "/meaningful-ways-to-use-radio-and-checkbox-groups"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im/ Watch https://www.youtube.com/watch?v=0qL3OiTJbSc&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/74-how-do-i-center-a-div Link https://nerdy.dev/how-do-I-center-this-div Share a direct link to this post javascript: (() => { const url = window.location.origin + "/how-do-I-center-this-div"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Open Props https://open-props.style/#easing try it out! https://codepen.io/argyleink/pen/qBgWaym Link https://nerdy.dev/bounce-easing-made-easy-with-open-props 2 https://nerdy.dev/bounce-easing-made-easy-with-open-props#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bounce-easing-made-easy-with-open-props"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to make spoopy Halloween Projections https://www.youtube.com/watch?v=3OlHDnPvKKg&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA demo https://gui-challenges.web.app/halloween-projection/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-make-spoopy-halloween-projections Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-make-spoopy-halloween-projections"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Original Codepen https://codepen.io/argyleink/pen/abPxjpZ?editors=1100 The animated version https://codepen.io/argyleink/pen/MWZMxNN Link https://nerdy.dev/swirling-animated-4-corner-radial-gradient-with-@property Share a direct link to this post javascript: (() => { const url = window.location.origin + "/swirling-animated-4-corner-radial-gradient-with-@property"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/laser-cut-skull-mandala Share a direct link to this post javascript: (() => { const url = window.location.origin + "/laser-cut-skull-mandala"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() developer.chrome.com https://developer.chrome.com CSS Relative Color Syntax https://developer.chrome.com/blog/css-relative-color-syntax/ Link https://nerdy.dev/new-chrome-developers-article-on-CSS-relative-color-syntax 1 https://nerdy.dev/new-chrome-developers-article-on-CSS-relative-color-syntax#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/new-chrome-developers-article-on-CSS-relative-color-syntax"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/a-css-container-query-pattern Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-css-container-query-pattern"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to solve relative color https://www.youtube.com/watch?v=1z_ViBjdnSw GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA demo https://gui-challenges.web.app/relative-colors/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/how-to-use-css-relative-colors-syntax-on-the-latest-gui-challenge Share a direct link to this post javascript: (() => { const url = window.location.origin + "/how-to-use-css-relative-colors-syntax-on-the-latest-gui-challenge"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Bramus https://twitter.com/bramus developer.chrome.com https://developer.chrome.com/articles/at-scope/ personal blog https://www.bram.us quick introduction. https://www.bram.us/2023/08/22/a-quick-introduction-to-css-scope/ Link https://nerdy.dev/css-@scope-in-chrome-with-coverage-by-bramus Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-@scope-in-chrome-with-coverage-by-bramus"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() David East https://twitter.com/_davideast Spotify https://open.spotify.com/show/5vtb28Q1QNzgv07v9LzpGp Apple https://podcasts.apple.com/us/podcast/bad-at-css/id1702605487 YouTube https://www.youtube.com/watch?v=DNFduc1uHPE Link https://nerdy.dev/bad-at-css-i-love-typescript-for-you 1 https://nerdy.dev/bad-at-css-i-love-typescript-for-you#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bad-at-css-i-love-typescript-for-you"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() View Source https://codepen.io/argyleink/pen/YzdEapM Link https://nerdy.dev/oklch-stepped-palette-with-a-bit-of-a-hue-rotate Share a direct link to this post javascript: (() => { const url = window.location.origin + "/oklch-stepped-palette-with-a-bit-of-a-hue-rotate"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() relative color https://web.dev/state-of-css-2022/#relative-color-syntax Link https://nerdy.dev/relative-color-rocks Share a direct link to this post javascript: (() => { const url = window.location.origin + "/relative-color-rocks"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() David East https://twitter.com/_davideast Chris Coyier https://chriscoyier.net/ Spotify https://open.spotify.com/show/5vtb28Q1QNzgv07v9LzpGp Apple https://podcasts.apple.com/us/podcast/bad-at-css/id1702605487 YouTube https://www.youtube.com/watch?v=ZropSprSNfs Link https://nerdy.dev/chris-coyier-is-bad-at-css-too Share a direct link to this post javascript: (() => { const url = window.location.origin + "/chris-coyier-is-bad-at-css-too"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Type safe CSS design systems with @property https://nerdy.dev/cant-break-this-design-system 6 https://nerdy.dev/cant-break-this-design-system#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/cant-break-this-design-system"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() The CSS Podcast https://www.youtube.com/playlist?list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Watch https://www.youtube.com/watch?v=bffwdyKoS8Q&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com Link https://nerdy.dev/the-css-podcast-why-do-i-have-layout-shift Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-why-do-i-have-layout-shift"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Live Stream Party https://www.twitch.tv/videos/1908492849 Sacha https://twitter.com/SachaGreif Hui https://chenhuijing.com/#%F0%9F%96%8C juicy data https://2023.stateofcss.com Just take me to the results https://2023.stateofcss.com Link https://nerdy.dev/state-of-css-2023-party Share a direct link to this post javascript: (() => { const url = window.location.origin + "/state-of-css-2023-party"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() The CSS Podcast https://www.youtube.com/playlist?list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Watch https://www.youtube.com/watch?v=bxz-sOxXQsA&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Listen https://thecsspodcast.libsyn.com/70-why-is-my-image-distorted Link https://nerdy.dev/the-css-podcast-why-is-my-image-distorted Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-why-is-my-image-distorted"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() my partner https://www.inkberrytattoo.com a banjo https://goldtonemusicgroup.com/goldtone/instruments/ac-5 Link https://nerdy.dev/2023-summer-cabin-vacation Share a direct link to this post javascript: (() => { const url = window.location.origin + "/2023-summer-cabin-vacation"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Codepen https://codepen.io/argyleink/full/bGOGwNV Spotify https://open.spotify.com/show/5vtb28Q1QNzgv07v9LzpGp Link https://nerdy.dev/history-about-the-bad-at-css-podcast-logo Share a direct link to this post javascript: (() => { const url = window.location.origin + "/history-about-the-bad-at-css-podcast-logo"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() The CSS Podcast https://www.youtube.com/playlist?list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Watch https://www.youtube.com/watch?v=e7PLvudkTE0&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q&index=1 Listen https://thecsspodcast.libsyn.com/69-why-is-it-overflowing Link https://nerdy.dev/the-css-podcast-why-do-i-have-overflow Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-why-do-i-have-overflow"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() David East https://twitter.com/_davideast Spotify https://open.spotify.com/show/5vtb28Q1QNzgv07v9LzpGp Apple https://podcasts.apple.com/us/podcast/bad-at-css/id1702605487 YouTube https://www.youtube.com/watch?v=N3S0GQ-oK_4&t=1s Link https://nerdy.dev/introducing-the-bad-at-css-podcast Share a direct link to this post javascript: (() => { const url = window.location.origin + "/introducing-the-bad-at-css-podcast"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to solve Adaptive Typography https://www.youtube.com/watch?v=8B7xOgp5Aow&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ&index=1 GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA prefers-contrast https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast demo https://gui-challenges.web.app/adaptive-typography/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-solve-adaptive-typography Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-solve-adaptive-typography"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() #CSS https://nerdy.dev Try it https://codepen.io/argyleink/full/vYQQEmo #experiments chrome://flags/#enable-experimental-web-platform-features Link https://nerdy.dev/scroll-driven-hue-changing-carousel Share a direct link to this post javascript: (() => { const url = window.location.origin + "/scroll-driven-hue-changing-carousel"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() The CSS Podcast https://www.youtube.com/playlist?list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q Watch https://www.youtube.com/watch?v=QGd1xdxkU58&list=PLNYkxOF6rcIAx_S2LSfXQLorIeehsPL3q&index=2 Listen https://www.google.com/url?q=https://thecsspodcast.libsyn.com/67-why-isnt-z-index-working-0 Link https://nerdy.dev/the-css-podcast-why-isnt-zindex-working Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-css-podcast-why-isnt-zindex-working"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() JS Party https://changelog.com/jsparty Watch it (or listen) https://changelog.com/jsparty/285 Link https://nerdy.dev/front-end-feud-round-3-on-js-party Share a direct link to this post javascript: (() => { const url = window.location.origin + "/front-end-feud-round-3-on-js-party"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to solve a Morphing Button https://www.youtube.com/watch?v=N2BKAKwGP6M GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA view transitions https://nerdy.dev/text-replace-transitions demo https://gui-challenges.web.app/morphing-button/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-solve-morphing-buttons Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-solve-morphing-buttons"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() @coderyan https://www.youtube.com/@coderyan Watch it‽ https://www.youtube.com/watch?v=3YLGePxg6EI talk from Config 2023 https://nerdy.dev/spoke-at-figma-config-2023 Link https://nerdy.dev/the-new-responsive-with-code-ryan Share a direct link to this post javascript: (() => { const url = window.location.origin + "/the-new-responsive-with-code-ryan"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() State of CSS Survey https://survey.devographics.com/survey/state-of-css/2023 Link https://nerdy.dev/take-the-state-of-css-survey-2023 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/take-the-state-of-css-survey-2023"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Pull to Refresh with Scroll Snap and Scroll Driven Animation https://nerdy.dev/pull-to-refresh-prototype-with-scroll-snap-and-scroll-driven-animation Share a direct link to this post javascript: (() => { const url = window.location.origin + "/pull-to-refresh-prototype-with-scroll-snap-and-scroll-driven-animation"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Figma Config https://config.figma.com Una https://twitter.com/Una Watch it https://youtu.be/APhECDy2U3U Config page https://config.figma.com/video-on-demand/6329932796112 Link https://nerdy.dev/spoke-at-figma-config-2023 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/spoke-at-figma-config-2023"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Cloudinary DevJams https://training.cloudinary.com/ Watch it (or listen) https://www.youtube.com/watch?v=RsCv1lHS85w nerdy.dev https://nerdy.dev/ Deno https://deno.com/runtime Fresh https://fresh.deno.dev/ Link https://nerdy.dev/cloudinary-dev-jams-podcast Share a direct link to this post javascript: (() => { const url = window.location.origin + "/cloudinary-dev-jams-podcast"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Vertical rhythm https://codepen.io/argyleink/full/RweXyRq rlh https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#:~:text=of%20the%20element.-,rlh,-Line%20height%20of Link https://nerdy.dev/vertical-rhythm-with-rlh Share a direct link to this post javascript: (() => { const url = window.location.origin + "/vertical-rhythm-with-rlh"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() joined https://CS.Sjoy.lol webring https://en.wikipedia.org/wiki/Webring Link https://nerdy.dev/joined-a-css-webring Share a direct link to this post javascript: (() => { const url = window.location.origin + "/joined-a-css-webring"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/evil-adam-unleashed Share a direct link to this post javascript: (() => { const url = window.location.origin + "/evil-adam-unleashed"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Day 2023 https://cssday.nl/2023 Michelle Barker https://css-irl.info catch up on all the talks here https://cssday.nl/2023/speakers Link https://nerdy.dev/CSS-Day-2023 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/CSS-Day-2023"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Smashing Conf https://smashingconf.com/sf-2023/schedule#day2 Watch it https://www.youtube.com/watch?v=P6Mk03isfZ8&list=PLxQqv_fazRs1euwYI0DxHXAZRvhntOwPn&index=12 Check out the slides https://smashing-transitions.netlify.app/ DIY https://github.com/argyleink/morphull Link https://nerdy.dev/view-transitions-at-smashing-conf-in-san-francisco Share a direct link to this post javascript: (() => { const url = window.location.origin + "/view-transitions-at-smashing-conf-in-san-francisco"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() I spoke https://io.google/2023/speakers/adam-argyle/ Google IO https://io.google/2023/ Here's a link to my talk https://www.youtube.com/watch?v=JiVQBqAkkac Link https://nerdy.dev/spoke-at-google-io-2023 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/spoke-at-google-io-2023"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Smashing Conf San Francisco https://smashingconf.com/sf-2023 CSS Day https://cssday.nl/2023 Figma's Config https://config.figma.com/configspeakers @Una https://una.im/ Link https://nerdy.dev/2023-speaking-docket Share a direct link to this post javascript: (() => { const url = window.location.origin + "/2023-speaking-docket"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() A next-gen HDR CSS gradient builder https://nerdy.dev/a-next-gen-css-gradient-builder Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-next-gen-css-gradient-builder"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() A conic gradient diamond and okLCH https://nerdy.dev/conic-gradient-diamond Share a direct link to this post javascript: (() => { const url = window.location.origin + "/conic-gradient-diamond"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to do 3D SciFi Text https://www.youtube.com/watch?v=JeI_TsADXQA&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA CSS Scroll Linked Animations https://www.w3.org/TR/scroll-animations-1/ watch https://www.youtube.com/watch?v=JeI_TsADXQA&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ demo https://gui-challenges.web.app/scifi-scroll/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-solve-3D-scifi-text-effects Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-solve-3D-scifi-text-effects"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Google IO https://io.google/2023/ Link https://nerdy.dev/google-io-23-talk-recorded Share a direct link to this post javascript: (() => { const url = window.location.origin + "/google-io-23-talk-recorded"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/farthest-corner-visualized Share a direct link to this post javascript: (() => { const url = window.location.origin + "/farthest-corner-visualized"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/hue-light-travel-planet-morph Share a direct link to this post javascript: (() => { const url = window.location.origin + "/hue-light-travel-planet-morph"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/device-width-is-like-device-color-gamut Share a direct link to this post javascript: (() => { const url = window.location.origin + "/device-width-is-like-device-color-gamut"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/gradient-stripes-with-hard-stops-visualized 3 https://nerdy.dev/gradient-stripes-with-hard-stops-visualized#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/gradient-stripes-with-hard-stops-visualized"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() developer.chrome.com https://developer.chrome.com/blog/css-text-wrap-balance/ #CSS https://developer.chrome.com/blog/css-text-wrap-balance/ Chrome Canary https://www.google.com/chrome/canary/ Link https://nerdy.dev/css-text-wrap-balance Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-text-wrap-balance"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Open Props okLCH beta https://nerdy.dev/open-props-oklch-palettes-beta 9 https://nerdy.dev/open-props-oklch-palettes-beta#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/open-props-oklch-palettes-beta"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() @PodRocketPod https://twitter.com/PodRocketpod Stephanie Eckles https://twitter.com/5t3ph Stacy Kvernmo https://twitter.com/StacyKvernmo Listen on Spotify https://open.spotify.com/episode/4qeDMbldJjPJ6lmS81Xh05 Link https://nerdy.dev/on-the-podrocket-pod-again Share a direct link to this post javascript: (() => { const url = window.location.origin + "/on-the-podrocket-pod-again"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() #VisBug https://twitter.com/search?q=%23visbug&src=typed_query Chrome Web Store https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc?hl=en Link https://nerdy.dev/visbug-award-top-favorite-of-2022 12 https://nerdy.dev/visbug-award-top-favorite-of-2022#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/visbug-award-top-favorite-of-2022"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() web.dev https://web.dev/blog/ 6 CSS snippets every front-end developer should know in 2023 https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023/ Link https://nerdy.dev/6-css-snippets-every-front-end-developer-should-know-in-2023 11 https://nerdy.dev/6-css-snippets-every-front-end-developer-should-know-in-2023#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/6-css-snippets-every-front-end-developer-should-know-in-2023"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Cyclical keyboard UX with a radio group and CSS trig functions https://nerdy.dev/cyclical-radio-group-with-trig-functions-and-grid 5 https://nerdy.dev/cyclical-radio-group-with-trig-functions-and-grid#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/cyclical-radio-group-with-trig-functions-and-grid"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to solve Switch Groups https://www.youtube.com/watch?v=l7kmBCRqfLw GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA demo https://gui-challenges.web.app/switch-group/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-solve-switch-groups Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-solve-switch-groups"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Use color-mix() to give opacity to opaque colors https://nerdy.dev/use-color-mix-to-make-an-opaque-color-transparent Share a direct link to this post javascript: (() => { const url = window.location.origin + "/use-color-mix-to-make-an-opaque-color-transparent"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() DCC https://developer.chrome.com CSS Nesting https://developer.chrome.com/articles/css-nesting/ Link https://nerdy.dev/css-nesting-article-on-chrome-developers-blog 12 https://nerdy.dev/css-nesting-article-on-chrome-developers-blog#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-nesting-article-on-chrome-developers-blog"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/stable-diffusion-gui-challenges-skull 3 https://nerdy.dev/stable-diffusion-gui-challenges-skull#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/stable-diffusion-gui-challenges-skull"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Deno https://deno.land/ Fresh https://fresh.deno.dev/ Deploy https://deno.com/deploy NPM https://www.npmjs.com/ deno.land https://deno.land/ esm.sh https://esm.sh/ unpkg https://unpkg.com/ Link https://nerdy.dev/deno-and-dependencies Share a direct link to this post javascript: (() => { const url = window.location.origin + "/deno-and-dependencies"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() A use case for CSS overflow-clip-margin, nested border radii https://nerdy.dev/perfect-nested-radius-with-overflow-clip-margin 10 https://nerdy.dev/perfect-nested-radius-with-overflow-clip-margin#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/perfect-nested-radius-with-overflow-clip-margin"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() #CSS https://nerdy.dev anchor() https://drafts.csswg.org/css-anchor-position-1/ Post https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/ Jhey https://jhey.dev/ text-wrap: balance https://www.w3.org/TR/css-text-4/#text-wrap linear() https://github.com/w3c/csswg-drafts/pull/6533 Spec https://drafts.csswg.org/css-easing/#the-linear-easing-function Jake https://jakearchibald.com/ view-transitions https://www.w3.org/TR/css-view-transitions-1/ view-timeline https://www.w3.org/TR/scroll-animations-1/ Link https://nerdy.dev/i-cant-keep-up-right-now-with-2023-css 25 https://nerdy.dev/i-cant-keep-up-right-now-with-2023-css#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/i-cant-keep-up-right-now-with-2023-css"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Retro Wave Gradient https://nerdy.dev/retro-wave-sun 15 https://nerdy.dev/retro-wave-sun#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/retro-wave-sun"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/out-to-nature-2023 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/out-to-nature-2023"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Conic gradient Android spinner https://nerdy.dev/android-spinner-conic-gradient-animation 1 https://nerdy.dev/android-spinner-conic-gradient-animation#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/android-spinner-conic-gradient-animation"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/turned-37 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/turned-37"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() @layer https://developer.mozilla.org/en-US/docs/Web/CSS/@layer Link https://nerdy.dev/cascade-layer-async-overrides 4 https://nerdy.dev/cascade-layer-async-overrides#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/cascade-layer-async-overrides"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Circular gradient stroke chart https://nerdy.dev/gradient-outline-circular-chart 18 https://nerdy.dev/gradient-outline-circular-chart#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/gradient-outline-circular-chart"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/night-light-dance-party Share a direct link to this post javascript: (() => { const url = window.location.origin + "/night-light-dance-party"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Another rad use for the line-height unit https://nerdy.dev/another-rad-use-for-the-line-height-unit 22 https://nerdy.dev/another-rad-use-for-the-line-height-unit#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/another-rad-use-for-the-line-height-unit"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/color-palettes-and-typography Share a direct link to this post javascript: (() => { const url = window.location.origin + "/color-palettes-and-typography"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() A color-contrast() strategy for complimentary translucent backgrounds https://nerdy.dev/color-from-color-contrast-result 33 https://nerdy.dev/color-from-color-contrast-result#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/color-from-color-contrast-result"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS HD Color Guide https://developer.chrome.com/articles/high-definition-css-color-guide/ Check it out!! https://developer.chrome.com/articles/high-definition-css-color-guide/ Link https://nerdy.dev/hd-color-guide 6 https://nerdy.dev/hd-color-guide#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/hd-color-guide"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on GLITCH effects https://nerdy.dev/thinking-on-ways-to-solve-glitch-effects 3 https://nerdy.dev/thinking-on-ways-to-solve-glitch-effects#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-solve-glitch-effects"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() rainbow gradient https://codepen.io/argyleink/pen/yLqREaq Link https://nerdy.dev/easy-hsl-rainbow 9 https://nerdy.dev/easy-hsl-rainbow#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/easy-hsl-rainbow"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Chrome Developers https://developer.chrome.com/ Check it out! https://developer.chrome.com/blog/css-color-mix/ Link https://nerdy.dev/learn-about-color-mix 8 https://nerdy.dev/learn-about-color-mix#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/learn-about-color-mix"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/tcss 80 https://nerdy.dev/tcss#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/tcss"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() 10 powerful ways to use CSS variables https://nerdy.dev/custom-prop-categories 37 https://nerdy.dev/custom-prop-categories#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/custom-prop-categories"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Chrome Developers https://developer.chrome.com/blog/scrollend-a-new-javascript-event/ NPM https://www.npmjs.com/package/scrollyfills Link https://nerdy.dev/a-scrollend-event 5 https://nerdy.dev/a-scrollend-event#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-scrollend-event"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Day 2023 https://cssday.nl/2023 Michelle Barker https://css-irl.info Link https://nerdy.dev/mc-at-css-day-2023 2 https://nerdy.dev/mc-at-css-day-2023#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/mc-at-css-day-2023"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() A CSS logo‽ https://nerdy.dev/a-css-logo-thing 10 https://nerdy.dev/a-css-logo-thing#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-css-logo-thing"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Workbox https://developer.chrome.com/docs/workbox/ Link https://nerdy.dev/service-worker-updated-with-workbox 2 https://nerdy.dev/service-worker-updated-with-workbox#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/service-worker-updated-with-workbox"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Deno https://deno.land Link https://nerdy.dev/2023-prediction-libraries-move-to-deno 2 https://nerdy.dev/2023-prediction-libraries-move-to-deno#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/2023-prediction-libraries-move-to-deno"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Text Replace Transitions https://nerdy.dev/text-replace-transitions 12 https://nerdy.dev/text-replace-transitions#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/text-replace-transitions"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/coloring-with-ollie 8 https://nerdy.dev/coloring-with-ollie#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/coloring-with-ollie"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() New CSS Relative Units https://nerdy.dev/new-relative-units-ric-rex-rlh-and-rch 35 https://nerdy.dev/new-relative-units-ric-rex-rlh-and-rch#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/new-relative-units-ric-rex-rlh-and-rch"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Collections are coo https://nerdy.dev/collections-are-coo 5 https://nerdy.dev/collections-are-coo#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/collections-are-coo"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() New Year, New Site https://nerdy.dev/new-year-new-site 52 https://nerdy.dev/new-year-new-site#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/new-year-new-site"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Gradient hue interpolation https://nerdy.dev/gradients-going-the-shorter-longer-increasing-or-decreasing-route 4 https://nerdy.dev/gradients-going-the-shorter-longer-increasing-or-decreasing-route#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/gradients-going-the-shorter-longer-increasing-or-decreasing-route"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Media Query Ranges https://www.bram.us/2021/10/26/media-queries-level-4-media-query-range-contexts/ Caniuse https://caniuse.com/css-media-range-syntax Link https://nerdy.dev/media-query-ranges 6 https://nerdy.dev/media-query-ranges#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/media-query-ranges"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to do UI Physics https://www.youtube.com/watch?v=eamAHF71ZN4&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA requestAnimationFrame https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame custom properties https://developer.mozilla.org/en-US/docs/Web/CSS/--* demo https://gui-challenges.web.app/spring-physics/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-do-UI-physics-effects 3 https://nerdy.dev/thinking-on-ways-to-do-UI-physics-effects#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-do-UI-physics-effects"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Individual transforms https://web.dev/css-individual-transform-properties/ Link https://nerdy.dev/individual-transforms Share a direct link to this post javascript: (() => { const url = window.location.origin + "/individual-transforms"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Things CSS Could Still Use Heading Into 2023 https://chriscoyier.net/2022/12/21/things-css-could-still-use-heading-into-2023/ Chris Coyier https://chriscoyier.net text-wrap https://twitter.com/argyleink/status/1531423959362678785 Link https://nerdy.dev/things-css-could-still-use-in-2023 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/things-css-could-still-use-in-2023"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Anchor API is lookin rad! https://nerdy.dev/css-anchor-api-is-lookin-rad 2 https://nerdy.dev/css-anchor-api-is-lookin-rad#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-anchor-api-is-lookin-rad"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/conditional-snapping-with-has Share a direct link to this post javascript: (() => { const url = window.location.origin + "/conditional-snapping-with-has"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() MDN https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties Learn CSS https://web.dev/learn/css/logical-properties/ web.dev https://web.dev/logical-property-shorthands/ The CSS Podcast https://pod.link/thecsspodcast/episode/e2673c5db0efc8cfda5090ac2f11cbd3 Link https://nerdy.dev/hustle-and-logical-flow Share a direct link to this post javascript: (() => { const url = window.location.origin + "/hustle-and-logical-flow"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() nerdy.dev https://nerdy.dev Link https://nerdy.dev/hazzah-a-soft-launch Share a direct link to this post javascript: (() => { const url = window.location.origin + "/hazzah-a-soft-launch"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Try https://caniuse.com/mdn-css_types_length_lh lh https://developer.mozilla.org/en-US/docs/Web/CSS/length#:~:text=to%20render%20it.-,lh,-Experimental Link https://nerdy.dev/lh-unit-is-rad-for-dropcaps Share a direct link to this post javascript: (() => { const url = window.location.origin + "/lh-unit-is-rad-for-dropcaps"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Bramus https://www.bram.us/ :has() https://developer.mozilla.org/en-US/docs/Web/CSS/:has CSS Islands with :has() https://brm.us/css-islands Target parents with a certain number of children https://brm.us/css-has-child-count RSS https://www.bram.us/feed/ Twitter https://twitter.com/bramus Link https://nerdy.dev/bramus-shares-a-few-has-super-powers Share a direct link to this post javascript: (() => { const url = window.location.origin + "/bramus-shares-a-few-has-super-powers"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() FLIP https://aerotwist.com/blog/flip-your-animations/ View Transitions https://developer.chrome.com/docs/web-platform/view-transitions/ Link https://nerdy.dev/easy-flippin-transition Share a direct link to this post javascript: (() => { const url = window.location.origin + "/easy-flippin-transition"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/layouts-are-loops Share a direct link to this post javascript: (() => { const url = window.location.origin + "/layouts-are-loops"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() State of CSS 2022 Results are in! https://nerdy.dev/state-of-css-2022-results The CSS Podcast https://pod.link/thecsspodcast Open Props https://open-props.style/ Learn CSS https://web.dev/learn/css/ Nesting https://www.w3.org/TR/css-nesting-1/ Share a direct link to this post javascript: (() => { const url = window.location.origin + "/state-of-css-2022-results"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/five-years-at-google Share a direct link to this post javascript: (() => { const url = window.location.origin + "/five-years-at-google"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/graphic-design-tool-paint-brands Share a direct link to this post javascript: (() => { const url = window.location.origin + "/graphic-design-tool-paint-brands"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() LCH Luminance vs HSL Lightness https://nerdy.dev/lch-luminance-vs-hsl-lightness Share a direct link to this post javascript: (() => { const url = window.location.origin + "/lch-luminance-vs-hsl-lightness"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Grid https://developer.mozilla.org/docs/Web/CSS/grid Subgrid https://developer.mozilla.org/docs/Web/CSS/CSS_Grid_Layout/Subgrid named areas https://developer.mozilla.org/docs/Web/CSS/grid-template-areas Try it https://codepen.io/argyleink/pen/gOKXKYQ Link https://nerdy.dev/subgrid-named-area-slots Share a direct link to this post javascript: (() => { const url = window.location.origin + "/subgrid-named-area-slots"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() :has() https://developer.mozilla.org/en-US/docs/Web/CSS/:has Codepen https://codepen.io/argyleink/pen/yLExaLy Link https://nerdy.dev/css-has-not-combo Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-has-not-combo"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/css-banner Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-banner"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() daily.dev https://daily.dev/ Watch on YouTube https://www.youtube.com/watch?v=Ruwv20PxB1k Link https://nerdy.dev/on-the-daily-dev-show-about-devtools Share a direct link to this post javascript: (() => { const url = window.location.origin + "/on-the-daily-dev-show-about-devtools"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Season 3 https://pod.link/thecsspodcast YouTube https://www.youtube.com/watch?v=qHNYesCtF1A Podcast https://pod.link/thecsspodcast Link https://nerdy.dev/end-of-season-3-of-the-css-podcast Share a direct link to this post javascript: (() => { const url = window.location.origin + "/end-of-season-3-of-the-css-podcast"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() #CSS https://twitter.com/hashtag/css Link https://nerdy.dev/text-emphasis-style Share a direct link to this post javascript: (() => { const url = window.location.origin + "/text-emphasis-style"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() card stacks https://www.youtube.com/watch?v=m4DKhRJeYx4&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA transform origin https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin grid https://developer.mozilla.org/en-US/docs/Web/CSS/grid :has() https://developer.mozilla.org/en-US/docs/Web/CSS/:has demo https://gui-challenges.web.app/card-stack/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-animate-card-stacks Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-animate-card-stacks"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Una https://una.im/ subgrid https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Subgrid grid-template-rows https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows grid-template-columns https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns Watch https://www.youtube.com/watch?v=9l7wKRG4Pao Listen https://thecsspodcast.libsyn.com/64-subgrid Link https://nerdy.dev/css-podcast-on-subgrid Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-podcast-on-subgrid"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Cafe https://www.css.cafe/ Watch on YouTube https://www.youtube.com/watch?v=7ipkxhmlQUQ Peep the slides https://oh-snap.netlify.app/ Link https://nerdy.dev/spoke-about-scroll-snap-at-css-cafe Share a direct link to this post javascript: (() => { const url = window.location.origin + "/spoke-about-scroll-snap-at-css-cafe"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Chrometober https://web.dev/chrometober-2022/ Designcember https://nerdy.dev/designcember Building Chrometober https://web.dev/building-chrometober/ Jhey https://jhey.dev Link https://nerdy.dev/chrometober Share a direct link to this post javascript: (() => { const url = window.location.origin + "/chrometober"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() first commit https://github.com/whatwg/html/commit/906c16f0b604876f4124f9d22462ea6a5f70c8ec HTML Spec https://www.w3.org/TR/css-color-5/ scrollend https://developer.mozilla.org/en-US/docs/Web/API/Document/scrollend_event Link https://nerdy.dev/first-commit-to-the-html-spec Share a direct link to this post javascript: (() => { const url = window.location.origin + "/first-commit-to-the-html-spec"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to solve transitions https://www.youtube.com/watch?v=jjtiIIjEsTw GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA clip-path https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path demo https://gui-challenges.web.app/transitions/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-make-ui-transitions Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-make-ui-transitions"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Was on an awesome panel https://www.youtube.com/watch?v=twc-iF40TJY Link https://nerdy.dev/state-of-css-frameworks Share a direct link to this post javascript: (() => { const url = window.location.origin + "/state-of-css-frameworks"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() An Event Apart https://aneventapart.com/news/post/resources-from-denver-2022 scroll-snap https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap Link https://nerdy.dev/spoke-at-an-event-apart-in-denver Share a direct link to this post javascript: (() => { const url = window.location.origin + "/spoke-at-an-event-apart-in-denver"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to solve tooltips https://www.youtube.com/watch?v=Y5EIC_UyPME&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA :has() https://developer.mozilla.org/en-US/docs/Web/CSS/:has transforms https://developer.mozilla.org/en-US/docs/Web/CSS/transform logical properties https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties demo https://gui-challenges.web.app/tooltips/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-solve-tooltips Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-solve-tooltips"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to solve the cafe wall illusion https://www.youtube.com/watch?v=71jpjr7syc4&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA classic illusion https://en.wikipedia.org/wiki/Caf%C3%A9_wall_illusion demo https://gui-challenges.web.app/crooked-illusion/dist/ post https://web.dev/building-a-crooked-grid-illusion/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-solve-the-cafe-wall-illusion Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-solve-the-cafe-wall-illusion"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Learn with Jason https://lwj.dev NextJS https://nextjs.org/ Open Props https://open-props.style Link https://nerdy.dev/was-on-the-learn-with-jason-show 7 https://nerdy.dev/was-on-the-learn-with-jason-show#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/was-on-the-learn-with-jason-show"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Thinking on ways to solve carousels https://www.youtube.com/watch?v=CXJv6zM003M&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ GUI Challenge https://goo.gle/GUIchallenges I https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA demo https://gui-challenges.web.app/carousel/dist/ source https://github.com/argyleink/gui-challenges Link https://nerdy.dev/thinking-on-ways-to-solve-carousels Share a direct link to this post javascript: (() => { const url = window.location.origin + "/thinking-on-ways-to-solve-carousels"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Spoke https://cssday.nl/2022/speakers#adam CSS Day https://cssday.nl/2022 video https://www.youtube.com/watch?v=34zcWFLCDIc the slides https://oh-snap.netlify.app/ Link https://nerdy.dev/spoke-at-css-day-for-the-first-time Share a direct link to this post javascript: (() => { const url = window.location.origin + "/spoke-at-css-day-for-the-first-time"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Spoke https://io.google/2022/speakers/adam-argyle/ a Google IO video https://www.youtube.com/watch?v=Xy9ZXRRgpLk mega blog post https://web.dev/state-of-css-2022/ Link https://nerdy.dev/spoke-at-google-io-2022 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/spoke-at-google-io-2022"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() My container query strategy https://nerdy.dev/a-container-query-strategy Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-container-query-strategy"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() @KendoUI https://www.youtube.com/@KendoUI Open Props https://open-props.style Watch on YouTube https://www.youtube.com/watch?v=qb_Pbc5I9ow&list=PLpT5nMxKrUl8dllxogUN0kMgeyK5vVHdH&index=16 Link https://nerdy.dev/react-wednesdays-on-open-props Share a direct link to this post javascript: (() => { const url = window.location.origin + "/react-wednesdays-on-open-props"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Designcember https://designcember.com/ Building Designcember https://web.dev/how-we-built-designcember/ Link https://nerdy.dev/designcember Share a direct link to this post javascript: (() => { const url = window.location.origin + "/designcember"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Swyx https://twitter.com/swyx Watch on YouTube https://www.youtube.com/watch?v=xEyJ6LY7DKI Link https://nerdy.dev/swyx-and-i-chat-complexity-and-dx-vs-ux Share a direct link to this post javascript: (() => { const url = window.location.origin + "/swyx-and-i-chat-complexity-and-dx-vs-ux"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() open-props.style https://open-props.style Link https://nerdy.dev/announcing-open-props Share a direct link to this post javascript: (() => { const url = window.location.origin + "/announcing-open-props"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Christine Vallaure https://christinevallaure.medium.com/ Why designers should move from px to rem (and how to do that in Figma) https://uxdesign.cc/why-designers-should-move-from-px-to-rem-and-how-to-do-that-in-figma-c0ea23e07a15 Link https://nerdy.dev/designers-forced-to-pixel Share a direct link to this post javascript: (() => { const url = window.location.origin + "/designers-forced-to-pixel"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Nesting https://www.w3.org/TR/css-nesting-1/ W3C https://www.youtube.com/@W3COfficial Watch on YouTube https://www.youtube.com/watch?v=DhArSHAR8rY&list=PLpT5nMxKrUl8dllxogUN0kMgeyK5vVHdH&index=15 Link https://nerdy.dev/css-nesting-short-for-the-w3c Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-nesting-short-for-the-w3c"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() #CSS https://twitter.com/hashtag/css Wikipedia https://en.wikipedia.org/wiki/Billion_laughs_attack CSS Variables Spec https://drafts.csswg.org/css-variables/#long-variables Link https://nerdy.dev/lol-bomb Share a direct link to this post javascript: (() => { const url = window.location.origin + "/lol-bomb"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Kevin Powell https://www.youtube.com/@KevinPowell Watch on YouTube https://www.youtube.com/watch?v=nGby4hd7gtM Link https://nerdy.dev/future-of-css-with-kevin-powell Share a direct link to this post javascript: (() => { const url = window.location.origin + "/future-of-css-with-kevin-powell"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Kevin Powell https://www.youtube.com/@KevinPowell Watch on YouTube https://youtube.com/watch?v=mzKfetD9YrA Link https://nerdy.dev/scroll-linked-animation-with-kevin-powell Share a direct link to this post javascript: (() => { const url = window.location.origin + "/scroll-linked-animation-with-kevin-powell"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Camp https://csscamp.tech/speakers/2021/adam-argyle/ Checkout the slides https://2021-hd-color-at-css-camp.netlify.app/ Link https://nerdy.dev/hd-css-color-at-css-camp-2021 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/hd-css-color-at-css-camp-2021"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Cafe https://www.css.cafe/ Watch on YouTube https://www.youtube.com/watch?v=mAw75_quIf8 Peep the slides https://2021-css-cafe.netlify.app Link https://nerdy.dev/spoke-about-color-gamuts-at-css-cafe Share a direct link to this post javascript: (() => { const url = window.location.origin + "/spoke-about-color-gamuts-at-css-cafe"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Gave a workshop https://io.google/2021/session/f09c3e3e-f64e-4551-a948-9a718588a463/ building a user-adaptive interface https://codelabs.developers.google.com/codelabs/user-adaptive-interfaces/ Link https://nerdy.dev/user-adaptive-interfaces-workshop Share a direct link to this post javascript: (() => { const url = window.location.origin + "/user-adaptive-interfaces-workshop"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Watch on YouTube https://www.youtube.com/watch?v=yNwwEu3Kcbs Link https://nerdy.dev/chrome-devtools-for-designers Share a direct link to this post javascript: (() => { const url = window.location.origin + "/chrome-devtools-for-designers"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Spoke https://webdirections.org/hover/speakers/adam-argyle.php Hover Conf 2021 https://webdirections.org/blog/web-directions-hover-21-session-spotlight-whats-new-in-css-2021/ Checkout the slides https://2021-hover-conf-new-in-css.netlify.app/ Link https://nerdy.dev/opened-hover-conf-2021 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/opened-hover-conf-2021"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() VisBug http://visbug.web.app View the slides https://2021-great-developer-tools.netlify.app Link https://nerdy.dev/talk-at-stripe-about-building-great-developer-tools Share a direct link to this post javascript: (() => { const url = window.location.origin + "/talk-at-stripe-about-building-great-developer-tools"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() conic.style https://conic.style conic-gradient https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/conic-gradient Link https://nerdy.dev/beautiful-conic-gradients Share a direct link to this post javascript: (() => { const url = window.location.origin + "/beautiful-conic-gradients"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() London CSS https://www.londoncss.dev/ Check out the slides https://london-css-2020.netlify.app Watch on YouTube https://www.youtube.com/watch?v=ubAcMigXSYM&list=PLpT5nMxKrUl8dllxogUN0kMgeyK5vVHdH&index=10 Link https://nerdy.dev/spoke-online-at-london-css Share a direct link to this post javascript: (() => { const url = window.location.origin + "/spoke-online-at-london-css"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() transition.style https://transition.style clip-path https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path Link https://nerdy.dev/announcing-transition-css Share a direct link to this post javascript: (() => { const url = window.location.origin + "/announcing-transition-css"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/4-layouts-for-the-price-of-1 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/4-layouts-for-the-price-of-1"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() first commit https://github.com/w3c/csswg-drafts/commit/7acf6f670b9b08d7639c90501b968f99de7b1246 CSS Spec https://www.w3.org/TR/css-color-5/ Link https://nerdy.dev/first-spec-commit Share a direct link to this post javascript: (() => { const url = window.location.origin + "/first-spec-commit"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() David Khourshid https://twitter.com/DavidKPiano Stephen Shaw https://twitter.com/shshaw The Keyframers https://twitter.com/keyframers Watch on YouTube https://www.youtube.com/watch?v=cUwCiR0Qtc4 Link https://nerdy.dev/a-guest-on-the-keyframers Share a direct link to this post javascript: (() => { const url = window.location.origin + "/a-guest-on-the-keyframers"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Watch on YouTube https://www.youtube.com/watch?v=jMBEN4fqYDU Link https://nerdy.dev/ask-chrome Share a direct link to this post javascript: (() => { const url = window.location.origin + "/ask-chrome"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Corner at View Source Conf https://2019.viewsourceconf.org/ Link https://nerdy.dev/view-source-conf-2019 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/view-source-conf-2019"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() VisBug http://visbug.web.app/ Stefan Judis https://www.youtube.com/@stefanjudis Watch on YouTube https://www.youtube.com/watch?v=gCDEiM_u1LE Link https://nerdy.dev/visbug-with-stefan-judis 2 https://nerdy.dev/visbug-with-stefan-judis#comments Share a direct link to this post javascript: (() => { const url = window.location.origin + "/visbug-with-stefan-judis"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Slyd https://github.com/argyleink/slyd Link https://nerdy.dev/released-my-slide-presentation-css-framework Share a direct link to this post javascript: (() => { const url = window.location.origin + "/released-my-slide-presentation-css-framework"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Travis Neilson http://travisneilson.com/ Google Design "Method Podcast" https://googledesignmethod.libsyn.com/ VisBug https://chromewebstore.google.com/detail/visbug/cdockenadnadldjbbgcallicgledbeoc Listen https://googledesignmethod.libsyn.com/adam-argyle-visbug-passion-projects Link https://nerdy.dev/method-podcast Share a direct link to this post javascript: (() => { const url = window.location.origin + "/method-podcast"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Seattle Interactive Conf https://seattleinteractive.com/ See the slides https://adam-at-sic-2019.netlify.app/ Link https://nerdy.dev/seattle-interactive-conf-2019 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/seattle-interactive-conf-2019"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() CSS Camp https://csscamp.tech/2019/ slow the pace https://www.youtube.com/watch?v=P11U3tUdk8g&list=PLieKQVH5zPnXeayueJ4hoBmM0tujPLdyn&index=11 JS Camp https://jscamp.tech/2019/ leverage PWA features to build realistic prototypes https://www.youtube.com/watch?v=4EqgQdu_O60&list=PLB17qI-lepyi5DeCsXSj5m1BWKsqU2DSP&index=13 Link https://nerdy.dev/css-and-js-camp-in-barcelona Share a direct link to this post javascript: (() => { const url = window.location.origin + "/css-and-js-camp-in-barcelona"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() MPJ https://www.youtube.com/@funfunfunction Watch on YouTube https://youtube.com/watch?v=3Ne9-9n5Oq0 Link https://nerdy.dev/funfunfunction-and-css-grid Share a direct link to this post javascript: (() => { const url = window.location.origin + "/funfunfunction-and-css-grid"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Rick Viscomi https://twitter.com/rick_viscomi Watch on YouTube https://www.youtube.com/watch?v=jpmeWXISU5E Link https://nerdy.dev/state-of-the-web Share a direct link to this post javascript: (() => { const url = window.location.origin + "/state-of-the-web"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Became a member https://www.w3.org/users/112669/ Link https://nerdy.dev/became-a-member-of-the-w3c-and-csswg Share a direct link to this post javascript: (() => { const url = window.location.origin + "/became-a-member-of-the-w3c-and-csswg"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() VisBug https://github.com/GoogleChromeLabs/ProjectVisBug interactive tutorial website http://visbug.web.app/ Watch the announcement https://youtu.be/zPHyxvPT0gg?t=1373 Chrome Dev Summit https://developer.chrome.com/devsummit/ Link https://nerdy.dev/visbug-released Share a direct link to this post javascript: (() => { const url = window.location.origin + "/visbug-released"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Kung Fury https://github.com/argyleink/Kung-Fury-Theme Link https://nerdy.dev/custom-syntax-theme-kung-fury Share a direct link to this post javascript: (() => { const url = window.location.origin + "/custom-syntax-theme-kung-fury"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() blingbling.js https://github.com/argyleink/blingblingjs Link https://nerdy.dev/esm-minimal-jquery Share a direct link to this post javascript: (() => { const url = window.location.origin + "/esm-minimal-jquery"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() roving-ux.js https://github.com/argyleink/roving-ux Link https://nerdy.dev/released-roving-ux-es-module Share a direct link to this post javascript: (() => { const url = window.location.origin + "/released-roving-ux-es-module"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() made a cameo https://youtu.be/zPHyxvPT0gg?t=1373 Chrome Dev Summit https://developer.chrome.com/devsummit/ this shirt https://teejungle.net/products/css-short-sleeve-unisex-t-shirt TeeJungle https://teejungle.net Link https://nerdy.dev/keynote-cameo-chrome-dev-summit-2018 Share a direct link to this post javascript: (() => { const url = window.location.origin + "/keynote-cameo-chrome-dev-summit-2018"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() ragrid.css https://argyleink.github.io/ragrid/ Link https://nerdy.dev/released-ragrid Share a direct link to this post javascript: (() => { const url = window.location.origin + "/released-ragrid"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() TEDx https://ted.com Embrace UI https://www.youtube.com/embed/odt_C6vaFmI Node http://nodejs.org/ Link https://nerdy.dev/tedx-embrace-ui Share a direct link to this post javascript: (() => { const url = window.location.origin + "/tedx-embrace-ui"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() HTML5 DevConf http://html5devconf.com Lively https://getlive.ly/ Link https://nerdy.dev/html5-dev-conf-on-lively-architecture Share a direct link to this post javascript: (() => { const url = window.location.origin + "/html5-dev-conf-on-lively-architecture"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Art Institute of Seattle https://en.wikipedia.org/wiki/The_Art_Institute_of_Seattle Link https://nerdy.dev/teacher-at-art-institute Share a direct link to this post javascript: (() => { const url = window.location.origin + "/teacher-at-art-institute"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() #HTML5 https://twitter.com/hashtag/html5 Link https://nerdy.dev/intel-developer-zone-tutorial-series Share a direct link to this post javascript: (() => { const url = window.location.origin + "/intel-developer-zone-tutorial-series"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/adobe-createnow Share a direct link to this post javascript: (() => { const url = window.location.origin + "/adobe-createnow"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/graduated-art-school Share a direct link to this post javascript: (() => { const url = window.location.origin + "/graduated-art-school"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/graduated-computer-science-college Share a direct link to this post javascript: (() => { const url = window.location.origin + "/graduated-computer-science-college"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/graduated-high-school Share a direct link to this post javascript: (() => { const url = window.location.origin + "/graduated-high-school"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Link https://nerdy.dev/lived-out-of-my-car Share a direct link to this post javascript: (() => { const url = window.location.origin + "/lived-out-of-my-car"; if (navigator.share) { navigator.share({url}).catch(() => {}); } else { navigator.clipboard.writeText(url); Toast("Link copied! "); } })() Follow me on Twitter https://twitter.com/argyleink Follow me on Mastodon https://front-end.social/@argyleink Follow me on Bluesky https://bsky.app/profile/nerdy.dev Follow me on YouTube https://www.youtube.com/@nerdiestdev Follow me on Github https://github.com/argyleink Shopify https://shopify.com ex-Google https://developer.chrome.com/authors/adam-argyle ex-CSSWG https://www.w3.org/users/112669/ CSS Podcast https://thecsspodcast.libsyn.com/ GUI Challenges https://github.com/argyleink/gui-challenges Whiskey.FM https://whiskey.fm/ Open Props https://open-props.style/ Prop For That https://prop-for-that.netlify.app/ HD Color Picker https://color-input.netlify.app/ Gradient Editor https://gradient.style/ VisBug https://github.com/GoogleChromeLabs/ProjectVisBug transition.style https://www.transition.style/ RSS https://nerdy.dev/rss notebook https://nerdy.dev/notebook follows https://nerdy.dev/follows 404 https://nerdy.dev/nothing-here contact https://nerdy.dev/contact privacy https://nerdy.dev/privacy CSS Webring https://CS.Sjoy.lol https://webri.ng/webring/cssjoy/previous?via=https%3A%2F%2Fnerdy.dev https://webri.ng/webring/cssjoy/random?via=https%3A%2F%2Fnerdy.dev https://webri.ng/webring/cssjoy/next?via=https%3A%2F%2Fnerdy.dev nerdy.dev https://nerdy.dev CSS DevRel https://web.dev/authors/adamargyle/ @CSSWG https://w3.org/groups/wg/css/participants/ @CSS Podcast https://pod.link/thecsspodcast Bad @ CSS https://badatcss.com @GUI Challenges https://goo.gle/GUIchallenges