Siegfried, deploy!

Container Queries are here! Can we use them now?

February 02, 2023 Bleech
Siegfried, deploy!
Container Queries are here! Can we use them now?
Show Notes

Let's dive into the hotly-anticipated arrival of container queries! We’ll discuss whether it’s worth jumping on them now, what strategies you can follow, and the potential pitfalls to watch out for, including limited browser support, increased design and development complexity, and the potential performance issues. That said, let’s not be afraid, but embrace the future!

Highlights
00:00 Intro
05:00 Defining a container query
07:18 Use cases
09:20 Built-in fallback
12:09 ACF Blocks in Gutenberg
14:04 New length units
17:11 Naming and nesting
25:55 Should we use them now?
32:58 Progressive enhancement ftw

Links
Browser support: https://caniuse.com/css-container-queries
Polyfill: https://github.com/GoogleChromeLabs/container-query-polyfill
WP Podcasts: https://wppodcasts.com/
Nested container queries: https://developer.mozilla.org/en-US/docs/Web/CSS/@container#nested_container_queries
Gutenberg: https://wordpress.org/gutenberg/
Flynt: https://flyntwp.com/
Planning Poker: https://www.planningpoker.net/ 

More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)