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.
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.
A developer shares the process and inspiration behind the fifth major redesign of their personal blog, giving it a VS Code-inspired theme.
A deep-dive tutorial on CSS keyframe animations, covering syntax, timing functions, loops, and advanced techniques for developers.
A tutorial on building responsive, accessible stepper components using HTML and CSS, covering layout, styling, and separator lines.
A new feature in Chrome Canary's DevTools allows developers to toggle and convert between CSS length units like px, em, rem, and more.
