Jamie Mason's Avatar

Jamie Mason

@foldleft

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

278
Followers
312
Following
173
Posts
31.10.2024
Joined
Posts Following

Latest posts by Jamie Mason @foldleft

You're a brave man putting that in a talk πŸ˜…πŸŒΆοΈ

08.03.2026 20:34 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I'm gonna guess CSP and nonce sense

08.03.2026 19:02 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

My team at Unsplash are searching for a new lead front-end engineer. I'd love to help them find the right person. If that sounds interesting to you, send me a DM!

05.02.2026 10:11 πŸ‘ 14 πŸ” 13 πŸ’¬ 0 πŸ“Œ 1
A heavy metal wheel crank laid against a wrought iron fence among various other free items

A heavy metal wheel crank laid against a wrought iron fence among various other free items

*sigh* great. There’s obviously some sort of device nearby I’m gonna need to use this on to compete a puzzle so I gotta lug it to the leftist coffee shop and bookstore with me

27.02.2026 20:56 πŸ‘ 2477 πŸ” 351 πŸ’¬ 54 πŸ“Œ 13
Preview
GitHub - lala-hakobyan/front-end-debugging-handbook: A comprehensive guide to debugging tools for modern, complex front-end applications. This handbook provides practical, real-world guidance on a com... A comprehensive guide to debugging tools for modern, complex front-end applications. This handbook provides practical, real-world guidance on a complete suite of tools, from Chrome DevTools and fra...

Ever wanted a comprehensive guide to DevTools and debugging front ends? Check out this ebook that Lala Hakobyan just launched:

github.com/lala-hakobya...

I’m impressed!!

26.02.2026 17:25 πŸ‘ 27 πŸ” 10 πŸ’¬ 0 πŸ“Œ 0
Preview
How we rebuilt Next.js with AI in one week One engineer used AI to rebuild Next.js on Vite in a week. vinext builds up to 4x faster, produces 57% smaller bundles, and deploys to Cloudflare Workers with a single command.

We built a new Next.js, on @vite.dev. Drop-in replacement. Builds 4x faster with @rolldown.rs.

24.02.2026 20:21 πŸ‘ 78 πŸ” 9 πŸ’¬ 3 πŸ“Œ 15
Preview
Standard HTML Video & Audio Lazy-loading is Coming! | Scott Jehl, Web Designer/Developer A quick update on my team's work to bring video and audio lazy loading to browsers today

#Development #Demos
Lazy HTML media Β· Native lazy-loading of video/audio elements is coming! ilo.im/16avrn by Scott Jehl

_____
#LazyLoading #Video #Audio #Chrome #Browser #WebStandards #WebPerf #WebDev #Frontend #HTML

24.02.2026 20:35 πŸ‘ 3 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
26th Feb '26: The Accessibility Compliance Plateau - Where do we go from here?, Thu, Feb 26, 2026, 6:15 PM | Meetup We're back at SHU in Room 12.4.12 at the **Charles Street Building**, Sheffield Hallam University, 120 Charles St, Sheffield, S1 2NE Look for the FES signs up into the lif

If you see one talk that bridges the worlds of #accessibility compliance & video games this year, make it this one on Thursday 26th from @kitation.co.uk:
🎟️ www.meetup.com/front-end-sh...

Also, we'll be giving an overview of what's coming up @ #FrontEndSheff in 2026.

23.02.2026 18:43 πŸ‘ 4 πŸ” 4 πŸ’¬ 0 πŸ“Œ 1
Preview
axe-con Digital Accessibility Conference | Deque Join us to learn how to build, test, monitor, and maintain digital accessibility. Hosted on February 24-25, 2026, axe-con is completely free and virtual.

Little reminder that axe-con, organised by @deque.com is this week!!
It's a free online, two days (February 24 25) event, with a very nice line up of talks about accessibility and inclusive design.
Want to learn about accessibility? Register, check them live, or catch the replays!

#Accessibility

23.02.2026 15:30 πŸ‘ 14 πŸ” 13 πŸ’¬ 1 πŸ“Œ 2
Preview
Practical guide to the <img> element: from the basics to LCP | Joan LeΓ³n The <img> element has attributes that make a real difference in performance: loading, decoding, fetchpriority, srcset and sizes. A practical guide to using them well.

Practical guide to the <img> element: from the basics to LCP

joanleon.dev/en/guia-prac...

#WebPerf #ImagePerf #Performance #LCP #CoreWebVitals

22.02.2026 12:29 πŸ‘ 10 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

Built a β€œ3D” sphere (SVG) to show RYB transformations.
Over-iterated in @codepen.io

10% optimization, 90% procrastination.

codepen.io/meodai/full/...

21.02.2026 10:50 πŸ‘ 1382 πŸ” 219 πŸ’¬ 19 πŸ“Œ 7

βœ‚οΈ Knip v5.84.0 is out

Updated React Native/Metro, Yarn, pm2, improved compilers, config hints, Language Server v2 & so much more.

Thanks @wojtekmaj.pl, @jgoux.dev, @azat.io for invaluable contributions & input! You're the best ❀️

Changelog (got a minute?): github.com/webpro-nl/kn...
Knip: knip.dev

18.02.2026 10:25 πŸ‘ 36 πŸ” 5 πŸ’¬ 1 πŸ“Œ 3
Preview
Everything you never wanted to know about visually-hidden The one where I attempt to answer a question

what's that? 4000 words on a single CSS class? I've got you :)

Everything you never wanted to know about visually-hidden
dbushell.com/2026/02/20/v...

20.02.2026 08:25 πŸ‘ 28 πŸ” 9 πŸ’¬ 0 πŸ“Œ 2
Preview
Syncpack Consistent dependency versions in large JavaScript Monorepos

πŸš€ Syncpack v14 has been released. A Rust rewrite 7 months in the making, Syncpack is a CLI used by AWS, Cloudflare, Microsoft, PostHog, Vercel, and others to manage npm dependency versions and updates.

Please check it out and share with your followers

syncpack.dev

#monorepo #monorepos #webdev

16.02.2026 18:33 πŸ‘ 20 πŸ” 4 πŸ’¬ 2 πŸ“Œ 0
Preview
Web font choice and loading strategy The one where I break down my fonts

blogged: Web font choice and loading strategy

dbushell.com/2026/02/17/w...

17.02.2026 07:40 πŸ‘ 8 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

Nice Vinny, thanks for trialling it while it was still early

17.02.2026 08:13 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

thanks a lot mate! πŸ₯³

16.02.2026 21:18 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Syncpack Consistent dependency versions in large JavaScript Monorepos

πŸš€ Syncpack v14 has been released. A Rust rewrite 7 months in the making, Syncpack is a CLI used by AWS, Cloudflare, Microsoft, PostHog, Vercel, and others to manage npm dependency versions and updates.

Please check it out and share with your followers

syncpack.dev

#monorepo #monorepos #webdev

16.02.2026 18:33 πŸ‘ 20 πŸ” 4 πŸ’¬ 2 πŸ“Œ 0
Preview
Smashing Meets β€” Friendly, inclusive, practical event for web designers and developers. β€” Meets Design Systems 2026 β€” February 11, 2026 Wednesday, February 11, 2026, 8–11am PDT / 5–8pm CET, we are hosting a new edition of our online community event Smashing Meets. In this Meets we're talking about Design Systems in 2026. We'll go into...

Almost at 1000 attendees for Meets Design Systems 2026! If you’re thinking, β€œShould I be attendee #999 or #1000?β€œ, now is the time to register.
No rewards. Pure emotional satisfaction. :-D

Your ticket is free, it’s happening Tomorrow, Feb 11, 2026 (8–11 am PT). πŸ’˜
smashingconf.com/meets-design...

10.02.2026 15:45 πŸ‘ 5 πŸ” 3 πŸ’¬ 0 πŸ“Œ 0
Post image

@e18e.dev's module-replacements in VS Code πŸ‘€
Powered by `vscode-npmx` β€” get modern package alternatives right in your editor.

Try it out:

πŸ‘‰ marketplace.visualstudio.com/items?itemNa...

Would love to hear your thoughts!

04.02.2026 13:25 πŸ‘ 32 πŸ” 5 πŸ’¬ 3 πŸ“Œ 1

Been saying this for a while but the really exciting stuff on the web right now is all about how things we used to need JS for can now be done with pure CSS.

There are a lot of opportunities to cut out client side bloat.

04.02.2026 04:32 πŸ‘ 96 πŸ” 18 πŸ’¬ 4 πŸ“Œ 0
Preview
Yarn 6 Preview Yarn is a modern JavaScript package manager focused on speed, security, and reliability.

Yarn are porting to Rust πŸ‘€ yarn6.netlify.app/blog/2026-01...

02.02.2026 09:38 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
The Too Early Breakpoint An opinion on why we shouldn't switch to the smallest design too early.

✍️ I wrote a short opinion piece about a pattern I keep seeing lately: switching to the smallest responsive layout too early.

I call it The Too-Early Breakpoint.

πŸ”— ishadeed.com/article/too-...

01.02.2026 14:40 πŸ‘ 93 πŸ” 12 πŸ’¬ 5 πŸ“Œ 0

πŸ‘‰ Our testing expert is there: skills.sh/dubzzz/fast-...

We will restrict the scope to non-e2e but plan to cover testing-library and playwright.

πŸ™ Help welcomed β™₯️
Share the word and feel free to contribute, the more contributors the better the rules

01.02.2026 10:13 πŸ‘ 5 πŸ” 2 πŸ’¬ 1 πŸ“Œ 1

πŸ†• npx unbarrelify

At last, an easy way get rid of barrel files!

Rewrites consumers to import directly from source, then deletes the barrels.

Safe and fully automated, read all about it at github.com/webpro/unbar...

21.01.2026 06:06 πŸ‘ 110 πŸ” 22 πŸ’¬ 3 πŸ“Œ 3
Preview
AsyncData | Kyle Shevlin We've talked about enumerating states. We've talked about using state machines. Now let's talk about functors. For managing state, that is.

A few weeks ago, I spent a lot of time studying the Boxed lib (link in the next post), and came across `AsyncData`, which I think might be a functor worth knowing about, so I wrote up why.

kyleshevlin.com/async-data/

12.01.2026 17:13 πŸ‘ 6 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0
a screenshot from Blasphemous II

a screenshot from Blasphemous II

a screenshot from Inscryption

a screenshot from Inscryption

a screenshot from Pony Island 2: Panda Circus

a screenshot from Pony Island 2: Panda Circus

a screenshot from Hell is Us

a screenshot from Hell is Us

hi everybody~✨

this is my first post here: I'm Somepx, and there's a non-zero chance that I designed the fonts of your favorite game!

here's a quick showcase of my work, including -fresh from the State of Play!- Hell is Us

25.09.2024 15:54 πŸ‘ 317 πŸ” 78 πŸ’¬ 20 πŸ“Œ 7
Graphic with headline β€œInitiating navigations with the Navigation API”, showing code snippets and the site name β€œolliewilliams.xyz”, alongside a circular portrait.

Graphic with headline β€œInitiating navigations with the Navigation API”, showing code snippets and the site name β€œolliewilliams.xyz”, alongside a circular portrait.

Initiating navigations with the Navigation API. @ollie-williams.bsky.social shows navigate(), reload(), back(), forward(), and traverseTo(), plus state, info, and committed and finished promises for intercepted navigations. #js #router #url

olliewilliams.xyz/blog/initiat...

12.01.2026 11:25 πŸ‘ 8 πŸ” 3 πŸ’¬ 0 πŸ“Œ 0
Fixing the URL params performance penalty. 23rd Dec 2025. By Barry Pollard.

Fixing the URL params performance penalty. 23rd Dec 2025. By Barry Pollard.

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-...

24.12.2025 12:19 πŸ‘ 17 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0

βœ‚οΈ 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.

24.12.2025 09:48 πŸ‘ 32 πŸ” 4 πŸ’¬ 1 πŸ“Œ 0