Delicious

A free, open-source menu bar app built around your Mac. Install only the tools you use, remove the rest, and keep everything local.

A focused launcher for your desktop - native, fast, extensible.

The power of Raycast. The speed of Alfred. Privacy by design. A fast, open-source launcher for macOS, Windows, and Linux.

CSS is getting a random() function that lets you set properties with a random value, opening up a ton of interesting creative possibilities. In this article…

A practical guide to choosing collection boundaries, formats, loaders, and schemas as an Astro site grows.

A Modernist hydraulic tile floor, one motif rotated across the whole room, is something you'll find everywhere in Barcelona. Let's build our own in CSS Grid. Six real motifs, a whole floor of palettes.

A tiny Tailwind @utility for scroll-driven gradient masks at the edges of overflow containers.

Enhance native scrolling with dragging instead of replacing it.

Documentation for the Accessible Astro ecosystem of themes and components.

Free online image dithering tool. Floyd-Steinberg, Atkinson, Bayer ordered dithering, animated GIFs, and multi-image upload — processed locally in your browser.

A file that teaches AI to build accessible interfaces from the very first line, following the international WCAG 2.2 standard. Open source, MIT license.

We told you to measure. So of course we did it ourselves too: two months of server-side LLM traffic to evilmartians.com. Find out which agents read HTML, which read Markdown, what llms.txt actually does, and the one technique that got zero hits.

Discover three baseline web features that went under the radar: the CSS Custom Highlight API, advanced text-indent keywords, and mathematical typesetting.

I've always wanted to implement some kind of rich text since I first started working on the CMS due to the fact that EVERY website would actually benefit from having support for it

The AI Content Engine. Contribute to mdcms-ai/mdcms development by creating an account on GitHub.

An open source component library of creative html-in-canvas and WebGL effects for React, Solid, Preact, Vue, Svelte, and vanilla JS. Creative effects running over live HTML.

Build production-ready contact, waitlist, and file upload forms in Astro using Actions: server-side Zod validation, Turnstile anti-bot protection, Cloudflare…

Primo represents your entire site as files. Pull it down, edit with Claude Code, Cursor, or any AI agent, push it back. Your team manages content visually in the browser.

Apply edge detection effect to photos & videos in-browser. Create artistic outlines and sketches with adjustable sensitivity. Free, no sign-up required.

This is a redress of my 2019 post Link + Disclosure Widget Navigation, except (as the title implies), I’ve modified it to use native HTML popovers instead of ARIA or HTML disclosure widgets. Popover has the benefit of using appropriate HTML structure and semantics while removing the need for scripting…

A guide to all the Mildliner colours, types, and sets

Rombo | professional-grade web animations, in seconds

A practical guide to UX components — what they are, when to reach for them, and when to choose something else instead.

Learn how to create staggered animations in CSS using sibling-index() and sibling-count(), with practical examples, fallbacks, and accessibility best practices.

Accelerate your website without a JS framework. Lightweight AJAX navigation library — 5KB gzipped, zero dependencies, drop-in compatible.

The one where I apply some at-rule property magic.

Discover how to create a subtle, interactive WebGL background with Bayer dithering in this quick tutorial.

Found this GSAP mask reveal and parallax effect using scrollTrigger on deveb.co and thought it would be cool to recreate it......

With the `progress()` function in CSS we've got a new way to calculate the size for type based on the viewport without problems of the past.