Explains how to use CSS Level 5 media queries (hover, pointer) to detect hover-capable devices for better responsive design and accessibility.
A web developer discusses being interviewed by the Wall Street Journal about designing for motion sensitivities and the 'prefers-reduced-motion' browser feature.
A developer discusses participating in Dev Roulette Live, a video series pairing developers for live, random-topic conversations about CSS and coding.
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.
A tutorial series exploring how to use trigonometric functions for creative coding and animations in CSS and JavaScript.
CSS techniques to optimize Core Web Vitals like LCP and CLS, covering layout, images, fonts, and animations for better performance.
Explores the next era of responsive web design, moving beyond viewport media queries to user preferences, container queries, and component-driven styles.
A deep dive into the CSS `revert` keyword and why it behaves unexpectedly with custom properties, based on a Twitter quiz most developers got wrong.
A reminder for developers to share their frontend knowledge, even basic tips, as no one can know every detail in the field.
The article argues against the common misconception that utility-first CSS classes are equivalent to inline styles, explaining their fundamental differences and capabilities.
A technical guide demonstrating how to use the new CSS Container Queries feature within Web Components, including a live bookstore demo.
Explains the upcoming CSS @container feature for responsive element styling based on parent size, not just viewport.
Explores using CSS Container Queries for component-level art direction, particularly for responsive images within card layouts.
Explores different methods for setting up custom asset pipelines (CSS, JS) in the Eleventy static site generator.
A tutorial on integrating Sass into a Blazor web project using npm scripts, without requiring complex build tools like gulp or webpack.
A beginner's guide to using CSS Custom Properties (CSS variables) for tokenizing styles, managing complexity, and creating dynamic, maintainable code.
A guide offering simple, practical CSS rules of thumb for developers, covering selectors, BEM, specificity, and layout basics.
A developer's system for grouping and sorting CSS properties to improve code readability and team consistency, with practical examples.
An introduction to CSS Container Queries, a new CSS feature that allows components to respond to their container's size instead of the viewport.
