Search

Post types:
Categories:
πŸ”–

Enabling keyboard navigation in macOS

Read Note

I was not expecting to find browsing the web with a keyboard so damn tricky on macOS, but here we are πŸ˜‚ The tl;dr of the situation …

πŸ”–

An interactive guide to CSS keyframes

Read Note

A wonderful overview of how to use keyframe animation in CSS, including some very useful tips on animation state and creating meaningful animation APIs using custom properties and CSS math …

πŸ“–

Strictly Typed Object Keys in TypeScript

Read Article

Want to type a data object so that a given key (e.g. "foo") can only be paired with a specific type (e.g. Bar)? Now you can!

πŸ”–

Why using an index value for a React key is a bad idea

Read Note

Solid reasoning – with a clear example – of the potential dangers of using an array index as the key value in ReactJS. Not something I'd ever considered (and something I do a lot) but …

πŸ”–

Use your Mac the way I do

Read Note

A phenomenally interesting journey through one person's assistive set-up, using only the left mouse button to navigate the web, code websites, play video games, and everything else …

πŸ”–

CSS animations within SVG

Read Note

A very neat little trick. Embedding @keyframes within your SVG <style> element makes it animate when it loads, whether rendered as an image or a background (or, I assume, inlined). It can even …

πŸ”–

Jamstack slide decks

Read Note

I needed to throw together a quick presentation for an internal team meeting at work, but I've maxed out my Slides.com free usage and really hate Google's offering, so went digging for something …

πŸ“–

Animated Content Placeholders

Read Article

What do you do when a website has loaded but the content is still being fetched from an API? One answer is to fill the page with animated placeholders, creating a skeleton of what the user can expect, with a dash of CSS animation to let them know that something's still going on behind the scenes.

πŸ”–

How to use tabindex

Read Note

Great overview on when/when not to use the tabindex attribute. Most of it feels like common sense, but the recommendation for overflow content is an interesting one I'd not come across …

πŸ“–

Monthly Media: Coming Soon

Read Article

Last month I wrote up a post detailing the films I'd seen in March. When I initially started blogging again last year I had hoped that mini-reviews and similar content would become a mainstay, …

πŸ“–

The Weak Link

Read Article

I enjoyed reading this article, written by Ethan Marcotte. It makes some interesting points, aligns with my own cognitive bubble and provides some deeper insight into areas of stuff that I …

πŸ“–

Mister Vimes'd Go Spare & Assorted Odds 'n' Ends [#23]

Read Article

Well, back from trip number two, which was a little more relaxing (though a lot more tiring... I do not understand how bodies work). As a result, I've actually been reading a bunch of stuff, …

πŸ“–

The Marvel-ous Collection: A Beginning

Read Article

I'm a pretty big fan of the Marvel Cinematic Universe, so it felt a bit ridiculous when I was given Guardians of the Galaxy: Volume 2 for Christmas. To be clear, the gift wasn't ridiculous; …

πŸ“–

Seeing the Subway Gods & Thoughts on Music

Read Article

Last night involved a lot of brass, beats and beer, courtesy of Too Many Zooz and some unexpected friends. Needless to say, it was a huge amount of fun, so I figured I'd jot down a few thoughts that occurred to me over the course of the evening.

πŸ“–

Grid Lock

Read Article

An attempted experiment to replicate the blog layout of ilovetypography.com, which uses floats to great effect, with more modern CSS Grid and Flex techniques. Turned out to not be quite so simple, but taught me a lot about the benefits and limitations of CSS Grid.

πŸ“–

2019 In Numbers

Read Article

An amalgamation of all the data you get fed at the end of a year. From Spotify Wrapped, to Google tracking, to my own beer journal, a look back over 2019 from a (mildly) data-centred viewpoint.

πŸ”–

Why We Removed Number Inputs

Read Note

The GOV.UK UX and design team are fascinating. Every time I've had to use the website I've found it a breeze, which is an enormous achievement on their behalf. Better yet, they're incredibly …