Blog (Page 2 of 19)

  1. I moved my website to CloudFlare Pages, here’s why

    I switched the hosting of my personal website from Netlify to CloudFlare Pages yesterday. Here is why.

  2. What is Google’s Baseline? Should I use it?

    Baseline is a simplified view of browser support for web features. How do you use it? Should you use it?

  3. Modern CSS to add to your CSS reset stylesheet

    As CSS evolves, there are more opportunities to improve your baseline styles. Here are 2 such cases.

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

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

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

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

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

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

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