Jamie Mason
@foldleft.bsky.social
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.
- https://github.com/JamieMason
- https://github.com/JamieMason
Pinned
Jamie Mason
@foldleft.bsky.social
· Jul 5
syncpack 14.0.0-alpha.18 has just been published, which adds a new json command #monorepo #typescript #npm #pnpm
Reposted by Jamie Mason
Fixing the URL params performance penalty. @tunetheweb.com introduced No-Vary-Search, a new HTTP header that helps browsers and CDNs ignore irrelevant query params and improve caching efficiency. For now, supported only in Chrome 141. #performance #http
calendar.perfplanet.com/2025/fixing-...
calendar.perfplanet.com/2025/fixing-...
December 24, 2025 at 12:19 PM
Fixing the URL params performance penalty. @tunetheweb.com introduced No-Vary-Search, a new HTTP header that helps browsers and CDNs ignore irrelevant query params and improve caching efficiency. For now, supported only in Chrome 141. #performance #http
calendar.perfplanet.com/2025/fixing-...
calendar.perfplanet.com/2025/fixing-...
Reposted by Jamie Mason
✂️ Knip Extension v1.0.0 is out
For VS Code + Open VSX (e.g. Cursor)
▶️ Install the Knip extension, tell your coding agent to "configure knip" or "fix up knip config" and... profit!
Comes with MCP Server + custom guides + incremental docs for a generated A+ Knip config ✨
Clean code — redefined.
For VS Code + Open VSX (e.g. Cursor)
▶️ Install the Knip extension, tell your coding agent to "configure knip" or "fix up knip config" and... profit!
Comes with MCP Server + custom guides + incremental docs for a generated A+ Knip config ✨
Clean code — redefined.
December 24, 2025 at 9:48 AM
✂️ Knip Extension v1.0.0 is out
For VS Code + Open VSX (e.g. Cursor)
▶️ Install the Knip extension, tell your coding agent to "configure knip" or "fix up knip config" and... profit!
Comes with MCP Server + custom guides + incremental docs for a generated A+ Knip config ✨
Clean code — redefined.
For VS Code + Open VSX (e.g. Cursor)
▶️ Install the Knip extension, tell your coding agent to "configure knip" or "fix up knip config" and... profit!
Comes with MCP Server + custom guides + incremental docs for a generated A+ Knip config ✨
Clean code — redefined.
@segdeha.com I just wanted to randomly say thanks for your aspect ratio calculator, I've been using it most weeks for years now and it's been so handy andrew.hedges.name/experiments/...
Aspect Ratio Calculator (ARC)
Calculate the missing value for a particular aspect ratio.
andrew.hedges.name
December 24, 2025 at 9:46 AM
@segdeha.com I just wanted to randomly say thanks for your aspect ratio calculator, I've been using it most weeks for years now and it's been so handy andrew.hedges.name/experiments/...
Reposted by Jamie Mason
#Development #Guides
For the love of HTML ‘details’ · “An untapped treasure trove of interactivity.” ilo.im/169do0 by Justin Ferrell
_____
#HTML #Disclosure #Interactivity #Accessibility #Browser #WebDev #Frontend #CSS #JavaScript
For the love of HTML ‘details’ · “An untapped treasure trove of interactivity.” ilo.im/169do0 by Justin Ferrell
_____
#HTML #Disclosure #Interactivity #Accessibility #Browser #WebDev #Frontend #CSS #JavaScript
For the Love of <details> - HTMHell
A collection of bad practices in HTML, copied from real websites.
ilo.im
December 23, 2025 at 2:26 PM
#Development #Guides
For the love of HTML ‘details’ · “An untapped treasure trove of interactivity.” ilo.im/169do0 by Justin Ferrell
_____
#HTML #Disclosure #Interactivity #Accessibility #Browser #WebDev #Frontend #CSS #JavaScript
For the love of HTML ‘details’ · “An untapped treasure trove of interactivity.” ilo.im/169do0 by Justin Ferrell
_____
#HTML #Disclosure #Interactivity #Accessibility #Browser #WebDev #Frontend #CSS #JavaScript
Reposted by Jamie Mason
Directional CSS with scroll-state(scrolled). @una.im shows how the new scroll-state() container query landing in Chrome 144 will let CSS respond to scroll direction for dynamic UI effects, all without JS. #css #scroll
una.im/scroll-state...
una.im/scroll-state...
December 23, 2025 at 11:01 AM
Directional CSS with scroll-state(scrolled). @una.im shows how the new scroll-state() container query landing in Chrome 144 will let CSS respond to scroll direction for dynamic UI effects, all without JS. #css #scroll
una.im/scroll-state...
una.im/scroll-state...
Reposted by Jamie Mason
I’m using No-Vary-Search in production already—you probably should be too!
@tunetheweb.com has the details 👇🏻
@tunetheweb.com has the details 👇🏻
Web Performance Calendar day 23 with @tunetheweb.com on configuring caches to ignore non-content-affecting URL parameters and reclaim performance. No more of this query string = cache miss nonsense.
calendar.perfplanet.com/2025/fixing-...
calendar.perfplanet.com/2025/fixing-...
Fixing the URL params performance penalty
Tales of two pages…
What's the difference between these two pages?:
https://www.example.com/
https://www.example.com/?utm_source=email
I mean they've got different URLs, but many of us would ...
calendar.perfplanet.com
December 23, 2025 at 2:44 PM
I’m using No-Vary-Search in production already—you probably should be too!
@tunetheweb.com has the details 👇🏻
@tunetheweb.com has the details 👇🏻
Reposted by Jamie Mason
#Development #Approaches
Optimizing for 75% is fine · ”Optimizing for 90% is where it gets interesting.” ilo.im/169d69 by Jordy Scholing
_____
#Business #Metrics #KPI #WebVitals #RUM #SEO #Conversion #WebPerf #WebDev #Frontend
Optimizing for 75% is fine · ”Optimizing for 90% is where it gets interesting.” ilo.im/169d69 by Jordy Scholing
_____
#Business #Metrics #KPI #WebVitals #RUM #SEO #Conversion #WebPerf #WebDev #Frontend
Optimizing for 75% is fine. Optimizing for 90% is where it gets interesting
Why optimizing on p75 is a starting point. Optimizing for p90 should be our common goal. What is a percentile? The 75th percentile (p75) means 75% of users had an experience that was equal to or better...
ilo.im
December 22, 2025 at 10:08 PM
#Development #Approaches
Optimizing for 75% is fine · ”Optimizing for 90% is where it gets interesting.” ilo.im/169d69 by Jordy Scholing
_____
#Business #Metrics #KPI #WebVitals #RUM #SEO #Conversion #WebPerf #WebDev #Frontend
Optimizing for 75% is fine · ”Optimizing for 90% is where it gets interesting.” ilo.im/169d69 by Jordy Scholing
_____
#Business #Metrics #KPI #WebVitals #RUM #SEO #Conversion #WebPerf #WebDev #Frontend
Reposted by Jamie Mason
My Favorite Mac VoiceOver commands: "I hop into VoiceOver all the time to test the websites I’m building. By testing on a screen reader I can uncover bugs that a blind or low-vision person will encounter. Here are a few of the commands I use most often." #a11y thoughtbot.com/blog/my-favo...
My Favorite Mac VoiceOver commands
The world needs more accessibility tip listicles. Here’s one about screen reader testing.
thoughtbot.com
November 28, 2025 at 6:03 PM
My Favorite Mac VoiceOver commands: "I hop into VoiceOver all the time to test the websites I’m building. By testing on a screen reader I can uncover bugs that a blind or low-vision person will encounter. Here are a few of the commands I use most often." #a11y thoughtbot.com/blog/my-favo...
Reposted by Jamie Mason
Responsive Letter Spacing
Minimizing the readability impact of a typographic brand requirement.
cloudfour.com
November 28, 2025 at 7:02 PM
Reposted by Jamie Mason
i have a growing @e18e.dev roadmap of very useful tools we could all benefit from
to make it happen, we need two things: sponsors, and leads/champions 👀
if you're interested in either, come chat to me and i'd be happy to show you through the roadmap we have!
to make it happen, we need two things: sponsors, and leads/champions 👀
if you're interested in either, come chat to me and i'd be happy to show you through the roadmap we have!
November 23, 2025 at 10:44 AM
i have a growing @e18e.dev roadmap of very useful tools we could all benefit from
to make it happen, we need two things: sponsors, and leads/champions 👀
if you're interested in either, come chat to me and i'd be happy to show you through the roadmap we have!
to make it happen, we need two things: sponsors, and leads/champions 👀
if you're interested in either, come chat to me and i'd be happy to show you through the roadmap we have!
syncpack passed 1 million weekly downloads for the first time this week 📈 www.npmjs.com/package/sync... #monorepo #typescript
November 19, 2025 at 1:30 PM
syncpack passed 1 million weekly downloads for the first time this week 📈 www.npmjs.com/package/sync... #monorepo #typescript
Reposted by Jamie Mason
syncpack 14.0.0-alpha.27 adds support for @pnpm.io "catalog:" specifiers and can read catalogs from pnpm and bun, more to follow in future versions github.com/JamieMason/s... #pnpm #monorepo #monorepos
November 12, 2025 at 11:31 PM
syncpack 14.0.0-alpha.27 adds support for @pnpm.io "catalog:" specifiers and can read catalogs from pnpm and bun, more to follow in future versions github.com/JamieMason/s... #pnpm #monorepo #monorepos
syncpack 14.0.0-alpha.27 adds support for @pnpm.io "catalog:" specifiers and can read catalogs from pnpm and bun, more to follow in future versions github.com/JamieMason/s... #pnpm #monorepo #monorepos
November 12, 2025 at 11:31 PM
syncpack 14.0.0-alpha.27 adds support for @pnpm.io "catalog:" specifiers and can read catalogs from pnpm and bun, more to follow in future versions github.com/JamieMason/s... #pnpm #monorepo #monorepos
Reposted by Jamie Mason
New Guide: Migrate to syncpack 14 jamiemason.github.io/syncpack/gui... #monorepo #pnpm #npm #typescript #javascript
November 10, 2025 at 2:18 PM
New Guide: Migrate to syncpack 14 jamiemason.github.io/syncpack/gui... #monorepo #pnpm #npm #typescript #javascript
Reposted by Jamie Mason
🚀 pnpm v10.21 is out!
This release introduces two powerful new security & compatibility features:
1️⃣ Automatic Node.js runtime installation for dependencies
2️⃣ Configurable trust policy for detecting supply-chain downgrades
🧵👇
This release introduces two powerful new security & compatibility features:
1️⃣ Automatic Node.js runtime installation for dependencies
2️⃣ Configurable trust policy for detecting supply-chain downgrades
🧵👇
November 10, 2025 at 3:18 PM
🚀 pnpm v10.21 is out!
This release introduces two powerful new security & compatibility features:
1️⃣ Automatic Node.js runtime installation for dependencies
2️⃣ Configurable trust policy for detecting supply-chain downgrades
🧵👇
This release introduces two powerful new security & compatibility features:
1️⃣ Automatic Node.js runtime installation for dependencies
2️⃣ Configurable trust policy for detecting supply-chain downgrades
🧵👇
New Guide: Migrate to syncpack 14 jamiemason.github.io/syncpack/gui... #monorepo #pnpm #npm #typescript #javascript
November 10, 2025 at 2:18 PM
New Guide: Migrate to syncpack 14 jamiemason.github.io/syncpack/gui... #monorepo #pnpm #npm #typescript #javascript
Reposted by Jamie Mason
Page headings don’t belong in the header: "As a rule of thumb I keep the page’s out of the
out of the . It keeps the hierarchy clear, the landmarks consistent, and the experience smoother for everyone." #a11y #HTML www.tempertemper.net/blog/page-he...
Page headings don’t belong in the header
I have a habit of thinking pretty deeply about semantics and structure, and have been considering the main page heading and where it should live.
www.tempertemper.net
November 7, 2025 at 6:04 PM
Page headings don’t belong in the header: "As a rule of thumb I keep the page’s out of the
out of the . It keeps the hierarchy clear, the landmarks consistent, and the experience smoother for everyone." #a11y #HTML www.tempertemper.net/blog/page-he...
Reposted by Jamie Mason
syncpack@14.0.0-alpha.25 has been released with a lot of long-standing bugs being fixed: github.com/JamieMason/s... #npm #pnpm #monorepo
November 5, 2025 at 10:28 PM
syncpack@14.0.0-alpha.25 has been released with a lot of long-standing bugs being fixed: github.com/JamieMason/s... #npm #pnpm #monorepo
syncpack@14.0.0-alpha.25 has been released with a lot of long-standing bugs being fixed: github.com/JamieMason/s... #npm #pnpm #monorepo
November 5, 2025 at 10:28 PM
syncpack@14.0.0-alpha.25 has been released with a lot of long-standing bugs being fixed: github.com/JamieMason/s... #npm #pnpm #monorepo
Reposted by Jamie Mason
A new episode of Midnight Scenes is coming…
A horror experience where every moment could be your last!
The countdown begins!
Wishlist now:
STEAM: bit.ly/4ob6H1i
GOG: bit.ly/3WkL56d
(RT’s appreciated)
#MidnightScenes #AmongGraves #pixelart #horror #creepy #indiegame #darkgame
A horror experience where every moment could be your last!
The countdown begins!
Wishlist now:
STEAM: bit.ly/4ob6H1i
GOG: bit.ly/3WkL56d
(RT’s appreciated)
#MidnightScenes #AmongGraves #pixelart #horror #creepy #indiegame #darkgame
October 23, 2025 at 8:56 AM
A new episode of Midnight Scenes is coming…
A horror experience where every moment could be your last!
The countdown begins!
Wishlist now:
STEAM: bit.ly/4ob6H1i
GOG: bit.ly/3WkL56d
(RT’s appreciated)
#MidnightScenes #AmongGraves #pixelart #horror #creepy #indiegame #darkgame
A horror experience where every moment could be your last!
The countdown begins!
Wishlist now:
STEAM: bit.ly/4ob6H1i
GOG: bit.ly/3WkL56d
(RT’s appreciated)
#MidnightScenes #AmongGraves #pixelart #horror #creepy #indiegame #darkgame
Reposted by Jamie Mason
I have been working on the nix & Rust codebase that builds Shopify’s monorepo, and there’s so much left to do that we need help.
If you are interested, apply here to join us! DM me if you have questions!
www.shopify.com/careers/soft...
If you are interested, apply here to join us! DM me if you have questions!
www.shopify.com/careers/soft...
Software Engineer - Monorepo Systems (Rust & Nix)
ARE YOU READY? Join the fully-remote rocketship. Find your next quest to make commerce better for everyone. Unlimited growth. Crafters and hard workers only. Apply within.
www.shopify.com
October 16, 2025 at 4:20 PM
I have been working on the nix & Rust codebase that builds Shopify’s monorepo, and there’s so much left to do that we need help.
If you are interested, apply here to join us! DM me if you have questions!
www.shopify.com/careers/soft...
If you are interested, apply here to join us! DM me if you have questions!
www.shopify.com/careers/soft...
Reposted by Jamie Mason
Looks like I'll be coming to the end of a contract shortly so will have availability for new projects from later this month
Give me a shout if you're on the lookout for frontend dev or design systems work and particularly if you're looking for animations, interactions or anything a bit experimental
Give me a shout if you're on the lookout for frontend dev or design systems work and particularly if you're looking for animations, interactions or anything a bit experimental
What I do - Robb Owen
From interaction design to scaleable design systems, single-page apps to something more experimental with WebGL. I help awesome people to build ambitious yet accessible web projects
robbowen.digital
October 15, 2025 at 4:25 PM
Looks like I'll be coming to the end of a contract shortly so will have availability for new projects from later this month
Give me a shout if you're on the lookout for frontend dev or design systems work and particularly if you're looking for animations, interactions or anything a bit experimental
Give me a shout if you're on the lookout for frontend dev or design systems work and particularly if you're looking for animations, interactions or anything a bit experimental
Reposted by Jamie Mason
new version of the @e18e.dev github action released!
- better support for pnpm/yarn
- you can now set size threshold to -1 to always show a dependency size diff
- native os-specific binaries are now accounted for
check it out!
- better support for pnpm/yarn
- you can now set size threshold to -1 to always show a dependency size diff
- native os-specific binaries are now accounted for
check it out!
GitHub - e18e/action-dependency-diff: A GitHub action to report dependency changes and potential problems
A GitHub action to report dependency changes and potential problems - e18e/action-dependency-diff
github.com
October 15, 2025 at 10:22 AM
new version of the @e18e.dev github action released!
- better support for pnpm/yarn
- you can now set size threshold to -1 to always show a dependency size diff
- native os-specific binaries are now accounted for
check it out!
- better support for pnpm/yarn
- you can now set size threshold to -1 to always show a dependency size diff
- native os-specific binaries are now accounted for
check it out!