Responsive Web Design

2min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

I think we're about to undergo a major transition in responsive web design with CSS container queries becoming a thing. It's funny that the very first sentence on this is while many developers are eagerly and eagerly anticipating container queries, that is so true. This is the first thing I thought of when I see responsive design here. The next step is min device pixel ratio prefers reduced motion, which is being used by 34% rotation max device width high contrast max height min resolution transform 3D.

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