Blog

Catch up on the latest things I've been doing or writing about

Coding

How ChatGPT is Revolutionising Web Development

The future of web development with AI is here, and it is nothing short of revolutionary. So, are you ready to ride the wave?...

19 Jul 2023 Read
Advice

First Contentful Paint and how to master it

First contentful paint (FCP) is an important metric used in Google pagespeed insights and the lighthouse report. It measures how long it takes the browser to render the first piece of DOM content....

15 Apr 2022 Read
Coding

CSS rule aspect-ratio now works in all major browsers

The CSS rule aspect-ratio is now working in all major browsers. Around 77% adoption according to caniuse.com which isn't bad going really. Flexbox gap was recently added to major browsers too....

18 Nov 2021 Read
Coding

Using SVG Animations (SMIL)

SVG animations (SMIL) can be incredibly useful to use instead of JavaScript libraries bulking out your website. Using animation elements in your SVG code you can move, spin and manipulate certain......

10 Nov 2021 Read
Debug

Why isn't overflow: overlay the norm across all browsers

A problem I came across alongside SVG in-built animations not working properly on Firefox was the rule overflow: overlay; not working there. It defaults to auto which doesnt help animations......

05 Nov 2021 Read
Debug

Chromes Broken Developer Tools

Chrome has had a recent update where they've changed a few things in their dev tools. I feel they've concentrated on some really annoying features that we're not needed......

30 Oct 2021 Read

This website was built in SVG animation and CSS3 Animation.

This is an ongoing project to better understand SVG animation across browsers so this website may change often.

For the best experience use Chrome on desktop.