Syntax - Tasty Web Development Treats

CSS Trends Almanac for 2022 Part 2

Nov 16, 2022

58:41

Creator website

Highlights

AI Chapters

Episode notes

The New CSS Free Processor

02:04

Log Rocket Forward Slash Syntax

01:52

Level Up Tutorials - The New Site

03:21

Introduction

2min

How to Label Light Switches Correctly

2min

CSS Trends in the Almanac

2min

CSS Columns

3min

The Golden Rule of Transitions

2min

The New CSS Free Processor

2min

Chrome 104, What's It Called?

2min

CSS Sprites.

2min

Using Steps as a Timing Function

2min

10.

Prismic West - What's It All About?

3min

11.

Using Blend Modes in CSS

3min

12.

Responsive Web Design

2min

13.

Prefers Reduced Motion?

2min

14.

What's the Most Popular Break Point?

2min

15.

Is 768 the Width of an iPad?

2min

16.

Log Rocket Forward Slash Syntax

2min

17.

The Most Popular Query Is Position Sticky

2min

18.

What's the Most Common Use Case?

2min

19.

CSS in JS

2min

20.

CSS and JS for Scoping

2min

21.

Using Houdini on the Open Web?

2min

22.

The Most Popular CSS Styles in SAS

2min

23.

Print CSS for Label Printers in Chrome Dev Tools

2min

24.

The New Sanity Studio Is Getting a Major Upgrade

2min

25.

Webkit Transitions - Font Smoothing Behavior

2min

26.

Type App.com Is a CSS Heading Style?

2min

27.

What's the Most Common Variable Name in JavaScript?

2min

28.

The One Unit Server Rack Is Just Like a Server Rack Drawer

1min

29.

Level Up Tutorials - The New Site

3min

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.

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. Get an awesome supercharged free developer plan on 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.

Show Notes