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
🎤 Have something to share? We're looking for lightning talks for our Fronteers meetup on Sept 10th in Utrecht! Five minutes. One idea. That's all it takes. Submit your proposal: forms.cloud.microsoft/e/gzU9UEFaqN Join the meetup: www.meetup.com/fronteers-nl...
I think it's worth sharing the progress of my lottie compiler here: github.com/cometkim/ulo... You can test it on the demo page, which now has a live output preview in the breakdown section.
I'm going through a backlog of ~220 links to Design Systems things for the newsletter before the #HungarianGP. Seems I've written quite a bit since the last newsletter was sent out :lolsob: You can sign up to get the emails and check past issues here: https://news.design.systems 🙏🖤
Another great post by @joshwcomeau.com. I love that he didn't try to cover the whole API, but made a pragmatic decision to explain the most useful bits. As always, I learned a lot from this post. www.joshwcomeau.com/css/anchor-p... #css
Getting Started with Anchor Positioning • Josh W. Comeau
For decades, one of the most notoriously-challenging problems on the web has been sticking one element to another element, for things like tooltips and nested menus. The CSSWG has decided to provide a...
joshwcomeau.com
🤳 I just published the 2026 update to my ongoing research, ‘Low- and Mid-Tier Mobile for the Real World’. What are this year’s target hardware? Find out! csswizardry.com/2026/07/low-...
Low- and Mid-Tier Mobile for the Real World (2026) – CSS Wizardry
The 2026 update to my real-world device testing recommendations paints a clearer picture than ever…
csswizardry.com
If you make websites for a living, stop what you're doing and read this research by @tammyeverts.com; it shows what many of us have been saying for a long time: even if there is such a thing as "fast enough", it's generally *much* faster than you are targeting: embrace.io/blog/research-co…
New research: The Core Web Vitals thresholds you trust might be wrong for your site
Core Web Vitals data from ten leading online retailers reveals that "good" for Google may not be good enough for your users or your business.
embrace.io
If you are on the latest pnpm v11.10.0 (or v10.34.5), you can try out the pnpm v12 alpha via: pnpm self-update 12.0.0-alpha.5 It is fully in Rust! 🦀
Playing with `focusgroup` support in Chrome 150 and I like seeing the browser assign role based on the `focusgroup` token. Yes, you can override with explicit `role`, which will undoubtedly happen as devs choose kbd patterns that don’t match the role. But still neat. codepen.io/aardrian/pen...
Does your design system have a rulebook? Not just what was decided but why, and what was rejected. With AI working inside design systems, undocumented reasoning is a gap the model will fill on its own. Great piece by Kevin Muldoon on the three kinds of truth every system needs: hubs.li/Q04f6BFv0
The new Rust compiler in Astro 7.0 is COOL but it also changes how some things are rendered. I wrote about the whitespace changes here! cassidoo.co/post/astro-7...
Whitespace in Astro 7.0
The way whitespace is rendered is different in the latest version of Astro, and here's how you can fix it.
cassidoo.co
From the archives: Jason Bradberry challenges the ideals of displaying your entire navigation as a cluster of links and presents a case for exploring off-screen menus where the context is right for it. piccalil.li/blog/in-prai...
In praise of off-screen menus
Jason Bradberry challenges the ideals of displaying your entire navigation as a cluster of links and presents a case for exploring off-screen menus where the context is right for it.
piccalil.li
TypeScript 7.0 RC is out 🎉 It's the 10x faster Go-based port 🔥 🔷 `tsc6` is for side-by-side comparison 🔷 --checkers sets checker thread count 🔷 --singleThreaded keeps parsing/emit/checking together 🔷 TS 6.0 deprecations are hard errors 🔷 API access is planned for TS 7.1
📣 TypeScript 7's Release Candidate is now out! 📣 The new native rewrite is almost here. Try it out on your codebases, and make sure your team is ready for the upcoming 7.0 release!
Inspired by @meyerweb.com's talk at @cssday.nl I played with offset-path before, but somehow missed that we can use it with border-box and padding-box, making this so incredibly easy. I need to fix up the code a bit as it's kinda messy, but you can see it here: codepen.io/editor/kevin...
✂️ Knip v6.17.2 is out → Merges & fixes quite a bunch → Major MCP improvements Last but not least, revamped the docs and added 3 brand new intro pages: → How Knip works → Your First Cleanup → Adopt Knip gradually Changelogs: github.com/webpro-nl/kn... Knip: knip.dev
✂️ Knip v6.15.0 is out 🎉 Celebrating the ▲ @vercel.com sponsorship and 152 plugins! → New treatTagHintsAsErrors option → Improved --trace features → New plugins: orval, nano-spawn → Many feats 'n fixes ✨ Changelog: github.com/webpro-nl/kn... Knip: knip.dev
Replacements.fyi. A tool from the e18e collective that helps you find more performant and safer replacements for outdated or unnecessary npm packages. Type a package name and get drop-in alternatives or short code snippets to use instead. #npm #tools replacements.fyi/
I'll be delivering a talk about ARIA's history and structure, as well as providing guidelines and busting myths for #WebExpo in about two hours' time. If you've got FOMO you can read the article that this talk was sourced from: www.smashingmagazine.com/2025/06/what... #a11y
We're looking for a couple more speakers for July and September. If you're interested in speaking, let me know!
Our 28th May #FrontEndSheff meetup is this Thursday - feat. Thomas Baker, David Warrington and their insight into styling systems and TypeScript validation. More excitingly: we're sending our organisers a bit earlier to Charles St. to figure out the aircon 🧊 www.meetup.com/front-end-sh...
An article by the Designers in my team, this is what I've been working on at Monzo monzo.com/blog/reimagi...
Reimagining monzo.com: Building a modular high-fidelity web design system that scales
We share our journey of fixing a major workflow bottleneck for our marketing teams by trading one-off static layouts for a library of plug-and-play modular templates.
monzo.com
npm increasingly feels like a zombie org under GitHub. As someone who's been around the JS ecosystem and part of multiple OSS orgs for years, what I'm seeing isn't just "big co moves slow." It's quiet neglect of critical infrastructure the entire JS world runs on. A short thread 🧵
Our 28th May #FrontEndSheff meetup is this Thursday - feat. Thomas Baker, David Warrington and their insight into styling systems and TypeScript validation. More excitingly: we're sending our organisers a bit earlier to Charles St. to figure out the aircon 🧊 www.meetup.com/front-end-sh...
28th May '26: Kneel before Zod & a touch of Sass, Thu, May 28, 2026, 6:15 PM | Meetup
*prev. known as "Shopping with Sass & style (sheets)" - renamed due to different talk content!* We're back at SHU in Room 12.4.12 at the **Charles Street Building**, Sheff
meetup.com
the @e18e.dev npm publishing guide has been updated to recommend the new `npm stage` feature! this guide and the templates it offers are a good way to get setup quickly in a secure way
e18e (Ecosystem Performance) - Best Practices on Publishing npm Packages
Best practices on publishing npm packages securely using GitHub Actions.
e18e.dev
I've no idea how but I've got the Pugwall theme stuck in my head, and maybe now you do too.
Here's the recording of this year's “What's new in Web UI” talk @una.im and I gave at Google I/O earlier this week. youtu.be/uT7MVcCQ4rw Very happy with how it went, and I think you might find it useful, so give it a watch 😊 #ChromeDevRel #GoogleIO
What's new in Web UI
YouTube video by Chrome for Developers
youtu.be
Get your tickets to @perfnow.nl before prices rise on July 1st! I say this every year and I will continue to say it: there is nowhere better to learn about #webperf 🚀 The speaker line-up is always absolute gold and the hallway track is just as valuable.
Ticket sales are open! perfnow.nl/tickets.html
Did you know `AbortSignal` has a `timeout` static method? Pass `AbortSignal.timeout(5000)` straight to `fetch` and bail after 5 seconds. All without a hand-rolled `setTimeout` + `AbortController` dance. https://developer.mozill...