Explores combining CSS Variables with CSS Grid to create dynamic, responsive layouts with cleaner, more maintainable code.
A curated collection of popular and useful CSS snippets for responsive design, text selection, clearfix, box-sizing, and modern layouts.
Explains the key differences between auto-fill and auto-fit keywords for responsive column sizing in CSS Grid layouts.
Explains a historical Safari bug with em-based media queries and why pixels were the recommended unit for consistent responsive design.
Explains the CSS minmax() function for creating flexible grid layouts with minimum and maximum size constraints.
The author details the process of redesigning and rebuilding their tech blog, focusing on logo creation, design decisions, and performance improvements.
A developer explains the benefits of prototyping a web app UI with static HTML and a templating engine for rapid iteration.
Explains the CSS3 calc() function, its advantages over pre-processors, and practical usage examples for dynamic CSS values.
A technical guide on using CSS custom properties to manage responsive state changes, like a collapsible menu, without duplicating breakpoint logic.
A reflection on web performance evolution, from Responsive Design to Progressive Web Apps, emphasizing speed and mobile-first principles.
Explores performance-friendly techniques for creating flexible, animatable shadows in responsive web design, comparing CSS box-shadow and filter approaches.
Critique of using separate 'm.' domains for mobile sites, highlighting usability issues when sharing links across devices.
A technical guide on using the postMessage API to create responsive iframes by communicating height between embedded and hosting documents.
Explains the iOS Safari 'shrink-to-fit' viewport issue and the required meta tag fix for responsive web design.
A tutorial on implementing the classic Holy Grail web layout using the modern CSS Grid module, with code examples and explanations.
Explores practical use cases for CSS container queries, a proposed feature for responsive web design, with code examples for modular components.
A front-end developer's wishlist for 2016, focusing on container queries, Service Worker adoption, and new CSS selectors.
A technical guide on using CSS Flexbox to create responsive, self-adjusting grid layouts that handle dynamic content elegantly.
Explains CSS techniques to define image aspect ratios, preventing layout reflow and improving page load experience.
A developer shares three reusable SASS mixins for media queries, element centering, and fade transitions to improve CSS workflow.
