Blog (Page 1 of 20)

  1. How to create awesome staggered animations in CSS

    Learn how to build smooth staggered animations in CSS using modern features like sibling-index(), complete with practical examples, fallbacks, and accessibility tips.

  2. Revising best practices for the video HTML element

    The video HTML element is slowly falling in line with the img and picture elements. Should we rethink our best practices for video?

  3. How to create a slick CSS animation from Star Wars

    I will make a CSS animation of the iconic opening title sequence for the movie Star Wars. I focus on the text crawl portion of the sequence, which introduces the general plot. I will make it responsive.

  4. Upload a local demo to Codepen

    My default is to create demos locally. I would like to share some of those demos on codepen. It would be great to have an app to upload a local demo to codepen.

  5. The curious impact of top-level domain tech trends

    Trends can swell interest in particular top-level domains,.ai is the latest on the back of the AI boom. What is the impact of domain naming trends?

  6. Why are people migrating away from GitHub?

    I noticed some people migrating away from GitHub recently. I was curious to understand the rationale. Is it a blip or is it a sign of prolonged exodus?

  7. Opting out of search engines

    I decided to remove (unindex) my website from search engines. Most search engines now have AI summaries as the most prominent response to user queries. This has a huge impact on the web.

  8. Eleventy - today’s date as a global variable

    Sometimes, you want to use today’s date in a template. One example is a copyright notice that includes the current year. Not all templating languages provide a simple way to get the current date.

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

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