Learn how to publish a package to npm with a complete setup including, TypeScript, Prettier, Vitest, GitHub Actions, and versioning with Changesets.

Comprehensive Styles with Modern CSS

All the best Figma Plugins — in one place

The New Simple and Lighter CSS Reset

Getting started with Code Hike

Three solutions, one for today and two for tomorrow

Interesting new API to help us build better and more accessible UIs

Writing, music, and ephemera from Joshua Iz

CoCart makes it easy to decouple your WooCommerce store with our developer friendly REST API extension. - Join our 1,000+ happy customers.

A Nuxt module that enables complex routing for Nuxt Pages.

I recently added an RSS feed to my website and wanted to cross-post my writings from my blog to other platforms like dev.to. Following the official docs was fine, however, there was one issue if you were using relative paths in your markdown for your image assets. The images were not correctly pointing to the URL where it was hosted. I did find a way to fix this in this post.

Incremental Static Regeneration (ISR) is a powerful pattern for rendering pages on the web. Astro has useful tools to do fine-grained ISR and other advanced caching patterns when deployed to Netlify. This guide will show you how to do it.

Find out how to easily transition to intrinsic sizes and trigger transitions when an element receives its first style update using new CSS features.

Guilhermo Hounie's website

Ultimate Free Client Side Converter App

Convert SVG to Data URI online.

You probably know overflow: hidden, overflow: scroll and overflow: auto, but do you know overflow: clip? It's a relatively new value for the overflow property, and with Safari 16 being released later this year all evergreen browsers will support it. So what does it do? Before diving into clip, lets quickly go over what overflow […]

Let's look at a cool animated nav effect (from a recent post by Emil Kowalski) that uses CSS `clip-path` to move the highlighted nav item around. It's an interesting look at this CSS feature and adds a lot of polish to a simple idea.

Unlike JavaScript, there is no simple built-in method in CSS to access an element's width and height. But using some (call it hacky) modern CSS techniques, we can get our hands on the number and even use it.

📅 Calendar link generator for popular services

A JavaScript library to position floating elements and create interactions for them.

Browsers have been getting some pretty important features at a rapid pace lately. Features that might take several JavaScript (or CSS) libraries to implement are now available in browsers out of the box.

I have to thank Jeremy Keith and his wonderfully insightful article from late last year that introduced me to the concept of HTML Web Components. This was the

A free full-stack boilerplate that feels freeing. Astro, HTMX, Alpine.js, Astro DB, Lucia Auth, Preline UI, & daisyUI.

Documentation for MiniSearch

Building flexible data visualizations for international sites For our international clients, we have created dynamic charts and data visualizations for the web. Charts typically render shapes like lines and paths, rectangles and circles. They contain...