UNLIMITED
Our Stacks Explained ?️ ?: Scott and Wes detail their current stacks that run their training platforms. From front end code linting to the server side and databases. Sponsor by Loren Stewart. The first 20 people to use the code SYNTAX_FREE will get the course for free!... by Syntax - Tasty Web Development TreatsUNLIMITED
807: CSS Components: Tailwind, Panda, Scoped, Modules, Classes, Variables, CSS-in-JS and Sprinkles!
UNLIMITED
807: CSS Components: Tailwind, Panda, Scoped, Modules, Classes, Variables, CSS-in-JS and Sprinkles!
ratings:
Length:
38 minutes
Released:
Aug 12, 2024
Format:
Podcast episode
Description
In this episode of Syntax, Wes and Scott talk about CSS components, including class-based components, CSS modules, scoped CSS, utility CSS, and CSS-in-JS strategies. They share their thoughts, what differentiates these approaches, and why you may (or may not) want to use them. Show Notes 00:00 - Welcome to Syntax! 01:30 - Brought to you by Sentry.io. 02:11 - What makes a good CSS component system? 07:54 - Component vs part of a component 13:26 - CSS Modules 15:56 - Scoped CSS @scope - (82% support!) ff behind flag https://developer.mozilla.org/en-US/docs/Web/CSS/@scope 21:07 - How is Panda different from style components? Panda StyleX 00:00 - Utility CSS TailwindCSS Uno 31:08 - Utility Sprinkles 34:13 - CSS variables https://open-props.style Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads
Released:
Aug 12, 2024
Format:
Podcast episode
Titles in the series (100)
- 80 min listen