Hi! I'm Zander, I make web things

One of the AI features the Arc browser recently introduced renames tabs and downloaded files.

I added a worklog to my site.

I spent a large chunk of the day trying to integrate Raycast's OAuth flow into <img src="https://raw.githubusercontent.com/mrmartineau/Otter/main/public/otter-logo.svg" width="30" height="30" class="mx-2 inline border-none" /> Otter.

This release added a new dashboard view to Otter that shows a some recent items and others from your past.

This release is the culmination of weeks worth of work to completely rewrite <img src="https://raw.githubusercontent.com/mrmartineau/Otter/main/public/otter-logo.svg" width="30" height="30" class="mx-2 inline border-none" /> Otter .

Otter, my personal bookmarking side-project has, until recently been closed-source.

Published a blog post about my approach to styling React components and apps.

Over the past few years, I've worked with React apps utilising various CSS-in-JS libraries, starting with styled-components, transitioning through emotion, Theme UI, and finally Stitches.

I finished the Mastodon to Supabase Cloudflare worker.

I finished creating the page metadata scraper that's built with Cloudflare Workers.

My son recently turned 6, and like most kids, he loves music TV shows and movies.

For the past year, I’ve been building an app in my own time; the sort of app that I used to use 3 other apps to achieve the same thing.

2020 was rough.

This post is a deep-dive into a small part of my Code Notes Gatsby theme, it assumes you have a basic knowledge of Gatsby and how to query data in GraphQL.

Like a lot of developers I spend a lot of my time searching Google for answers to things that I should know how to do.

I must be a glutton for punishment, because I have just completed yet another redesign for my personal website only a year or so after doing it before.

So, you don't want to be tracked online 🙅 by advertisers & analytics scripts etc?

Update: the latest version of this content can be found at https://notes.zander.wtf/command-line-tools Disclaimer: If you don't use fish-shell, some of the packages might not work.

Having contributed to a few design systems now, I have found that the same issues appear again and again.

FairFX (now renamed to Equals) needed to rapidly develop a new system to replace their Perl monolith codebase to a more nimble React/Node/serverless ecosystem.

In our industry there's a shitload of jargon.

As a front-end developer, I often consume various 3rd party APIs while developing.

NOTE: The content in this post references version 1.x.x of design-system-utils.

Jekyll-created websites are typically simple and their layouts, predictable.

Disappearing interface by Marc Curtis Invisible is the new black Here’s a term you’re going to hear more of in the coming months.

Motion and Animation 🚀 Motion and animation on the web is becoming more and more prolific.

Welcome to Creative Technology monthly, this is the first issue of what we hope will be a long-running series here at TMW.

Update 11/10/2022 If you use PNpM they also have a command similar to Yarn: pnpm up --interactive --latest taze taze is new tool to update dependencies.

I updated the design of my website this week.

Kickoff comes bundled with a a simple, but fully responsive, grid system and a similar, but crucially different, Block Grid system.

The latest major version of Kickoff was released last November and included many improvements.

Kickoff doesn't include responsive helper classes by default, but I created some for a recent project.

Kickoff's assets directory resides in the root of the repo, it contains the framework's source and compiled files.

SVGs (Scalable Vector Graphics) have been around for a long time but it is only in the last few years that developers have started using them in anger, this is most likely because of the wider browser support and the prevalence of retina or hiDPI screens…

Back in May we released v5.0.0 of Kickoff, the focus of this release was to improve the framework's UX.

I read this post a while back about design stacks & it got me thinking about my own, albeit focused more on development.

Whether you use Google Analytics or another provider, adding tracking events to a site is often a painful experience.

UPDATE: The content in this post is out-of-date, Kickoff v4 has now been released.

I love Pinboard, in fact I think I may be a little obsessed with this simple bookmarking service, however, I think its design could do with an update.

It has been a long time since I have written about Sublime Text & the benefits it provides me as a front-end developer.

Yeoman generators are a powerful tool for developers, they enable us to get up and running with projects extremely quickly.

I first heard of tooling, as we know it now, when Paul Irish spoke at jQuery UK 2012.

gulp.js is the new hot young thing on the front-end circuit; it is a task runner similar to Grunt.

Within a large team, making sure that everyone is on the same page can be difficult; at TMW we have a team of about 20 web developers (6 are front-enders and creative technologists) and this was an issue that we needed to tackle.

Most of my projects are fairly similar: I need to concatinate and compress a bunch of js files together; compile sass and fire-up a local server to test and preview..

The two most recent versions of jQuery: v2.0.2 and v1.10.1 have an identical API but are actually very different; v1.10.1 still supports older browsers, specifically IE6-8 (it includes a lot of fallback code that modern browsers do not need) while v2x does

Having recently changed my development process from using Codekit to Grunt.js, I was frustrated that I no longer had live updates without a browser refresh when I made changes to my CSS; fortunately for me, there is a plugin for Grunt that solves this pro…

I came across an interesting bug recently where, in Internet Explorer (versions 6-8), the bullet characters for an input[type="password"] were not showing up.

At TMW, I always ask interviewees how they keep up-to-date with the latest in front-end web goings-on.

A few weeks ago I created a Github repo to aide people in setting up Sublime Text more quickly.