Delicious

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 […]

A while back, I wrote about how a majority of the bugs I’ve run into while building Kelp UI have been Safari-related. Today, I wanted to share another one, and how I fixed it: temporal inputs. Let’s dig in! What are temporal inputs? Temporal inputs is the fancy name for browser-native date-and-time-picker input types, like [type="date"] and [type="time"]. label for="start"When will you arrive?/label input type="date" id="start" name="start" When will you arrive?

Honeypots are fields that developers use to prevent spam submissions. They still work in 2025. But you got to set a couple of tricks in place so spambots can’t detect your honeypot field.

Content Island is a refreshingly simple Headless CMS that gives you full control over your content. Start for free and scale up as needed — perfect for developers using Astro, Next.js, or any frontend framework.

Use Tailwind CSS within the block editor, page builders, plugins, and themes — no build step is required

Because speed is useless if search engines can’t find you. TL;DR Astro’s “content-first,...

Join me on a breathtaking journey as we add a client-side search to an SSG docs-first site, built with Astro!

The personal blog of Dave Rupert, web developer and podcaster from Austin, TX.

We can use `shape()` to carve away the edges of an element to look like a folder tab. By hand.

Color palette generator for UI

Generate responsive type scales with CSS clamp() values. Perfect for SCSS, WordPress, and Elementor. Create fluid typography that scales beautifully across all devices.

A frontend library for continuous accessibility testing and issue highlighting

Learn how to build a truly synchronized design system that bridges Figma designs and code implementation using AstroJS.

A story of early Mac settings told by 10 emulators.

For over a decade, Lucky Media has been a leading Software Development Agency in the US, based in Dallas, TX. We build custom software solutions for your business.

Read how to accurately detect Safari and iOS versions using WebKit feature checks, behavioral tests, and selective UA hints to gate features safely and avoid breaking UX.

One of the most frustrating aspects of media queries is that we can’t use custom properties with them. This often results in hard-coded values in otherwise, highly configurable codebases. Manuel has a novel approach to get around this.

Run the finest Open Source web apps from $1.20/month, fully managed, no tracking, no ads, full privacy. Self-hosting was never this convenient.

Linkwarden helps you collect, read, annotate, and fully preserve what matters, all in one place.

Everything is RSSible 🧡

Powerful next-generation information browser that revolutionizes how you discover, organize, and consume content.

Ready to spice up your CSS? This article dives into the new sibling-count() and sibling-index() functions, showing you how they can simplify your styling and create cool effects.

There are a ton more @media queries than

Step-by-step walkthrough building an accessible, responsive sidebar using Tailwind utilities and a tiny Alpine.js state object.

The article explains how to design and animate a *circular* menu (that rotates in a circle!) in CSS using offset and animation-composition.

The ultimate setup for writing Astro blog posts in Obsidian.

A list to stay safe from NPM supply chain attacks