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 guide on using CSS media queries and custom properties (variables) together to create more manageable and maintainable responsive web designs.
A technical guide to optimizing hero videos on landing pages for faster load times and better UX, covering aspect ratios and layout shifts.
Explains a clever CSS technique used by Facebook to conditionally toggle border-radius based on element width vs viewport width.
A guide for front-end developers on making strategic decisions to build flexible, adaptable UI components that handle real-world content and diverse user needs.
Explores whether modern CSS layout tools like flexbox and Grid make traditional 12-column design grids obsolete for web development.
A proposal for browser dev tools to toggle CSS size units (px, em, rem) like color values, improving designer-developer workflow.
Explores CSS techniques for inheriting grandparent font sizes using type-relative units, with practical examples and use cases.
Explores the future of CSS layout, comparing the roles of @container queries and traditional @media queries in responsive web design.
Explores using CSS Container Queries for component-level art direction, particularly for responsive images within card layouts.
Explores advanced, practical applications of CSS variables beyond basic color tokens, with examples for dynamic styling and code efficiency.
An introduction to CSS Container Queries, a new CSS feature that allows components to respond to their container's size instead of the viewport.
A tutorial on creating responsive UICollectionView layouts using Compositional Layout that adapts to different iPad screen sizes and orientations.
A deep dive into building robust, real-world UI components, using a Facebook Messenger card as an example to explore edge cases and scalability.
A tutorial on using CSS Scroll Snap to create smooth, swipeable scrolling containers for galleries and sliders without JavaScript.
Learn to build a custom React hook using window.matchMedia for responsive JavaScript-based conditional rendering instead of CSS media queries.
