css trends

Explore "css trends" with insightful episodes like "Reacting to State of CSS Survey" and "2022 CSS Trends and Usage Web Almanac" from podcasts like ""Syntax - Tasty Web Development Treats" and "Syntax - Tasty Web Development Treats"" and more!

Episodes (2)

Reacting to State of CSS Survey

In this episode of Syntax, Wes and Scott go over some of the results the State of CSS survey for 2023, including drop-shadow, subgrid, logical properties, media range, and more!

Show Notes

00:25:21 Welcome
01:31:22 Soccer update
03:52:05 Syntax Brought to you by Sentry
04:03:18 StateOfCSS.com
State of CSS 2023
04:21:11 Top 5 Most Used Features
09:13:09 Drop-shadow
13:00:11 Subgrid
18:31:21 Logical properties
20:11:20 Media range
20:52:11 Object view box
23:10:14 Anchor positioning
28:21:09 Intrinsic sizing keywords
29:32:00 View Transitions API
Can I use… Support tables for HTML5, CSS3, etc
Astro
Supper Club × Astro 2.0 with Fred Schott — Syntax Podcast 580
31:43:18 Updates to colors in CSS
35:07:05 Accent color, current color
36:36:11 Scroll snap and overscroll behaviour
39:04:22 Touch action
40:16:01 Line clamp or variable font
Variable Fonts
45:28:11 Accessibility features
48:33:12 :Has has jumped
49:32:11 @Property
53:52:13 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Scott: Syntax Podcast (@syntaxfm) | TikTok
Wes: Web Unleashed 2023 - FITC

Tweet us your tasty treats

Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Wes Bos on Bluesky
Scott on Bluesky
Syntax on Bluesky

Syntax - Tasty Web Development Treats

enSeptember 27, 2023

browser compatibility

2022 CSS Trends and Usage Web Almanac

In this episode of Syntax, Wes and Scott talk about some of the CSS Trends and Usage for 2022 as documented by the Web Almanac - and give some great cleaning tips along the way.

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.

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.