CSS Containers
A web development podcast from LogRocket
I talk with Noel Minchow about CSS Container Queries, why they took so long, how they work, and what to watch out for.
Podcast
post type
Posts by Date
Read, watch, & listen
Learn how to write resilient CSS, add WebSocket push notifications to a RESTful API, and more with these articles, videos, podcasts, and case studies.
2023 Posts
Winging It post typehtmx
During our conversation, we discuss what htmx is, how it improves user experience, and walk through some examples of common UI patterns using htmx.
Article post typeWhen to Choose a Native Mobile App
Part 2 – Responsive Web App vs Native Mobile App vs Progressive Web App
If you have an idea for a digital product, you may be wondering if you should build a responsive web app, a native mobile app, or a progressive web app. Is one option inherently better? What are the pros and cons? This is part 2 of a three-part series unpacking…
Winging It post typeCSS Cascade Layers
If you’ve ever found yourself in a specificity war, you’ll understand how important having control over style priority can be. During our conversation, we discussed what CSS Layers are and how you can use them in your project.
-
see all Article posts
Article post typeWhen to Choose a Responsive Web App
Part 1 – Responsive Web App vs Native Mobile App vs Progressive Web App
The decision of what platform to use to build your app is quite important – affecting project scope, timeline, and budget. But understanding the differences between a responsive web app, a native mobile app, and a progressive web app – and deciding which one is right for your project – can seem insurmountably difficult. Welcome to part 1 of a three-part series unpacking the reasons to choose one platform over another. Let’s start with responsive web apps.
Article post typeCan We Query the Root Container?
The complexities of containment, overflow, and ‘propagation’
I spoke about Container Queries at both Smashing Conference (San Francisco) and CSS Day (Amsterdam) – where I recommended setting up a root container to replace most media queries. Since then, Temani Afif pointed out a few issues with that approach, and sent me down a rabbit hole of overlapping…
Article post typeUsing Web Platform Tests to Write and Test Polyfills
Learn how to leverage Web Platform Tests to ensure your polyfills are implementing upcoming browser features correctly, including how to generate a comprehensive report of failing/passing tests on each change.
Article post typePython Web Conference 2023 Recap
OddBird sponsored Python Web Conference 2023 and sent me to attend. In this article I showcase my favorite talks and activities from this excellent online event, including a list of useful resources for web application security, introductions to new PaaS providers, and a comparison of the most popular Python web…
2022
Article post typeRunning Playwright inside Docker containers
Learn how to run Playwright in headed mode to interact with the browser’s user interface from outside Docker containers.
Article post typeWhen Our Tools Hold Us Back
What happens if the ‘pace layers’ get out of sync?
Ask not just: How well does it work? But also: How well does it fail? What happens when something goes wrong? —Jeremy Keith
Video post typeState of CSS Frameworks
How can we write our styles in style?
A panel conversation with library and methodology authors and CSS aficionados about recent features added to CSS, developments in how to write more effective, maintainable CSS in small teams and at scale, and what libraries and trends to investigate.
Link post typeSass Color Spaces (Request for Comments)
A new proposal for color management in Sass
There’s been a lot of exciting work in the CSS color specifications lately, and since the new features are already starting to land in browsers, we’ve been preparing to add support in Sass as well. My proposal for that is published and ready for public feedback!
-
see all Article posts
Article post typeUse the Right Container Query Syntax
Size queries are stable, and shipping in browsers
Since we got a first look at a Container Queries prototype back in April 2021, the syntax has changed a few times. But now the spec is stable, browsers are getting ready to ship, and it’s time to make sure you’re using the same syntax they are!
Styling the intrinsic web
A web development podcast from LogRocket
I talk with Noel Minchow about how to style the intrinsic web, what that means, and how it’s compatible with responsive design.
Article post typeNot All Zeros are Equal
And every ‘best practice’ comes with caveats
There’s a well-established ‘best practice’ that CSS authors (as well as linters and minifiers) should remove units from any
0value. It’s a fine rule in most cases, but there are a few common situations where it will break your code.