This week, Robbie and Adam talk with Kevin Powell about the quirks and complexities of CSS, from Tailwind and Flexbox to AI&rsquo;s failure to write decent styles. While sipping some Crown Royal Black, they dig into weird web history, emerging CSS specs, toast milestones, and the beauty of clean code.
In this episode:
<ul>
<li>(00:00) - Intro</li>
<li>(02:51) - Whiskey rating & review: Crown Royal Black</li>
<li>(07:54) - Hot Take: Is CSS a programming language?</li>
<li>(09:54) - Hot Take: Was CSS-in-JS a mistake?</li>
<li>(10:53) - Hot Take: Grid vs Flexbox</li>
<li>(12:31) - Hot Take: Tailwind vs vanilla CSS?</li>
<li>(16:05) - Kevin's favorite place to write CSS</li>
<li>(17:45) - What CSS feature scares Kevin the most?</li>
<li>(19:20) - Kevin's first CSS pre-processor</li>
<li>(22:40) - CSS features that are taking too long to ship</li>
<li>(27:22) - text-box-trim vs margin-trim</li>
<li>(29:53) - Why attr() is a game-changer for CSS</li>
<li>(31:18) - NPM package chaos and security concerns</li>
<li>(32:16) - The &ldquo;billion laughs&rdquo; CSS attack</li>
<li>(33:19) - Why can't AI write CSS?</li>
<li>(36:52) - Wake-and-bake? Kevin&rsquo;s sourdough & kombucha hobby</li>
<li>(38:42) - Kevin&rsquo;s homebrewing and water shortage woes</li>
<li>(40:28) - Hobbies, football, and making time for fun</li>
<li>(42:44) - What would Kevin do if not in tech?</li>
<li>(44:41) - Kevin's favorite CSS typo</li>
<li>(45:58) - Rebuilding Tailwind from scratch</li>
<li>(46:53) - Vanilla CSS vs. Tailwind: Who wins a coding race?</li>
<li>(50:08) - Plugs</li>
</ul>
Links
<ul>
<li>Crown Royal Black:&nbsp;<a href="https://www.crownroyal.com/canadian-whisky/crown-royal-black">https://www.crownroyal.com/canadian-whisky/crown-royal-black</a></li>
<li>All Things Open:&nbsp;<a href="https://allthingsopen.org/">https://allthingsopen.org/</a></li>
<li>General Musings:&nbsp;<a href="https://www.youtube.com/@GeneralMusings">https://www.youtube.com/@GeneralMusings</a></li>
<li>Frontend Masters:&nbsp;<a href="https://frontendmasters.com/">https://frontendmasters.com/</a></li>
<li>Shopify:&nbsp;<a href="https://www.shopify.com/">https://www.shopify.com/</a></li>
<li>Ken Wheeler:&nbsp;<a href="https://x.com/ken_wheeler/">https://x.com/ken_wheeler/</a></li>
<li>JavaScript:&nbsp;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">https://developer.mozilla.org/en-US/docs/Web/JavaScript</a></li>
<li>Figma:&nbsp;<a href="https://www.figma.com/">https://www.figma.com/</a></li>
<li>CSS Grid:&nbsp;<a href="https://www.w3schools.com/css/css_grid.asp">https://www.w3schools.com/css/css_grid.asp</a></li>
<li>Flexbox:&nbsp;<a href="https://www.w3schools.com/css/css3_flexbox.asp">https://www.w3schools.com/css/css3_flexbox.asp</a></li>
<li>Tailwind CSS:&nbsp;<a href="https://tailwindcss.com/">https://tailwindcss.com/</a></li>
<li>Grok:&nbsp;<a href="https://grok.com/">https://grok.com/</a></li>
<li>CodePen:&nbsp;<a href="https://codepen.io/">https://codepen.io/</a></li>
<li>VS Code:&nbsp;<a href="https://code.visualstudio.com/">https://code.visualstudio.com</a></li>
<li>Emmet:&nbsp;<a href="https://emmet.io/">https://emmet.io/</a></li>
<li>Vue:&nbsp;<a href="https://vuejs.org/">https://vuejs.org/</a></li>
<li>Saas:&nbsp;<a href="https://sass-lang.com/">https://sass-lang.com/</a></li>
<li>Stylus:&nbsp;<a href="https://www.npmjs.com/package/stylus">https://www.npmjs.com/package/stylus</a></li>
<li>TypeScript:&nbsp;<a href="https://www.typescriptlang.org/">https://www.typescriptlang.org/</a></li>
<li>CoffeeScript:&nbsp;<a href="http://coffeescript.org/">http://coffeescript.org/</a></li>
<li>Sarah Soueidan:&nbsp;<a href="https://twitter.com/SaraSoueidan">https://twitter.com/SaraSoueidan</a></li>
<li>Shepherd:&nbsp;<a href="https://www.shepherdjs.dev/">https://www.shepherdjs.dev/</a></li>
<li>NPM:&nbsp;<a href="https://www.npmjs.com/">https://www.npmjs.com/</a></li>
<li>Swatch:&nbsp;<a href="https://swatch.dev/">https://swatch.dev/</a></li>
<li>Colorzilla:&nbsp;<a href="https://www.colorzilla.com/">https://www.colorzilla.com/</a></li>
<li>TinyColor:&nbsp;<a href="https://bgrins.github.io/TinyColor/">https://bgrins.github.io/TinyColor/</a></li>
<li>CrowdStrike:&nbsp;<a href="https://www.crowdstrike.com/">https://www.crowdstrike.com/</a></li>
<li>Ember:&nbsp;<a href="https://emberjs.com/">https://emberjs.com/</a></li>
<li>GitHub:&nbsp;<a href="https://github.com/">https://github.com/</a></li>
<li>Chris Coyier:&nbsp;<a href="https://x.com/chriscoyier">https://x.com/chriscoyier</a></li>
<li>Virginia Tech:&nbsp;<a href="https://www.vt.edu/">https://www.vt.edu/</a></li>
<li>The Eagles:&nbsp;<a href="https://www.philadelphiaeagles.com/">https://www.philadelphiaeagles.com/</a></li>
<li>Saquon Barkley:&nbsp;<a href="https://en.wikipedia.org/wiki/Saquon_Barkley">https://en.wikipedia.org/wiki/Saquon_Barkley</a></li>
<li>Adam Wathan:&nbsp;<a href="https://x.com/adamwathan/">https://x.com/adamwathan/</a></li>
<li>Kevin on YouTube:&nbsp;<a href="https://www.youtube.com/kevinpowell">https://www.youtube.com/kevinpowell</a></li>
</ul>
Connect with Kevin
<ul>
<li>Website:&nbsp;<a href="https://www.kevinpowell.co/">https://www.kevinpowell.co/</a></li>
<li>Bluesky:&nbsp;<a href="https://bsky.app/profile/kevinpowell.co">https://bsky.app/profile/kevinpowell.co</a></li>
<li>Courses:&nbsp;<a href="https://www.kevinpowell.co/courses/">https://www.kevinpowell.co/courses/</a></li>
</ul>
Connect with the hosts
<ul>
<li>Robbie Wagner:&nbsp;<a href="https://x.com/RobbieTheWagner">https://x.com/RobbieTheWagner</a></li>
<li>Chuck Carpenter:&nbsp;<a href="https://x.com/CharlesWthe3rd">https://x.com/CharlesWthe3rd</a></li>
<li>Adam Argyle:&nbsp;<a href="https://x.com/argyleink">https://x.com/argyleink</a></li>
</ul>
Subscribe and stay in touch
<ul>
<li>Website:&nbsp;<a href="https://whiskey.fm/">https://whiskey.fm</a></li>
<li>Apple Podcasts:&nbsp;<a href="https://podcasts.apple.com/us/podcast/whiskey-web-and-whatnot/id1552776603">https://podcasts.apple.com/us/podcast/whiskey-web-and-whatnot/id1552776603</a></li>
<li>Spotify:&nbsp;<a href="https://open.spotify.com/show/19jiuHAqzeKnkleQUpZxDf">https://open.spotify.com/show/19jiuHAqzeKnkleQUpZxDf</a></li>
<li>Overcast:&nbsp;<a href="https://overcast.fm/itunes1552776603">https://overcast.fm/itunes1552776603</a></li>
<li>YouTube:&nbsp;<a href="https://www.youtube.com/@WhiskeyWebAndWhatnot">https://www.youtube.com/@WhiskeyWebAndWhatnot</a></li>
</ul>
Whiskey Web and Whatnot MerchEnjoying the podcast and want us to make more? Help support us by picking up some of our fresh merch at&nbsp;<a href="https://whiskey.fund/">https://whiskey.fund</a>.

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

Is CSS a Programming Language? w/ Kevin Powell

Whiskey Web and Whatnot: Web Development, Neat

AI Chapters

AI Insights

Reviews