React and CSS View Transitions

Read post

2024: year in review

I have never done one of these posts before, but this year has been a very busy year so I though it might be interesting to list some of my achievements this year. Personal The blog is back I managed to keep the blog alive this year. When I set out to revive it at […]

December 31, 2024

CSS View Transitions and Sticky elements

I’ve been using CSS view transitions recently and really enjoying the simplicty they bring for animating elements that move on the page (think reordering elements or adding and removing to a list). I wanted to do a quick post on an issue I came across when you use view transitions and sticky elements on the […]

December 29, 2024

Improve your design

I came across this short video that was packed full of great design advice, tips and principles. I already follow a lot of the ideas in this video in my day-to-day work, and even if you do too, this is still a solid video and definately worth a watch.

November 22, 2024

Modern CSS superpowers

Modern CSS is incredible. It has come so far in the last 10 years and the toolbox has something I can reach for for nearly every tricky situation I come across these days. It’s a breath of fresh not having to think about hacky work-arounds. Here’s a list of features I think are critical when […]

November 20, 2024

Keeping up in web development

The lh unit in CSS something that I originally read about a couple years ago, and at the time thought ‘I don’t see how that would be useful’. Earlier this year I had a UI problem to solve with alignment, and the lh was the perfect answer. I do this all the time, it’s not […]

November 19, 2024

Interesting finds on the new ABC News website

This week the Australian broadcaster ABC released the new branding for their News broadcast graphics and News website. Whenever a site I’m familliar gets updated, the first thing I do is inspect it with the browser dev tools to see what technology and techniques they have used. I thought I’d write down some of the […]

August 21, 2024

Overfit and Eigensolutions

Overfitting is a term used to describe building products or features that are far too specifc to a use case and don’t allow flexibilty for new or unexpected use cases. It doesn’t apply to all types of apps, but it’s particularly important for creative tools. I have been building creative tools for over 10 years […]

July 10, 2024

My favourite sessions from Config 2024

Here is a selection of my favourite sessions from Figma’s Config 2024. Go check them out! A look inside teenage engineering An inspiring interview with Jesper Kouthoofd, the CEO of teenage engineering and Chief Design Officer of Rabbit. Lost Found in the details I’m a big fan of Jessica Hische, and this talk was fantastic […]

July 8, 2024

Pragmatic Drag and Drop, the ultimate drag and drop library?

Ever since I started using React I have used react-dnd for any drag and drop interactions. It is super flexible and allows for handling files and drag across windows since it used the browser’s drag and drop API. For some reason, I never really clicked with the API and for me it never felt easy […]

May 10, 2024