Jamie Mason's Avatar

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

261 Followers  |  284 Following  |  150 Posts  |  Joined: 31.10.2024  |  1.8012

Latest posts by foldleft.bsky.social on Bluesky

Preview
A Few Things About the Anchor Elementโ€™s href You Might Not Have Known Writing about the big beautiful mess that is making things for the world wide web.

A Few Things About The Anchor Elementโ€™s `href` You Might Not Have Known: https://blog.jim-nielsen.com/2025/href-value-possibilities/

06.08.2025 13:44 โ€” ๐Ÿ‘ 1    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Way Back In Coyote Island ยท Holy Illusion ยท Song ยท 2023

Coyote Island - Way Back In open.spotify.com/track/3gadCY... #Music #NowPlaying

06.08.2025 13:58 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Links? Links! - Infrequently Noted Alex Russell on browsers, standards, and the process of progress.

I spent hours and hours trawling through the sites of some of the world's best web developers, and despite the horrors I regularly experience in my daily work in Big JavaScript Territory, what I saw left me hopeful:

infrequently.org/2025/07/links/

16.07.2025 23:17 โ€” ๐Ÿ‘ 84    ๐Ÿ” 19    ๐Ÿ’ฌ 6    ๐Ÿ“Œ 4

This was such an incredible talk that introduced a few concepts around alt-text that we were all talking about for ages afterwards.

Highly recommend watching if you didn't get a chance to see @lolaodelola.bsky.social in person!

16.07.2025 09:14 โ€” ๐Ÿ‘ 4    ๐Ÿ” 3    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0

To prevent git from finishing the current commit/operation, your editor needs to exit with a non-zero status. In vim, you can use :cq to do that.

#git #vim #linux #cli

16.07.2025 12:33 โ€” ๐Ÿ‘ 4    ๐Ÿ” 3    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Preview
SpeedCurve | Performance Hero: Harry Roberts Harry makes huge brands fast, and then generously shares his insights with the community. Thank you, Harry!

This chat with @csswizardry.com and @cliffcrocker.bsky.social is a #webperf must-see! So many great insights, like...

๐Ÿ‘‰ Nearly every site that is a SPA shouldn't be
๐Ÿ‘‰ Ecomm sites shouldn't be built with #JS
๐Ÿ‘‰ The # of images on a page directly affects conversions

www.speedcurve.com/blog/web-per...

15.07.2025 17:03 โ€” ๐Ÿ‘ 7    ๐Ÿ” 4    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

A friend of mine started dating a Music Technician. I've not met him yet, but everyone says he's a real sound guy.

15.07.2025 15:39 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Congratulations matey

13.07.2025 18:07 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I'm looking to recruit talented senior engineers that have experience related to web performance monitoring and optimization. If that sounds like youโ€”or someone you'd highly recommendโ€”please send me a DM and Iโ€™ll share more details!

The role is 100% remote and async-first.

09.07.2025 11:27 โ€” ๐Ÿ‘ 7    ๐Ÿ” 14    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 1

Haven't been keeping up with the webperf slack, but this was in the scrollback from March, and shows so directly how understanding the rendering engine unlocks better experiences for everyone, not just folks on low-spec machines and networks:

granola.ai/blog/dont-animatโ€ฆ

12.07.2025 21:12 โ€” ๐Ÿ‘ 21    ๐Ÿ” 5    ๐Ÿ’ฌ 3    ๐Ÿ“Œ 0
Post image Post image

BEST tip ever! Sign up for free to your local library. Get a digital membership. Use that to access Pressreader and have access to a vast array of magazines and newspapers. No paywalls, nothing!! Incredible.

12.07.2025 08:10 โ€” ๐Ÿ‘ 45    ๐Ÿ” 11    ๐Ÿ’ฌ 4    ๐Ÿ“Œ 0
:has() is more than a parent selector
YouTube video by Kevin Powell :has() is more than a parent selector

Kevin Powell is the Bob Ross of #CSS ๐Ÿ˜„ Learning so much from his channel and loving it youtu.be/cxSowU9sDdU?...

11.07.2025 17:27 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

Ooh, my Chrome DevTools extension for debugging Scroll-Driven Animations is approaching 3000 users โ€ฆ

- Live Minimap (!)
- ScrollTimeline and ViewTimeline support
- CSS and WAAPI SDAs supported
- Plays nice with `position: sticky`
- Visualize and edit the animation-ranges

๐Ÿ‘‰ brm.us/sda-debugger

11.07.2025 11:52 โ€” ๐Ÿ‘ 51    ๐Ÿ” 9    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 1
Preview
Screen reader HTML support tables - TetraLogical With the addition of Gez Lemon to the editing team, work continues on expanding and improving the HTML and screen reader support information.

These HTML support tables by @tetralogical.com are very, very good. tetralogical.com/blog/2025/07...

10.07.2025 15:40 โ€” ๐Ÿ‘ 25    ๐Ÿ” 8    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Your Prime Day reminder that half of Amazon warehouse workers struggle with food & housing costs.

A third have had to rely on government assistance like SNAP โ€” which is about to get cut.

If Bezos can spend $50M on a wedding, Amazon can afford to treat its workers with dignity.

08.07.2025 16:41 โ€” ๐Ÿ‘ 33762    ๐Ÿ” 10650    ๐Ÿ’ฌ 1046    ๐Ÿ“Œ 533
Preview
GitHub - lolaodelola/accessibility-compat-data Contribute to lolaodelola/accessibility-compat-data development by creating an account on GitHub.

I'm looking for ยฃ10k - ยฃ15k to continue the research phase of Accessibility Compat Data for six months. There's a real appetite for this work (more on that soon)!

I'd love to talk to small - mid-size orgs who are aligned & interested in chipping in. Reposts appreciated ๐Ÿ™๐Ÿพ

github.com/lolaodelola/...

08.07.2025 16:24 โ€” ๐Ÿ‘ 8    ๐Ÿ” 16    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Web Weekly โ€” Your friendly web dev newsletter.

Web Weekly โ€” Your friendly web dev newsletter.

And I'm ready to sit down to write this week's Web Weekly newsletter. If you're into webdev news close to the platform (you know vanilla HTML, CSS and JS), you can join all the other 6k Frontend nerds! ๐Ÿ‘‡

webweekly.email

07.07.2025 10:50 โ€” ๐Ÿ‘ 3    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
# 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

# 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

syncpack 14.0.0-alpha.18 has just been published, which adds a new json command #monorepo #typescript #npm #pnpm

05.07.2025 11:23 โ€” ๐Ÿ‘ 2    ๐Ÿ” 1    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Preview
The Case for Software Craftsmanship in the Era of Vibes - Zed Blog From the Zed Blog: Working toward genuine, quality software in an era where code production is not the constraint anymore.

The Case for Software Craftsmanship in the Era of Vibes

As software engineers, we should measure our contribution not in lines of code generated, but in reliable, well-designed systems that are easy to change and a pleasure to use.

zed.dev/blog/softwar...

06.07.2025 06:04 โ€” ๐Ÿ‘ 10    ๐Ÿ” 8    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Docs for the new command can be found at jamiemason.github.io/syncpack/com...

05.07.2025 11:24 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
# 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

# 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

syncpack 14.0.0-alpha.18 has just been published, which adds a new json command #monorepo #typescript #npm #pnpm

05.07.2025 11:23 โ€” ๐Ÿ‘ 2    ๐Ÿ” 1    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Preview
:nth-last-child Select elements by counting backwards from the end using the :nth-last-child pseudo-class selector.

If you write CSS, you've probably used :nth-child(), but what about :nth-last-child()?

When you use it with -n, (which makes it count forwards), you can do some useful stuff with it.

html-css-tip-of-the-week.netlify.app/tip/nth-last...

03.07.2025 16:38 โ€” ๐Ÿ‘ 26    ๐Ÿ” 5    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Empty food tray with a label reading "Antipasta Pasta Salad, $7.99 /lb" next to trays with food at a self-service counter.

Empty food tray with a label reading "Antipasta Pasta Salad, $7.99 /lb" next to trays with food at a self-service counter.

i'm no stephen hawking but i think what happens is that they cancel each other out

02.07.2025 12:22 โ€” ๐Ÿ‘ 11743    ๐Ÿ” 1345    ๐Ÿ’ฌ 385    ๐Ÿ“Œ 95
Post image Post image

Incredible work by Westfields FCโ€™s groundsman Joe Mecke Davis. Just look at that pitch!

Huge respect to everyone behind the scenes who put in this level of care to make things perfect. ๐Ÿ‘๐ŸŒฑโšฝ๏ธ

#NonLeague #Groundsman #GrassrootsFootball #FieldsTogether

29.06.2025 12:24 โ€” ๐Ÿ‘ 4    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I don't know but the best I can come up with is the "canonical runtime". It's runtime code in a central location, that's referenced from multiple projects on your machine.

27.06.2025 21:52 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

@speedcurve.com on your pricing page one thing that would be handy is if the URL params changed when you build a plan, so you can share it ๐Ÿš€

24.06.2025 08:11 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Where Only The Truth Is Spoken Malevolence ยท Album ยท 2025 ยท 11 songs

The new Malevolence album doesn't have a bad track on it, absolutely love it. I also recently learned they're from #Sheffield โ€“ it's strange to think that a band from just down the road is releasing material worthy of the biggest bands in the world ๐Ÿ‘ open.spotify.com/album/1qs6bV...

21.06.2025 11:53 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image

you can just infer regex

20.06.2025 16:06 โ€” ๐Ÿ‘ 13    ๐Ÿ” 4    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0
Preview
JavaScript broke the web (and called it progress) We replaced simple websites with complex apps nobody asked for. Now it takes a complex build pipeline just to change a headline.

We used to build websites.

Now we build pipelines, frameworks, and hydration strategies - just to publish text.

This isnโ€™t progress.
Itโ€™s complexity, by design.

We need to escape the JavaScript framework trap.

www.jonoalderson.com/conjecture/j...

19.06.2025 14:09 โ€” ๐Ÿ‘ 89    ๐Ÿ” 31    ๐Ÿ’ฌ 7    ๐Ÿ“Œ 15
Preview
Cranking View Transtions up to 11 (Safely, Maybe) (2025.06.12 โ€“ Middlesbrough Front End) At Middlesbrough Front End 2025 I gave a talk about some of the more exotic applications of View Transitions

Psst, the slides of my @middlesbroughfe.co.uk talk are up on my blog!

> This talk explores the wild side of View Transitions. Weโ€™ll combine them with Scroll-Driven Animations, trigger them automatically with MutationObserver, and even resurrect classic Internet Explorerโ€™s Page Transitions.

#MFE25

20.06.2025 12:39 โ€” ๐Ÿ‘ 25    ๐Ÿ” 2    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 1

@foldleft is following 20 prominent accounts