Profile avatar
foldleft.bsky.social
Front-end Developer in Leeds, UK. I make developer tools like ImageOptim-CLI and syncpack. Into Music, Design, Pixel Art, and Football. Cat Dad of 3 Ragdoll Cats. - https://github.com/JamieMason - https://last.fm/user/NakedIntruder/library/artists
99 posts 238 followers 219 following
Prolific Poster
Conversation Starter

My open secret is that ~50% of the Turborepo documentation isn't about Turborepo. Even if you're not working in a Turborepo, you might want to use this llms.txt for your JavaScript/TypeScript monorepo. It's a ton of information about the ecosystem packed into one place.

I have to take a moment to appreciate @sarasoueidan.com's post about setting up a screen reader testing environment. it continues to be an invaluable resource for me πŸ™πŸ» www.sarasoueidan.com/blog/testing...

An "accessible" component library does not make your site accessible. It may make it easier or more ergonomic, but it can only provide guardrails. You still need to do the work to make sure that your app behaves as expected. Accessibility is also not pass / fail. Its a spectrum and contextual.

New in Chrome DevTools: Accurately emulate CPU performance of a low/mid tier phone with Automatic CPU throttling calibration! πŸ“² This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.

Enough idle chit-chat: you can now choose label colours for your blueskyinbox.com search monitors! 🎨 I'd love you to check it out and let me know what you think. Thanks in advance πŸ™πŸ™‡πŸ»β€β™‚οΈ #buildinpublic

Marrije recommends bookshop.org, and they support local bookstores too. Winning!

πŸ’‘ CSS Tip! Do you ever want to have one column control the size of another one? It's easier than what you might think! css-tip.com/equal-height... #CSS

🌟 Front-End Developer and Design Systems Practitioner seeking remote work. 🎨 With 10 years of experience in Design Systems, I excel at the front of the front-end. 🀝 If you’re looking for a friendly collaborator to bring your vision to life, let’s connect! 🌐 www.alwaystwisted.com πŸ™πŸ–€

This was a really interesting watch about a new kind of computer chip youtu.be/wBqfzj6CEzI

Ever heard of ThumbHash? It's a great way to encode a blurry placeholder image into just a few bytes, 28 here. Like BlurHash but better visual quality! Available now in responsive-image.dev for @vite.dev or webpack plugins and image components for @emberjs.com @lit.dev @solidjs.com and @svelte.dev!

If you're in the UK, please help stop #GBNews spreading hate speech and homophobia, by signing this petition to #Ofcom by the Good Law Project: action.goodlawproject.org/ofcom-stop-g...

Back on this masterpiece. It's 24 years old and still sounds exciting and different 🎧 open.spotify.com/album/2cdr9b... #Music #NowPlaying #Metal

Oh dang this is super cool. WhoCanUse succinctly demonstrates how people with different types of colorblindness see different color choices: www.whocanuse.com

HTML, CSS, JS & A11y course stack: - HTML For People by @blakewatson.com: htmlforpeople.com - Complete CSS by @piccalil.li: complete-css.com - Joy For JavaScript Developers by @joshwcomeau.com: www.joyforjs.com - Practical Accessibility by @sarasoueidan.com: practical-accessibility.today

What's the easiest way to set or bump the version in a Cargo.toml file via a script? I have a script which bumps a package.json to eg. "14.0.0-alpha.3" and want to set the toml file to the same version #rustlang #webdev

[GIST] Get usernames of every #GitHub user leaving a reaction to an issue or pull request gist.github.com/JamieMason/6... #webdev #oss

inclusivedesignprinciples.info

Today's @ahrefs.bsky.social audits are kicking off across almost all of my sites about timeouts - something I've never seen before. The sites in question are responsive, at least for me. Anyone else getting any timeout reports from ahrefs today?

who's gonna call

TIL: YAML can reference variables, making it easier to manage monorepo dependencies.

Reality Tech #designsky #webcomics #productdesign

Just found out with @colinhacks that our schema libraries preserve JSDoc comments. Very cool for large and complex schemas! πŸ”₯

🧠 Some brief thoughts on front-end frameworks and upgrade hell: csswizardry.com/2025/01/buil...

PSA I'm available immediately for Frontend Development Contracts www.linkedin.com/posts/jamiem... #WebDev #FrontEnd

Apologies for getting a bit political on main tonight. I think this cartoon sums it up.

PSA I'm available immediately for Frontend Development Contracts www.linkedin.com/posts/jamiem... #WebDev #FrontEnd

Lee Fields & The Expressions – I Still Got It open.spotify.com/track/07lZt2... #Music #NowPlaying #Soul

Gramatik – Like You Do open.spotify.com/track/4mDqVU... #Music #NowPlaying

πŸ“£ I'm so excited to announce a new meetup I started! PerformanceObserver is a virtual meetup for the frontend web performance community! The first event will be announced shortly. You can join the newsletter to make sure you don't miss an event. #webperf performanceobserver.dev

Caroline Rose – Jeannie Becomes A Mom open.spotify.com/track/5iEOCp... #Music #NowPlaying

A lot of postponed Football today in Leeds πŸ˜„β„οΈβš½ #GrassRootsFootball #AmateurFootball

Orbit #CSS - Sci-fi Hud exampleπŸ’₯ Except interactivity all was made with CSS-only

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

Current status #webdev

It's been more than a year since I last used XState, in that time the visual editor has come on leaps and bounds – really amazing work. Check it out at state.new #javascript #typescript

What if you could use Radix in Preact without compat? And what if Radix itself became 60% smaller? And faster. What if you could have all of Radix and Preact and a router... for less than half the original size of Radix? or of React?

Every time there's a new major version of @astro.build I go "ooh, new Astro!" and check it out, then a few weeks later I remember something… Anyway, my lazy <YouTube/> embed component for Astro now supports Astro 5:

5 #CSS snippets every front-end developer should know in 2024 I wrote it earlier this year; should I do a 2025 edition in January? nerdy.dev/5-css-snippe...

Anyone wants to beta-test a new font-face fallback tool? highperformancewebfonts.com/tools/fafofal/ A spiritual (to say the least) descendant of tools and ideas by @industrialempathy.com @notwaldorf.bsky.social and Katie Hempenius. Pictured below: Poppins.ttf from G-fonts with Avenir Book fallback