Blog (Page 3 of 20)

  1. Snippets section - a catalogue of solutions to common problems

    I’ve added a snippets section to my website. It will serve as a quick reference for solutions to common problems. A gift to my future self, and maybe to you too.

  2. How to make a slick CSS animation from Arrested Development

    The title sequence of Arrested Development complements the kooky nature of the show well. Let’s see how we can recreate it in CSS.

  3. How to implement view transitions in multi-page apps

    The View Transition API brings view transitions to all websites. 🤗 Not a framework in sight! Let’s explore using view transitions in a multi-page app (MPA).

  4. Hyperlinks have leveled up - link to a text snippet with text fragments

    Text fragments enable linking directly to a specific text snippet of any webpage. This is a significant improvement to cross-referencing on the web.

  5. Actual free static website hosting

    Starter plans offer limited free hosting. Be careful with the conditions on the limits. Soft limits can led to an unexpected bill.

  6. Styling HTML details and summary with modern CSS

    The styling possibilities of a disclosure widget, the dynamic duo of <details> and <summary>, is limited. Thankfully, this has changed for the better recently. I will run through the ways that you can style a disclosure widget with modern CSS.

  7. A glorious demo gallery

    I added a demo gallery to my website. A place to showcase some of my frontend adventures. Coupled with a dedicated RSS feed if you want to follow along!

  8. Sumptuous stroked text in CSS

    You can create stroked text in CSS, but it is unwieldy. I submitted a proposal to Interop 2025 to improve this feature. Give it a vote! 👍

  9. Google is now an exclusive catalog

    Google was a comprehensive search engine. It has become an exclusive catalog.

  10. Eleventy - Zero JS charts

    It’d be cool to be able to sprinkle in some charts to your website easily. And without a lick of client-side JavaScript.