#CSS
673 related articles
·3 min
Why I No Longer Recommend Tailwind CSS: An In-Depth Analysis of Pros, Cons, and Use Cases
From HTML readability to code reuse dilemmas and framework lock-in risks, a systematic analysis of Tailwind CSS controversies to help developers make informed technology choices.
Read more →
·1 min
shadcn/typeset: One CSS File to Solve All Your Markdown Typography Problems
shadcn/typeset uses a single customizable typeset.css file to handle Markdown typography for blogs, docs, and AI chat — with native streaming support.
Read more →
CSS Grid Layout: Three Solutions for A…
·2 min
CSS Grid Layout: Three Solutions for Aligning Images of Different Sizes
Struggling to align images of different sizes in a CSS grid? Explore three proven solutions: CSS Grid with object-fit, Masonry layout, and AI-powered smart cropping.
Read more →
·5 min
Pure CSS Popovers: A Native Approach Without JavaScript
Build animated, accessible popover components with zero JavaScript using modern CSS: the native Popover API, @starting-style, transition-behavior, and CSS Anchor Positioning. Includes full code examples.
Read more →
·3 min
Pure CSS Popover Animations: A Complete Zero-JavaScript Guide
Learn how to build smooth open/close popover animations using the HTML popover attribute, CSS Anchor Positioning, and @starting-style — zero JavaScript needed.
Read more →
·2 min
No JS Required: How a Pure CSS Adventure Game Works
The Mine builds a complete adventure game with only HTML and CSS — no JavaScript. Explore how checkbox/:checked and sibling selectors power state and viewport shifts.
Read more →
·2 min
Building Connect 4 in Pure CSS: Rethinking CSS as a Programming Language
A developer built a complete Connect 4 game using only CSS — no JavaScript. This article explores the Checkbox Hack, selector combinations, and other core techniques, examining the computational boundaries of CSS.
Read more →
·2 min
CSS color-mix() in Practice: One Line of Code for Light/Dark Theme Color Switching
Learn how CSS color-mix() lets you handle light and dark theme hover effects in one line of code, cutting your CSS in half compared to relative colors.
Read more →
·2 min
CSS if() Statements and Custom Functions: Media Queries Are About to Change Dramatically
CSS is introducing if() statements and @function custom functions, revolutionizing how media queries are written. Learn about inline conditionals, custom responsive functions, and their impact.
Read more →
·2 min
CSS Reset Must Include height: auto: Preventing Image Distortion in Responsive Layouts
Most CSS Resets miss the height: auto declaration, causing images to distort in responsive layouts. Learn the root cause and simple fix for proper scaling.
Read more →
·3 min
Three CSS Layout Patterns You'll Use in Every Project: Stack, Prose, and Pile
Deep dive into Kevin Powell's three CSS layout primitives: Stack (Flexbox vertical stacking), Prose (long-form typography spacing), and Pile (Grid area stacking) for maintainable, flexible CSS.
Read more →
·3 min
Pure CSS Scroll-Driven Animations: No JavaScript Required
Learn how to implement CSS Scroll-driven Animations using animation-timeline and view() for pure CSS scroll fade effects, with animation-range tips and best practices.
Read more →
·3 min
Claude Sonnet 4 Invents Its Own Browser Automation: The Wild Debugging Journey of a CSS Bug
Simon Willison shares how Claude Sonnet 4 (Fable) autonomously invented PyObjC screenshots, built a CORS server, and penetrated Shadow DOM to debug a CSS bug — revealing both tool-making power and security risks.
Read more →
Tutorials·2 min
After Leaving Tailwind, These CSS Color Palette Tools Are Worth Bookmarking
After returning to vanilla CSS from Tailwind, how do you choose a good color system? This article covers community-recommended CSS palette solutions including Reasonable Colours, Flexoki, uchū, and generator tools like tints.dev.
Read more →
Tutorials·2 min
Advanced CSS Techniques: color, background, outline, and cursor In-Depth Guide
Advanced CSS techniques for color functions, currentColor, background-clip text gradients, multiple backgrounds, outline-offset, and modern color space interpolation.
Read more →
Tutorials·2 min
CSS text-shadow Smooth Rendering Optimization: Say Goodbye to Jagged Edges and Unlock Text Effect Potential
Major browsers have optimized the CSS text-shadow rendering engine for sub-pixel smoothing and GPU acceleration. Learn the improvements, neon effects, and performance best practices.
Read more →
Expert Opinions·2 min
Why Is CSS So Hard? Julia Evans' Deep Reflection
Julia Evans reflects on relearning CSS after migrating from Tailwind, revealing that CSS is complex because it solves inherently complex problems. Explore why CSS is underestimated and how modern CSS has evolved.
Read more →
·2 min
MascotAI: AI-Powered Animated SVG Mascot Generator That Brings Brand Personality to Your App
MascotAI is an AI-powered animated SVG mascot studio for indie developers, offering editable, interactive vector mascot packs with gestures, themes, and modular parts.
Read more →
·2 min
T3Code Open Source Project Analysis: Why Theo's TypeScript Code Tool Gained 1400+ Stars in One Week
Deep analysis of T3Code, an open source project led by developer Theo, built with TypeScript, with 16000+ GitHub Stars. Exploring its tech philosophy, community growth, and value for developers.
Read more →
·3 min
GitHub Daily · August 4th: Uber Open-Sources AI Agent Security Framework, Enterprise-Grade Agent Protection Takes Center Stage
Uber open-sources ADR, an enterprise AI Agent security framework gaining 140 stars in one day. Plus webpack, Deno, Angular, Tailwind CSS hold steady.
Read more →