Advertisement Β· 728 Γ— 90

Posts by Jamie Mason

Preview
Announcing TypeScript 7.0 Beta - TypeScript Today we are absolutely thrilled to announce the release of TypeScript 7.0 Beta! If you haven’t been following TypeScript 7.0’s development, this release is significant in that it is built on a comple...

TypeScript 7.0 Beta is here!

Built on a new native and parallelized foundation, it's already being used on multi-million line codebases.

Read up more here and try it on your projects today!

devblogs.microsoft.com/typescript/a...

7 hours ago 203 51 2 7
Post image

'Space Family'πŸš€(art by @octavinavarro.bsky.social ) #pixelart

1 day ago 17 5 1 0

What are you waiting for? Get your tickets and save some cash! πŸ˜€

4 days ago 0 2 0 0

I'm heading along again this year, see you there if you're going

4 days ago 2 1 0 0
Preview
Screen readers are not testing tools Β· Eric Eggert Testing with assistive technologies is an important part of any accessibility review. However, especially when auditing against the Web …

Eric Eggert outlines why screen readers shouldn't be the primary accessibility testing tool, advocating for dedicated testing tools instead.

yatil.net/blog/screen-...

5 days ago 3 1 0 0
Web Weekly 189 β€” Topics: Not existing font-family fallbacks, HTML in canvas elements, Number formatting with Intl, Name-only @container queries, loading="lazy" for videos, sizes="auto" for images.

Web Weekly 189 β€” Topics: Not existing font-family fallbacks, HTML in canvas elements, Number formatting with Intl, Name-only @container queries, loading="lazy" for videos, sizes="auto" for images.

Web Weekly 189 just went out! πŸ₯‚

This one covers `sizes="auto"` for responsive images, lazy loading videos, HTML in canvas, name-only container queries, and why your `font-family` fallbacks might not work the way you think.

Read it online: https://webweekly.email/

1 week ago 22 8 3 1
pnpm's experimental global virtual store

Without the global virtual store, each worktree would have its own .pnpm virtual store inside node_modules, with hardlinks or copies of every package. With enableGlobalVirtualStore: true, pnpm keeps all package contents in a single shared directory (the global store, which you can find by running pnpm store path), and each worktree's node_modules contains symlinks pointing there:

your-monorepo/                      (bare git repo)
> main/                           (worktree: main branch)
>> packages/
>> node_modules/
>>> lodash β†’ <global-store>/links/@/lodash/...
>>> express β†’ <global-store>/links/@/express/...
> feature-auth/                   (worktree: feat/auth branch)
>> node_modules/
>>> lodash β†’ <global-store>/links/@/lodash/...  ← same target
>>> express β†’ <global-store>/links/@/express/...
> fix-api/                        (worktree: fix/api-error branch)
>> node_modules/
>>> lodash β†’ <global-store>/links/@/lodash/...  ← same target
>>> express β†’ <global-store>/links/@/express/...

pnpm's experimental global virtual store Without the global virtual store, each worktree would have its own .pnpm virtual store inside node_modules, with hardlinks or copies of every package. With enableGlobalVirtualStore: true, pnpm keeps all package contents in a single shared directory (the global store, which you can find by running pnpm store path), and each worktree's node_modules contains symlinks pointing there: your-monorepo/ (bare git repo) > main/ (worktree: main branch) >> packages/ >> node_modules/ >>> lodash β†’ <global-store>/links/@/lodash/... >>> express β†’ <global-store>/links/@/express/... > feature-auth/ (worktree: feat/auth branch) >> node_modules/ >>> lodash β†’ <global-store>/links/@/lodash/... ← same target >>> express β†’ <global-store>/links/@/express/... > fix-api/ (worktree: fix/api-error branch) >> node_modules/ >>> lodash β†’ <global-store>/links/@/lodash/... ← same target >>> express β†’ <global-store>/links/@/express/...

@pnpm.io's experimental global virtual store is brilliant. The install performance gains are a game-changer for git flows. You get near-zero per-worktree overhead and instant installs for new worktrees as packages are already in the global store. @kochan.io can't stop making pnpm better 🀌

1 week ago 119 10 5 3
Preview
3 ways design systems and accessibility teams can work better together - zeroheight Daniel Henderson-Ede suggests three practical strategies to improve collaboration between design systems and accessibility teams

"Combining #designsystems and #a11y teams is like having two oxen pull a plow. Together, they can pull far more than either could alone."

Over on the @zeroheight.com blog, Daniel Henderson-Ede suggests 3 strategies that he developed, which have improved how the teams he's worked with collaborate:

2 weeks ago 4 1 1 0
Preview
HTML Video: Allow a child IMG (with an optional Picture Element wrapper) to Control the Video Poster Image Β· Issue #10378 Β· whatwg/html What is the issue with the HTML Standard? The video element currently offers a single poster attribute, which allows us to load one poster image source. This is limiting when attempting to deliver ...

πŸ‘€ wouldn't mind seeing this one next github.com/whatwg/html/...

3 weeks ago 11 2 1 0

What things are you noticing?

3 weeks ago 0 0 1 0
Advertisement
Benchmarks can be seen at https://github.com/JamieMason/syncpack/tree/benchmarks?tab=readme-ov-file#results

Benchmarks can be seen at https://github.com/JamieMason/syncpack/tree/benchmarks?tab=readme-ov-file#results

syncpack@14.2.1 has been released along with some benchmarks showing the difference in performance since switching to Rust. Syncpack is a CLI for consistent dependency versions in JavaScript Monorepos syncpack.dev #TypeScript #JavaScript #Monorepos #WebDev

4 weeks ago 4 1 0 0

Syncpack gets a little mention in this episode ❀️

4 weeks ago 1 0 0 0
Video

So, corner-shape can be animated. Notice the added sprinkle of color-contrast().

css-tricks.com/experimentin...

4 weeks ago 46 5 0 0
Benchmarks can be seen at https://github.com/JamieMason/syncpack/tree/benchmarks?tab=readme-ov-file#results

Benchmarks can be seen at https://github.com/JamieMason/syncpack/tree/benchmarks?tab=readme-ov-file#results

syncpack@14.2.1 has been released along with some benchmarks showing the difference in performance since switching to Rust. Syncpack is a CLI for consistent dependency versions in JavaScript Monorepos syncpack.dev #TypeScript #JavaScript #Monorepos #WebDev

4 weeks ago 4 1 0 0

βœ‚οΈ Knip v6 is out

It's finally here, and your favorite slop fighter is already speedier than expected!

Can't wait to see y'all tidying up bigger codebases, faster πŸš€

Blogpost + release notes: knip.dev/blog/knip-v6
Knip: knip.dev

1 month ago 134 24 3 3

We just released our little ghost tale! πŸ’€
To those of you who play it, thank you! We hope you enjoy it!

I think we made a beautiful spooky story and with a ton of heart πŸ₯°βš°οΈ

1 month ago 29 15 3 0
MORE - Itch cover

MORE - Itch cover

MORE - uppercase and lowercase letters

MORE - uppercase and lowercase letters

ZIPLOCK - Itch cover

ZIPLOCK - Itch cover

ZIPLOCK - uppercase and lowercase letters

ZIPLOCK - uppercase and lowercase letters

More and Ziplock are two of the FIFTY (!) designs included in my font sale. Chunky and cheerful! Get them all at a ridiculously low price.

itch.io/s/181080/ok-...

1 month ago 227 62 3 0
A screenshot of the zeroheight blog, featuring a bunch of articles with colorful hero images.

A screenshot of the zeroheight blog, featuring a bunch of articles with colorful hero images.

Fancy writing an article for the @zeroheight.com blog? πŸ˜€ zeroheight.com/blog/

I'm always on the lookout for new contributors, and the focus is on the future of #designsystems, how to navigate enterprise design systems, and how-tos on everything DS.

This is a paid opportunity, of course. πŸ™Œ

1 month ago 13 4 3 1
Advertisement

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

1 month ago 0 0 1 0

I'm gonna guess CSP and nonce sense

1 month ago 2 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!

2 months ago 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

1 month ago 2472 349 52 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!!

1 month ago 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.

1 month ago 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

1 month ago 3 1 0 0
Advertisement
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.

1 month ago 5 5 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

1 month ago 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

1 month ago 10 2 0 0
Video

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

10% optimization, 90% procrastination.

codepen.io/meodai/full/...

2 months ago 1381 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

2 months ago 36 5 1 3