CSS
4 posts
Building component-level responsive design with Container Queries
Starting from the limits of media queries and the old JS-based hacks for watching element size, this post walks through how Container Queries work, how to write @container syntax, and when to reach for it instead of page-level responsive thinking.
CSS Architecture Strategies: From BEM to Tailwind CSS and UnoCSS
A comparison of how BEM, CSS Modules, Tailwind CSS, and UnoCSS each tackle naming collisions and scoping, to help you figure out which strategy fits a large project.
Why top/left animations stutter but transform/opacity stay silky smooth
A look at the browser's rendering pipeline to explain why top/left animations tend to drop frames, and how pairing transform and opacity with will-change gets your animation onto the GPU for genuinely smooth CSS.
CSS Specificity and the Cascade: Who Actually Wins?
A walkthrough of the order the browser uses to resolve style conflicts — how specificity is calculated, the three layers of the cascade, and whether you should ever reach for !important.