A series of articles that teach CSS layout by converting real-world Dribbble designs into code, focusing on responsive, accessible, and practical techniques.
Explores the use of the CSS `gap` property in Flexbox layouts, highlighting its benefits over margins for spacing in responsive designs like breadcrumbs.
A developer's personal blog entry sharing books, articles, and resources on programming, software engineering philosophy, and productivity.
A technical analysis of the CSS implementation in Meta's Threads app, focusing on its use of CSS Grid for post layouts.
Explains new CSS viewport units (svh, lvh, dvh) that solve mobile layout issues caused by dynamic browser UI elements like address bars.
A designer announces a new conference talk about iterative UX design for diverse devices and invites speaking opportunities at tech events.
Andy introduces a viewport logger tool to collect data on screen fragmentation and encourages testing on various devices.
A tutorial on creating fluid, responsive typography using the CSS clamp() function to make font sizes scale dynamically with screen or container size.
Explains the correct HTML structure for using CSS container queries to avoid sizing errors with container query units.
Highlights 20 new and upcoming CSS and UI features announced at Google I/O 2023, including container queries, nesting, and scroll-driven animations.
Explores the need for CSS flex-wrap detection, detailing use cases like responsive headers and tabs for better layout control.
Container queries and container query units are now stable in all modern browsers, enabling responsive components based on parent element size.
A guide exploring modern responsive web design techniques, including fluid layouts, container queries, and user preference media queries for 2023 and beyond.
Andy Bell updates his 'Build Excellent Websites' site with a talk video and source code, focusing on letting the browser control design.
Explains why using unitless ratios for CSS line-height is better than fixed pixel values for responsive, flexible typography.
An interactive guide explaining the core concepts of CSS Flexbox, including properties like flex-grow, flex-shrink, and alignment.
Author updates on new web design book edition, potential Vim/JavaScript projects, and shares experiences with custom keyboards and input devices.
Explains why using px units for CSS font-size can harm accessibility and override user preferences, advocating for em/rem units instead.
Explores practical use cases for CSS comparison functions like clamp(), max(), and min(), including fluid sizing, decorative elements, and hero sections.
A guide to using CSS container queries, a new feature for component-based responsive web design, including browser support and polyfill updates.
