Bookmarks

Recents

    Poster for Fractal Glass Effect
    Summary

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

    • #svg
    Poster for link-peek Web Component
    Summary

    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.

    • #webcomponents
    Poster for Send emails in an Astro project using Resend | Netlify Developers
    Summary

    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.

    • #astro
    • #forms
    Summary

    • #mask
    Poster for How I Learned To Stop Worrying And Love Multimedia Writing — Smashing Magazine
    Summary

    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.

    • #svelte
    • #markdown
    Poster for Remarking the Socials
    Summary

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

    • #markdown
    • #astro
    • #social
    Summary

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

    • #webcomponents
    Poster for How to use JSON Path · Bump.sh
    Summary

    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?

    • #json
    Poster for MSHR

    MSHR

    6 Jul 2024

    Summary

    • #gradients
    Poster for Blazing Fast Websites with Speculation Rules | DebugBear
    Summary

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

    • #performance
    Poster for Animating the Dialog Element – Frontend Masters Boost
    Summary

    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.

    • #dialog
    • #modal