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...
Posts by Jamie Mason
'Space Family'π(art by @octavinavarro.bsky.social ) #pixelart
What are you waiting for? Get your tickets and save some cash! π
I'm heading along again this year, see you there if you're going
Eric Eggert outlines why screen readers shouldn't be the primary accessibility testing tool, advocating for dedicated testing tools instead.
yatil.net/blog/screen-...
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/
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 π€
"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:
What things are you noticing?
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
Syncpack gets a little mention in this episode β€οΈ
So, corner-shape can be animated. Notice the added sprinkle of color-contrast().
css-tricks.com/experimentin...
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
βοΈ 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
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 π₯°β°οΈ
MORE - Itch cover
MORE - uppercase and lowercase letters
ZIPLOCK - Itch cover
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-...
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. π
You're a brave man putting that in a talk π πΆοΈ
I'm gonna guess CSP and nonce sense
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!
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
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!!
#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
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.
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
Practical guide to the <img> element: from the basics to LCP
joanleon.dev/en/guia-prac...
#WebPerf #ImagePerf #Performance #LCP #CoreWebVitals
Built a β3Dβ sphere (SVG) to show RYB transformations.
Over-iterated in @codepen.io
10% optimization, 90% procrastination.
codepen.io/meodai/full/...
βοΈ 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