A guide to solving complex UI component problems using composition, breaking down a Card component into smaller, reusable parts.
An article exploring the polarized opinions around Tailwind CSS, comparing it to disagreements over music and Mario Kart to explain differing perspectives.
A technical analysis of the CSS and layout structure used in the Meta Threads web app, exploring UI patterns and potential bugs.
An updated CSS reset stylesheet for modern web development, focusing on better defaults and removing browser inconsistencies.
A developer shares a curated list of essential tools and libraries for modern web development, including bundlers, performance testers, and VS Code extensions.
A technical case study exploring how to rebuild the TechCrunch website layout using modern CSS techniques like Flexbox and Grid.
Explores the CSS linear() function for creating custom, non-linear easing effects in animations, moving beyond basic timing.
Exploring the Virtual Keyboard API to solve the problem of fixed UI elements being hidden by mobile keyboards, with examples and browser support details.
A video talk from a conference covering modern CSS layout techniques and new features for web development.
Explains new CSS viewport units (svh, lvh, dvh) that solve mobile layout issues caused by dynamic browser UI elements like address bars.
A guide on using PostCSS with Eleventy's before event to process, optimize, and generate CSS for a static site.
A tutorial on creating a simple line graph using CSS clip-path and clip-mask techniques, avoiding heavy charting libraries.
Explores upcoming CSS State Container Queries, including 'stuck' and 'wrap' states, for styling based on element conditions without JavaScript.
A technical guide on using Zig's metaprogramming features, specifically reflection, to parse CSS into typed structs and pretty-print the results.
A technical blog post explaining a CSS solution to remove unwanted underlines from trailing spaces in groups of inline anchor tags.
A reflection on CSS Day 2023, highlighting the rapid evolution of CSS, the undervaluation of CSS skills, and the need for community building.
A tutorial on creating fluid, responsive typography using the CSS clamp() function to make font sizes scale dynamically with screen or container size.
A CSS tutorial on creating animated, wavy pride flags using React, keyframe animations, and gradients for Pride Month.
A technical exploration of the CSS :has() pseudo-class, demonstrating its power for selecting parent and sibling elements with interactive demos.
Set Studio's new website ranks 2nd in a digital agency carbon footprint index, highlighting sustainable web design.
