Blog (Page 1 of 19)

  1. Using your own icons for the mouse cursor with accessibility in mind (CSS)

    There is a reluctance to customise the icons for the mouse cursor for websites. Can we use do it with accessibility in mind?

  2. RSS feeds (demos, snippets) have new URLs [breaking change]

    As part of the big refactor of my website, 2 of the 3 RSS feeds (demos, snippets) have new URLs. I apologise for any inconvenience caused.

  3. My website is approaching Google Zero

    My personal website is trending towards Google Zero. Google Search is sending less and less traffic to my website as time goes on. Soon, it will be zero.

  4. roboleary.net - new design and refactor

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

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

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

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

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

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

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