Sign in

Jamie Mason

@foldleft.bsky.social
305 followers 350 following 197 posts

Front-end Developer in Leeds, UK. Currently working at Monzo, and in Open Source I make developer tools like ImageOptim-CLI and syncpack. Into Music, Design, Pixel Art, and Football. Cat Dad of 3 Ragdolls. - github.com/JamieMason

PostsRepliesMedia
Jamie Mason @foldleft.bsky.social · 23/08/2026
Post a perfect album from the 2000s:
Further seems forever - The moon is down (2001)
010
Jamie Mason @foldleft.bsky.social · 21/08/2026
This book arrived today 2nd hand. I really liked the film Experiment in Terror, which is based on this book.
Cover of the book "Operation Terror", by The Gordons.OPERATION TERROR

The Gordons

Young, pretty Kelly Sherwood, held at gun point by a vicious criminal, promised to "play along" with his plan for a large-scale robbery of the bank where she was a teller.

But once Kelly was out of immediate danger she called the FBI, and Special Agent John Ripley went into action on his newest case, "OPERATION TERROR."

Scene: California

This book was serialized in the Ladies' Home Journal.

JACKET PHOTOGRAPH BY BILL HUGHES
100
Jamie Mason @foldleft.bsky.social · 17/05/2026
I Googled what /goal is in #ClaudeCode 😅
A list of recommended YouTube videos:
- 4 days ago: Goal Mode Changes Everything for AI Coding
- 2 days ago: Stop Using Claude's /goal Feature | Here's What Works
010
Jamie Mason @foldleft.bsky.social · 23/03/2026
syncpack@14.2.1 has been released along with some benchmarks showing the difference in performance since switching to Rust. Syncpack is a CLI for consistent dependency versions in JavaScript Monorepos syncpack.dev #TypeScript #JavaScript #Monorepos #WebDev
Benchmarks can be seen at https://github.com/JamieMason/syncpack/tree/benchmarks?tab=readme-ov-file#results
041
Jamie Mason @foldleft.bsky.social · 24/09/2025
Just used knip.dev for the first time, amazing 🎉 #webdev #typescript #javascript
A pull request with 140 additions and 4905 removals
261
Jamie Mason @foldleft.bsky.social · 05/07/2025
syncpack 14.0.0-alpha.18 has just been published, which adds a new json command #monorepo #typescript #npm #pnpm
# Output all dependencies as JSON
syncpack json
# Output only AWS SDK dependencies
syncpack json --dependencies '@aws-sdk/**'
# Count dependencies by type
syncpack json | jq -r '.dependencyType' | sort | uniq -c
# See more examples
syncpack json --help
# See a short summary of options
syncpack json -h
131
Jamie Mason @foldleft.bsky.social · 05/05/2025
It's still very much in alpha but the Rust rewrite of syncpack has come a long way. syncpack is a tool to manage @npmjs.bsky.social dependency versions in large #JavaScript or #TypeScript #Monorepos Give it a try: npx syncpack@alpha lint --dependency-types prod github.com/JamieMason/s...
# Only fix issues in dependencies and devDependencies
syncpack fix --dependency-types prod,dev
# Only fix inconsistencies with exact versions (eg "1.2.3")
syncpack fix --specifier-types exact
# Only fix issues in "react" specifically
syncpack fix --dependencies react
# See more examples
syncpack fix --help
# See a short summary of options
syncpack fix -h# Fix every formatting issue in the monorepo
syncpack format
# List all formatting issues in the monorepo
syncpack format --check
# Check the formatting of one package
syncpack format --check --source 'packages/pingu/package.json'
# See more examples
syncpack format --help
# See a short summary of options
syncpack format -h# Find all issues in "dependencies" or "devDependencies"
syncpack lint --dependency-types prod,dev
# Only lint issues in "react" specifically
syncpack lint --dependencies react
# Look for issues in dependencies containing "react" in the name
syncpack lint --dependencies '**react**'
# Find issues in scoped packages only
syncpack lint --dependencies '@types/**'
# Find issues everywhere except "peerDependencies"
syncpack lint --dependency-types '!peer'
# Only look for issues where an exact version is used (eg "1.2.3")
syncpack lint --specifier-types exact
# Sort dependencies by how many times they are used
syncpack lint --sort count
# See more examples
syncpack lint --help
# See a short summary of options
syncpack lint -h# Accept any update in latest (x.x.x)
syncpack update --target latest
# Only update minor versions (1.x.x)
syncpack update --target minor
# Only update patch versions (1.2.x)
syncpack update --target patch
# Check for outdated dependencies in one package
syncpack update --check --source 'packages/pingu/package.json'
# Update dependencies and devDependencies in the whole monorepo
syncpack update --dependency-types dev,prod
# Only update dependencies with a semver range specifier (^, ~, etc.)
syncpack update --specifier-types range
# Update dependencies where name exactly matches 'react'
syncpack update --dependencies 'react'
# Update dependencies where name contains 'react'
syncpack update --dependencies '**react**'
# Update dependencies with the '@aws-sdk' scope
syncpack update --dependencies '@aws-sdk/**'
# See more examples
syncpack update --help
# See a short summary of options
syncpack update -h
041
Jamie Mason @foldleft.bsky.social · 05/04/2025
#RagdollCats
010
Jamie Mason @foldleft.bsky.social · 28/03/2025
BRB a few mins, the workmen have just pulled up to optimise some images at my place #webdev #webperf
A car parked outside my building with the words "PNG AUTOMATIC" written on the side in corporate branding
030
Jamie Mason @foldleft.bsky.social · 09/03/2025
A little more progress, added a --target option.
010
Jamie Mason @foldleft.bsky.social · 01/03/2025
🦀 At an early stage but the Rust rewrite of `syncpack update` is starting to take shape now. This command updates npm dependencies anywhere in your #monorepo
151
Jamie Mason @foldleft.bsky.social · 21/01/2025
PSA I'm available immediately for Frontend Development Contracts www.linkedin.com/posts/jamiem... #WebDev #FrontEnd
A screenshot of the linked article
165
Jamie Mason @foldleft.bsky.social · 11/01/2025
A lot of postponed Football today in Leeds 😄❄️⚽ #GrassRootsFootball #AmateurFootball
A map of Leeds showing all but 3 football matches called off for bad weather
010
Jamie Mason @foldleft.bsky.social · 08/01/2025
I just put together this little example on how to get easy to read css-modules class names during development in @astro.build, @vite.dev etc. gist.github.com/JamieMason/0... #CSS #WebDev #Frontend
A snippet of HTML with class names such as "app-frame.header", the full HTML can be found in the linked article.
020
Jamie Mason @foldleft.bsky.social · 08/01/2025
a quick question, is what I'm doing here possible in pure #CSS now? Where I can repeat an animation on each click? Right now this is done by adding a class with #JavaScript and then removing it on the animationend event. Can this be done with CSS only now? Possibly with active/focus states?
220
Jamie Mason @foldleft.bsky.social · 06/01/2025
Current status #webdev
Even if you only have one tab open to the demo, refreshing the page isn't enough to let the new version take over. This is due to how browser navigations work. When you navigate, the current page doesn't go away until the response headers have been received, and even then the current page may stay if the response has a Content-Disposition header. Because of this overlap, the current service worker is always controlling a client during a refresh.

To get the update, close or navigate away from all tabs using the current service worker. Then, when you navigate to the demo again, you should see the horse.
020
Jamie Mason @foldleft.bsky.social · 29/12/2024
Can any #WebPerf experts out there help me understand why I would connect and SSL a 2nd time to the same domain? I thought this happened once per domain but I'm mistaken. WPT here www.webpagetest.org/result/24122...
A waterfall chart showing an HTML file doing DNS, Connect. and SSL for a domain. A JSON file is discovered in that same HTML from the same domain, it also does connect and SSL despite that having being done when the HTML was requested before it.
110
Jamie Mason @foldleft.bsky.social · 23/12/2024
Latest demo of the PWA I've been working on this last couple of weeks ⚽️👀 #webdev #grassrootsfootball
020
Jamie Mason @foldleft.bsky.social · 20/12/2024
Here's a weird thing I just stumbled on by accident 😆 The left is installed as a desktop app and the right is the same website running in Chrome. The way I have the app talking to a service worker means every running instance receives the same messages #webdev #javascript
020
Jamie Mason @foldleft.bsky.social · 19/12/2024
I get nothing for some reason 🤔 One difference is it's Brave rather than precisely Chrome but I wouldn't expect that to matter
100
Jamie Mason @foldleft.bsky.social · 19/12/2024
Does anyone know what I'm missing here in Chrome DevTools? There's the 1 error from a browser extension, but I can't find the 1 warning it's referring to anywhere #webdev #devtools
100
Jamie Mason @foldleft.bsky.social · 18/12/2024
I don't want it to get too busy, but it probably needs a careful bit of colour on the list view soon ⚽️👀
000
Jamie Mason @foldleft.bsky.social · 17/12/2024
Latest progress on the app, I'm really liking where this is going #PWA #WebDev #WebApps
110
Jamie Mason @foldleft.bsky.social · 14/12/2024
Getting closer ⚽️👀
120
Jamie Mason @foldleft.bsky.social · 05/12/2024
Not as smart as this guy
Rubber duck in a Tuxedo
110
Jamie Mason @foldleft.bsky.social · 04/12/2024
2024 is easily the most random #SpotifyWrapped top 5 I've ever had 😂
Pete & Bas, Fit for an Autopsy, Tigran Hamasyan, Cattle Decapitation, Keni Burke
010
Jamie Mason @foldleft.bsky.social · 02/12/2024
we have a Chocolate Bicolor like your Bella too, Coco, she looks much smaller than Bella though
A Chocolate Bicolor Ragdoll Cat, snoozing in a pink doughnut bed
110
Jamie Mason @foldleft.bsky.social · 30/11/2024
Departure is a monospaced font that gives your Editor and Terminal a pixel art or old tech vibe #webdev #pixelart #programming departuremono.com
A screenshot of computer code displayed in a pixel art font
170
Jamie Mason @foldleft.bsky.social · 29/11/2024
got a cracking deal in the Black Friday sales #cats #ragdollcats
I'm standing in my kitchen holding a paper shopping bag, with my Cat Ronnie's head sticking out the top of the bag
040
Jamie Mason @foldleft.bsky.social · 23/11/2024
A pointfree library, got held up by issues with ES modules and left it to gather dust
010
Jamie Mason @foldleft.bsky.social · 18/11/2024
Nice bit of Football earlier tonight ☃️❄️⚽
People playing 11-a-side football in heavy snow.
010
Jamie Mason @foldleft.bsky.social · 15/11/2024
If you ever feel like you're not up to your job and others might be asking questions of you, don't worry, you're doing great. My Milkman's job is to take away the empty bottles and put the new ones into the bottle holder
a bottle holder still containing 6 empty bottles, with 3 new milk bottles on the ground away from it.a bottle holder still containing 5 empty bottles, with 3 new milk bottles on the ground next to the step.a bottle holder, again, still containing 5 empty bottles, with 3 new milk bottles on the ground.this is a good one, 6 bottles were left out this time but not in the bottle holder, which I left empty for the new bottles. Check this, the holder is empty anyway, with the new bottles right next to it! and get this, one empty bottle knocked over on its side for no reason
140
Jamie Mason @foldleft.bsky.social · 14/11/2024
No Context Zoomies #RagdollCats
A flamepoint ragdoll cat, half way up climbing the door of a 6ft tall wardrobe
260
Jamie Mason @foldleft.bsky.social · 08/11/2024
TIL that in Zed you can jump to the next modified part of a file using ⌘+F8, handy for getting back to what you were doing after looking at something else in the file #webdev #programming
120
Jamie Mason @foldleft.bsky.social · 01/11/2024
Massive improvements coming in syncpack v14 to help query and understand your #monorepo dependencies #typescript #javascript #webdev
151