Delicious

Laraval articles, tips and musings with Stef

A selection of bookmarklets, browser extensions and other accessibility testing tools.

Free illustrations for your documentation or design system. Enhance your UI with high-quality, customizable illustrations.

Font sensei - Google fonts categorized by tag names

Community-build Tailwind CSS Components Library

Ready to use, fancy React components to make the web fun again. Free & Open Source.

Explore and copy a vast collection of HTML symbols, emojis, payment icons, and SVGs with Symbl. Perfect for developers and designers to enhance web projects effortlessly.

NaN Glyph Filters is a a collection of procedurally generated display fonts and the codebase that was used to design them.

Discover a breath-taking collection of 200 Futuristic UI design elements to give your project an extra Sci-Fi look! Create realistic dashboards, data displays, and FUI screens arranged with lots of intricate details. This product comprises more than 200 detailed HUD interface elements and abstra...

One thing we can do to help teams code consistently is provide type-checking so that all of the configurable options for a specific component are available while coding. Bryan demonstrates how he does this with TypeScript when working with Astro components.

I did something I should have done a long time ago and added draft functionality to this website.

An open source, dependency free image lightbox with the goal of being accessible. - deoostfrees/Parvus

The IntersectionObserver API is a performance-friendly browser API that allows you to lazy load background images asynchronously, outside of the main thread. This tutorial looks into how to implement it using HTML, CSS, and JavaScript.

View and Interact with PDFs in React, SolidJS, Svelte and JavaScript apps.

Build and interact with node-based user interfaces using Svelte

Creative Technologist Portfolio

🚀 Click the dom to open your IDE and position the cursor at dom's source code location! 点击页面 dom 来打开 IDE 并将光标自动定位到源代码位置! - zh-lx/code-inspector

Generate color palettes from a hex with up to 24 colors! Shift hue, saturation, lightness, and more. 100% free without ads.

Paste JSON and blog posts directly to get accurate localized language translations

A powerful web-based image editor for quick edits and filters

It's not just a shorthand for anchor()

Discover how to enhance accessibility and improve find-in-page search functionality using hidden="until-found" for icon-only buttons and hidden text labels.

StringTune is a cutting-edge JavaScript library designed to deliver high-performance, modular web effects. Whether you're looking to add smooth parallax scrolling, dynamic cursor interactions, progress tracking, or autoplay videos, StringTune empowers developers with a powerful, attribute-driven approach. It simplifies the creation of visually captivating websites while remaining intuitive for both beginner and advanced developers.

With Astro, we can generate most of our site during our build, but have a small bit of server-side code that can handle search functionality using something like Fuse.js. In this demo, we’ll use Fuse to search through a set of personal “bookmarks” that are generated at build time, but return back proper results from a server call.

With Astro, we can generate most of our site during our build, but have a small bit of server-side code that can handle search functionality using something like Fuse.js. In this demo, we’ll use Fuse to search through a set of personal “bookmarks” that are generated at build time, but return back proper results from a server call.

Scott Jehl released a course called Web Components Demystified. This is my full set of notes from Scott's course. You'll still want to take the course on your own, and I encourage you to because Scott is an excellent teacher who makes all of this stuff extremely accessible, even to noobs like me.

Create stunning background patterns for your web projects. Choose from geometric, futuristic, matrix, and code-inspired designs with live customization.