• All the CSS Colours

    I recently made a demo where I needed to list all the CSS named colours as options in a select input. I didn’t want to write them all out by…

  • Exciting Things on the Horizon For CSS Layout

    This past week has brought a few announcements from browser vendors of some exciting things that might have a big impact on CSS layout in…

  • Video: 90 Seconds on CSS Custom Properties

    Last year I spoke at Future Sync conference, and this year the organisers asked me if I could provide a short recorded introduction to a CSS…

  • Tips for Writing for the Web

    Writing for the web is a skill, like any other, that can only be perfected through practice. I’ve been writing on this blog for two years…

  • Different Approaches to Responsive CSS Motion Path

    When it comes to using CSS Motion Path, it always bugs me that the path itself is doesn’t scale. The path size, as created, is essentially a…

  • Building an Interactive Timetable

    This week the UK joined many other parts of the world in imposing a lockdown to battle the coronavirus (AKA Covid-19), and so we find…

  • Positioning Text Along a Path with CSS

    I’ve been playing around with CSS Motion Path a lot over the past couple of months, and having a lot of fun creating demos, some of which…

  • In Search of Simplicity

    During the past month or so at Atomic Smash I’ve been working on building our new front end framework (recently christened ‘Snap’) – a…

  • Do We Need CSS4?

    Jen Simmons raised an interesting proposal for the CSS Working Group this week: Let’s Define CSS 4 It’s come up quite a few times recently…

  • Quick and Easy Dark Mode with CSS Custom Properties

    Adding “dark mode” support to a website or app is becoming increasingly popular among developers, many of whom favour this setting…

  • Optimising SVGs for the Web

    Optimising SVGs (scalable vector graphics) for web projects has the dual benefits of reducing the file size and making them easier to work…

  • Fun with CSS Motion Path

    Animating an element along a path is something we as developers would normally reach for a big old JS library (like GSAP) for. But with the…