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.
A talk on modern CSS layout techniques, emphasizing flexibility and new features like Container Queries and :has().
CSS container queries are now supported in modern browsers, enabling responsive component design based on parent container size instead of viewport.
Explains the new CSS @container queries and :has() selector, their synergy for responsive design, and how to use them in Chromium 105.
Explains how CSS logical properties like padding-inline provide shorthands for setting spacing on a single axis, improving code maintainability.
A developer discusses the importance of testing websites on ultrawide (21:9) screens, not just standard 16:9, and provides a simple method for emulating these resolutions.
A CSS tutorial on techniques for creating full-width components within a centrally constrained layout, discussing markup and styling solutions.
Ahmad Shadeed's Defensive CSS is a detailed resource of techniques for building resilient, robust front-end user interfaces.
A guide to using the CSS aspect-ratio property for responsive design, with syntax and visual examples.
Argues against desktop-first web design, advocating for a mobile-first approach to improve user experience across all devices.
A developer argues for using HTML and CSS as the ultimate responsive design tool, critiquing visual design tools like Figma and Webflow.
Explores when to use pixels vs. ems/rems in CSS for optimal web accessibility, arguing both are necessary.
A CSS tutorial on creating a dynamic line separator between flexbox items that adapts to screen size, using pseudo-elements and flexbox properties.
Explains why using vw/vh units for font sizes creates accessibility and layout issues, and recommends using em, rem, and clamp() instead.
A technical deep dive into building the Designcember holiday calendar site, covering responsive design, CSS techniques, and development tools.
A guide on using CSS media queries and custom properties (variables) together to create more manageable and maintainable responsive web designs.
