Delicious

Visualize and generate standard CSS curves and complex Spring physics for modern web animation.

How I used Astro and Netlify to build a simple RSS Aggregator.

Putting a YouTube video inside a closed details element means it won't load until that details element is opened. We can use that.

In this article, I present my new technique for solving a CSS problem that was deemed impossible — true shrinkwrapping of an element with auto-wrapped content. By using anchor positioning and scroll-driven animations, we can adjust our element’s outer dimensions by measuring its inner contents, demonstrating that for many cases this can already work and might unlock a future native feature.

Generate customizable color palettes in advanced color spaces that can be easily shared, downloaded, or exported.

The deck is a bit stacked, folks.

CSS-only bar charts are one of those things we've tackled a bunch of times in different ways. But how can modern CSS features finally make it not only trivial, but fun?

Can we make pie chart that's semantic, with flexible markup, and avoids using a JavaScript library? Here's how I tackled it.

The new contrast-color() function is not fully supported yet. But can we still implement it in a cross-browser friendly way using other new CSS features?

The ultimate React calendar component built with TypeScript, Tailwind CSS, and shadcn/ui. A modern full calendar alternative with drag-and-drop, resource scheduling, recurring events, and multi-view support. Perfect for React, Next.js, and Astro applications. Headless UI calendar with complete customization.

Putting a YouTube video inside a closed details element means it won't load until that details element is opened. We can use that.

Stop using the Orama Astro plugin. Here is how to build a type-safe, metadata-rich search engine that actually works in Dev Mode.

A set of accessible components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code. Use this to build your own component library.

Transform 3D models, videos, and images with ASCII art, dithering, and halftone effects in real-time.

A flexible blog theme designed for Obsidian users.

While we wait for contrast-color() to arrive in all browsers, these CSS-only approaches by Donnie D’Amato give us a practical way forward that we can use right now, along with lots of other knowledge on how colour works in CSS.

DEEO is a design studio that creates memorable brand experiences not for attention but for impact.

73% of prospective students now ask AI about colleges before visiting websites.

P. Kay Metal supplies a wide assortment of metals, alloys, wire and metal cores for all industries, including contractors and ammunition manufacturers.

Obys’ Design Books — a personal selection of titles that show design in ways the screen never could. These books inspire, educate, and support the creators who dedicate themselves to design.

CSS Stats for mtype.com: 30.4 KB, 221 rules, 69 colors

Discover the best recommendations from the best curators.

Introducing a RSS reader for the AT Protocol where you feeds and article sharing are portable

Chrome 144 recently shipped ::search-text, which is now one of several highlight-related pseudo-elements. This one selects find-in-page text, which is the text that gets highlighted when you do a Ctrl/Command + F-type search for something on a page and matches are found.

ReliCSS is a client-side CSS analyser that detects outdated CSS hacks, IE6-9 patterns, and deprecated vendor prefixes. Get instant modernisation suggestions with our free CSS scanner.

Starlight plugin adding zoom capabilities to your documentation images.

To celebrate scroll-driven animations finally landing in Safari 26, here are some things you probably want to know before using them. Link to: The anatomy of a scroll driven animation We don’t need the animation-duration property as the animation duration is determined by the animation-range now. This code would rotate the element with the class […]

Super cool new CodePen feature alert! You've probably seen a bunch of "interactive" demos that let you changed values on the fly from a UI panel embedded directly in the demo.