Blog (Page 2 of 20)

  1. roboleary.net - new design and refactor

    I did a quiet launch of a new design of my website recently.

  2. A fun copy code interaction - photocopy code animation

    I thought it would be cool to mimick a photocopier for the copy action of a code block.

  3. Is your RSS reader getting a 403 error for a feed?

    A reader informed me yesterday that they were receiving a 403 error (permission denied) for my RSS feed in their RSS reader. Why is that happening?

  4. Is text-wrap: pretty buggy and Baseline newly available?

    I was trying out text-wrap: pretty on my website. It didn’t appear to do anything. Is it a bug?

  5. Elevate hover/focus effects with transitions across multiple elements

    You can elevate hover/focus effects by triggering transitions on more than one element. With the right orchestration, you can create more nuanced effects.

  6. AI-powered search summaries led to less clicks to websites

    Google claims that links beside AI summaries get more clicks. This goes against intuition. Ahrefs did some analysis on this recently. Who is right?

  7. How to create a slick CSS animation from Black Mirror

    The title sequence of Black Mirror has a cool effect where the title shakes and eventually shatters. Let’s see how we can recreate it in CSS.

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

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

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