Delicious

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?

Use speculation rules to allow visitors to navigate instantly between pages on your website

It might seem like you could just set a transition on the opacity of the dialog element in CSS from 0 to 1, but it doesn't work. You'll need to learn about @starting-style, and the overlay and allow-discrete keywords.

A

Have you ever wanted to lay out some text in a circle but it felt like a lot of prodding in the dark?...

A collection of HTMLMediaElement compatible elements and add-ons - muxinc/media-elements

If you want something done right, post it wrong. In the long history of the innertubes, if you ask for help with code you typically won’t get much of a response. But if you post code and assert it is ideal and perfect and an immutable reflection of your pristine…