Jared-Dev · pull · Nov 5, 2022 · Nov 4, 2022 · Nov 4, 2022
diff --git a/shows/537 - Hasty CSS.md b/shows/537 - Hasty CSS.md
@@ -0,0 +1,70 @@
+---
+number: 537
+title: CSS Trends Almanac for 2022 Part 2
+date: 1668600000985
+url: https://traffic.libsyn.com/syntax/Syntax_-_537.mp3
+---
+
+In this episode of Syntax, it's part 2 of Wes and Scott's journey through the CSS Trends Almanac for 2022 talking through the rest of the popular CSS properties on the web.
+
+## Prismic  - Sponsor
+
+Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at [prismic.io/syntax](https://prismic.io/syntax).
+
+## Sanity - Sponsor
+
+Sanity.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](https://www.sanity.io/create). Get an awesome supercharged free developer plan on [sanity.io/syntax](https://www.sanity.io/syntax).
+
+## LogRocket - Sponsor
+
+LogRocket 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](https://logrocket.com/syntax).
+
+## Show Notes
+
+* **[00:06](#t=00:06)** Welcome
+* [Syntax 525 - 2022 CSS Trends and Usage Web Almanac Part 1](https://syntax.fm/show/525/2022-css-trends-and-usage-web-almanac)
+* **[01:22](#t=01:22)** Smart home updates
+* **[04:05](#t=04:05)** Box sizing: border box
+* **[06:57](#t=06:57)** CSS Columns
+* **[09:20](#t=09:20)** Aspect Ratio
+* [Can I Use CSS Properties Rotate](https://caniuse.com/mdn-css_properties_rotate)
+* **[09:53](#t=09:53)** Transitions and animations
+* **[13:36](#t=13:36)** Transition time
+* **[17:05](#t=17:05)** Steps as a timing function
+* **[19:01](#t=19:01)** Sponsor: Prismic
+* **[19:43](#t=19:43)** Blend modes
+* **[23:57](#t=23:57)** Responsive web design
+* **[26:31](#t=26:31)** Prefers Color Scheme
+* **[27:48](#t=27:48)** Popular breakpoints
+* **[30:57](#t=30:57)** Sponsor: LogRocket
+* **[32:06](#t=32:06)** Feature queries and @ supports
+* **[34:59](#t=34:59)** Logical and physical properties
+* **[37:59](#t=37:59)** css-in-js
+* [Sam Magura - Why We're Breaking Up with CSS-in-JS](https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b)
+* [Brad Frost - Why We’re Breaking Up with CSS in JS](https://bradfrost.com/blog/link/why-were-breaking-up-with-css-in-js/)
+* **[42:28](#t=42:28)** Sass
+* **[43:20](#t=43:20)** Print styles
+* **[45:39](#t=45:39)** Sponsor: Sanity
+* **[46:25](#t=46:25)** Longhand properities
+* **[48:08](#t=48:08)** Non-existant properties
+* **[51:54](#t=51:54)** SIIIIICK ××× PIIIICKS ×××
+
+## ××× SIIIIICK ××× PIIIICKS ×××
+
+* Scott: [Front Bumper Drillless Plate Holder](https://amzn.to/3zwGhj6)
+* Wes: [1U Server Rack](https://amzn.to/3h0xvmT)
+
+## Shameless Plugs
+
+* Scott: [LevelUp Tutorials](https://leveluptutorials.com/)
+* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)
+
+## Tweet us your tasty treats
+
+* [Scott's Instagram](https://www.instagram.com/stolinski/)
+* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)
+* [Wes' Instagram](https://www.instagram.com/wesbos/)
+* [Wes' Twitter](https://twitter.com/wesbos)
+* [Wes' Facebook](https://www.facebook.com/wesbos.developer)
+* [Scott's Twitter](https://twitter.com/stolinski)
+* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets