Delicious

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...

Guilhermo Hounie's website

All the tools you need to build and deploy your Progressive Web Apps.

A fractal glass effect on images, simulating the look of an image viewed through distorted glass using a displacement filter and feDisplacementMap. You...

The link-peek Web Component allows you to turn a regular anchor link to a rich preview (also known as an 'unfurled' link) to show description, meta image, website name and more using a JSON API.

Astro's hybrid rendering capabilities opens an array of possibilities on what you can easily accomplish, including sending emails. Here's an email-sending example using Resend.

Balancing the age-old simplicity of words on paper with the myriad creative possibilities of the web is a tension as old as the web itself. Leaning into that overlap can bring new dimensions not just to the things we write but also to how we write them.

How I learned to paste links into my blog and have them magically converted into amazing embeds.

Father, husband, developer relations and web standards expert, and cat demo builder.

A few years ago most API designers, developers, and technical writers would have had very little reason to bump into JSONPath, but its starting to get more and more relevant as more tools and standards start relying on it. So what is JSONPath, what is it used for, and how can you get up to speed with using it?