Issue #640

Temani Afif shows how to create simple, static diagrams with anchor positioning, border-shape, shape(), and if().

Ahmad Shadeed explains how to detect when two elements overlap using only CSS anchor positioning and scroll-driven animations.

JointJS+ diagramming library standard license is 50% off for a limited time only. Jump on this deal today and start building beautiful, performant, secure, and accessible production-grade diagramming applications today.

Lea Verou shares a flexible and maintainable approach to working with icons using CSS.

Jens Oliver Meiert explores whether the technique, inspired by the DRY principle by identifying and reducing CSS declaration repetition, is still a relevant optimization strategy.

Brecht De Ruyte shows how the new CSS random() function brings a little imperfection to the web without JavaScript libraries or preprocessor loops that generate hundreds of lines of static CSS.

Kitty gives a short introduction to CSS layers.

Rachel Andrew shares insight into how the CSS Working Group works.

Happy Hours captures your day second by second — typing, scrolling, calls, even the pauses. Never what you type, just when.

No forgotten entries, no manual accounting: AI categorizes logs into billable time entries by project.

Modern Web Guidance is a set of skills that embed web platform expertise, best practices, and browser compatibility data directly into your coding agents.

A DevTools extension to visualize and debug Scroll-Triggered Animations.

Vanessa Victorino created a stunning, atmospheric spider lily garden with SVG blooms, swaying stems, drifting spirit lights, and a quiet verse utilizing CSS random() to vary each flower.