Issue #625

October 30, 2025

Springs and Bounces in Native CSS

Joshua Comeau shares tips and tricks for using the linear() timing function effectively.

Perfectly Pointed Tooltips: A Foundation

Temani Afif shows how to create perfectly positioned tooltips using the Anchor Positioning API.

Design-Grade Interactive SVG Maps in WordPress (CSS‑first, minimal JS)

Ship maps you can truly style: Create and import your own SVG graphic. Then use CSS and JavaScript to style and fine-tune your map’s interactivity.

MapSVG lets you bind real data, add filters/search, and keep Core Web Vitals happy. Ideal for locators, floor plans, and data visualization maps in WordPress.

SVG-first maps you can style with CSS → Start with MapSVG

Baseline Status for Video

For the past few months, I’ve been working on an open-source app that lets you easily display Baseline Status for web platform features in your videos.

It’s a simple online tool that lets you tweak the Baseline Status widget’s styling, then record and export a video you can easily add to your videos, courses, and presentations.

Make sure to send me the links to your videos, so I can see it in action—I’d love to share and feature them.

Try it out

Articles & Tutorials

Inlining Critical CSS: Does It Make Your Website Faster?

Matt Zeunert explains what critical CSS is, how to inline it to improve page load performance, and outlines the trade-offs you should consider.

Start Implementing View Transitions on Your Websites Today

Cyd Stumpel gives a nice introduction to the View Transition API.

Pure CSS Tabs With Details, Grid, and Subgrid

Silvestar Bistrović shows how you can use the details element as the foundation for a tabbed interface.

CSS Animations That Leverage the Parent-Child Relationship

Preethi demonstrates how you can leverage the fact that changing an element’s intrinsic sizing affects its children, too.

Styling siblings with CSS has never been easier. Experimenting with sibling-count and sibling-index

Brecht De Ruyte dives into the new sibling-count() and sibling-index() functions, showing you how they can simplify your styling and create cool effects.

Beyond Vibe Coding: From Coder to AI-Era Developer

Addy Osmani provides an in-depth guide that will help you integrate AI into your workflows effectively. Learn how to formulate clear goals and constraints for the AI, review AI-generated code critically, and integrate those pieces into a coherent whole.

Whether you’re adopting AI tools today or preparing for the future of software engineering, this book offers insights and hands-on examples to keep your skills sharp in this evolving landscape.

Learn More

Tools

CSS-Extras

A comprehensive collection of CSS custom functions that leverage the new native CSS @function rule.

Check it out

Oklch.fyi ▸ OKLCH Color Picker, Generator and Converter

Convert, generate, and explore OKLCH colors – a powerful tool to build unique and uniform color palettes. Preview on UI components, export CSS or Tailwind variables, and learn why you should use OKLCH.

Check it out