No, Utility Classes Aren't the Same As Inline Styles
The article argues against the common misconception that utility-first CSS classes are equivalent to inline styles, explaining their fundamental differences and capabilities.
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.
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.
A front-end developer explores how inspecting website elements with DevTools can fuel curiosity and learning, using Instagram's layout as a case study.
A technical tutorial on creating realistic paper snowflake effects in CSS using clip-path, masking, and custom properties.
A tutorial for front-end developers on how to create a whimsical, interactive 3D button using only HTML and CSS.
Andy Bell critiques tech industry debates as "boring money internet" and advocates for a more creative, inclusive web.
A guide to creatively styling HTML <hr> elements with CSS and SVG, moving beyond plain lines to add visual flair while maintaining semantics.
A technical guide to creating animated underlines for links using modern CSS properties like text-underline-offset and text-decoration-color.
A reflection on CSS Battle videos, analyzing how programmers think, test theories, and iterate through code to solve front-end web development challenges.
A web developer criticizes accessibility overlays as harmful and ineffective, advocating for proper web accessibility practices.
A tutorial on creating interactive inline color preview boxes in R using htmltools and custom CSS.
A guide to understanding and using CSS logical properties for better RTL and multi-directional web layouts.
A critique of Tailwind CSS and utility-first frameworks, advocating for a more flexible, technology-agnostic approach like CUBE CSS.