Syntax - Tasty Web Development Treats
Technology
In this Hasty Treat, Scott and Wes talk about CSS container queries, what they are and how to use them.
Sanity - SponsorSanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
LogRocket - SponsorLogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
Show Notes07:22 - Why?
08:49 - The Syntax
New contain value:
.inline-container { contain: inline-size; }This is the same as the logical properties. Assuming you read LTR, or RTL:
18:49 - How to try them today
19:27 - Demos
AI and Coding with ChatGPT
Clean vs Sloppy Code
Supper Club × Astro 2.0 with Fred Schott
Warp Terminal × Next Gen Terminals
Logging
Supper Club × Solid.js with Ryan Carniato
Potluck × Native Web Components × JS Class Mixins × Application Secrets
Save us from Config File Hell
Supper Club × Qwik framework from Miško Hevery, the Creator of Angular
Converting JS to TypeScript
Polish and Perf
Supper Club × Rust In Action with Tim McNamara
570
CSS Wishlist
Supper Club × Caleb Porzio
We React to State of JS 2022
Container Queries Explained
Supper Club × Simen Svale Skogsrud and Espen Hovlandsdal from Sanity
Potluck × JS Modules × HTML Tags × Recession × Budgeting
Buy It or Build It? A Service is Not a Solution
Create your
podcast in
minutes
It is Free
Insight Story: Tech Trends Unpacked
Zero-Shot
Fast Forward by Tomorrow Unlocked: Tech past, tech future
The Unbelivable Truth - Series 1 - 26 including specials and pilot
Lex Fridman Podcast