2021 in Review
A web developer's 2021 review focusing on new CSS features, upcoming browser support, and influential people in the CSS community.
A web developer's 2021 review focusing on new CSS features, upcoming browser support, and influential people in the CSS community.
Safari now supports the CSS :has() pseudo-class, enabling powerful parent and relational element styling.
A detailed guide to a modern CSS reset, explaining each rule and its benefits for improving web development.
Introducing the Shadow Palette Generator, a tool for creating cohesive sets of CSS shadows for web design.
Explains why CSS `position: sticky` fails inside CSS Grid containers and how to fix it by overriding the default `align-items: stretch` behavior.
Explains why WOFF2 is the optimal web font format, comparing file sizes and browser support, with conversion tips.
A guide on using CSS media queries and custom properties (variables) together to create more manageable and maintainable responsive web designs.
A deep dive into the HTML and CSS structure of Facebook Messenger's chat bubble component, covering its variations and design considerations.
Explains how to use any icon as pure CSS with UnoCSS, covering DataURI generation, scalability, and color customization.
Explains how to build a fast CSS preprocessor using fuzzy parsing to expand nested SCSS-like rules without a full parser.
An overview of the 2021 State of CSS survey, discussing new CSS features and the importance of developer feedback.
Analyzing the cleverness and maintainability of complex CSS solutions, like Facebook's conditional border-radius toggle, versus simpler, more readable alternatives.
Explores 3+1 strategies for setting default values in CSS custom properties to create reusable, customizable components.
A developer shares how quitting Twitter's timeline improved their mental health and shifted their focus to client work and mentoring.
Explains a clever CSS technique used by Facebook to conditionally toggle border-radius based on element width vs viewport width.
Explores how the CSS prefers-color-scheme media query prioritizes app-level theme settings over OS-level preferences, with practical testing examples.
Explains how Remix's unique feature prevents CSS clashes by dynamically loading and unloading stylesheets per page.
Explains how to use CSS :is() and :where() pseudo-selectors to simplify and improve block spacing in WordPress Gutenberg themes.
A CSS tutorial on creating realistic, beautiful shadows using techniques like layering and color-matching to improve web design.
Explores modern CSS techniques to replace absolute positioning with flexbox and grid for common layout challenges like card overlays.