Learn how to build smooth staggered animations in CSS using modern features like sibling-index(), complete with practical examples, fallbacks, and accessibility tips.
]]>The video HTML element is slowly falling in line with the img and picture elements. Should we rethink our best practices for video?
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.
]]>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.
]]>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?
]]>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?
]]>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.
]]>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.
]]>There is a reluctance to customise the icons for the mouse cursor for websites. Can we use do it with accessibility in mind?
]]>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.
]]>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.
]]>I did a quiet launch of a new design of my website recently.
]]>I thought it would be cool to mimick a photocopier for the copy action of a code block.
]]>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?
]]>I was trying out text-wrap: pretty on my website. It didn't appear to do anything. Is it a bug?
You can elevate hover/focus effects by triggering transitions on more than one element. With the right orchestration, you can create more nuanced effects.
]]>Google claims that links beside AI summaries get more clicks. This goes against intuition. Ahrefs did some analysis on this recently. Who is right?
]]>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.
]]>I switched the hosting of my personal website from Netlify to CloudFlare Pages yesterday. Here is why.
]]>Baseline is a simplified view of browser support for web features. How do you use it? Should you use it?
]]>