iiinova — where your digital self keeps evolving

Reposted by Jamie Mason

Harry Roberts @csswizardry.com · 11/09/2026

If you’re tracking your Core Web Vitals with synthetic, you probably also want to track your Total Blocking Time window: csswizardry.com/2026/06/fron...

csswizardry.com

Front-End’s Missing Metric: The TBT Window – CSS Wizardry

The TBT Window is the FCP-to-TTI interval used to calculate Total Blocking Time. If FCP or TTI moves, TBT can change even when long tasks do not.

073

Reposted by Jamie Mason

Front End Sheffield @frontendsheff.bsky.social · 07/09/2026

We're re-opening the Web Components Vs frameworks battle at our 24th September event. Hayleigh Thompson will make the case that with just a little shift on what we think a 'component' is, the rewards of interoperability are worth fighting for. 🎟️ www.meetup.com/front-end-sh... #WebComponents

meetup.com

24th Sept '26: Web Components Vs frameworks & an Agent experience that works, Thu, Sep 24, 2026, 6:15 PM | Meetup

Room 942, **Owen Building**, Sheffield, S1 1WB Head towards the big lifts, ask for #9 on the touchscreens then look for the FES signs when you leave the lift on the 9th flo

054

Reposted by Jamie Mason

Lars @webpro.nl · 28/08/2026

❌🛢️ unbarrelify v1.1.4 is out Fully automated cleanup: unbarrelify rewrites consumers to import directly from source, then deletes the barrel files. Why? Read more at github.com/webpro-nl/un... Trust me, you don't want to do this by hand and your agent will screw up and bill you nonetheless. 👇

2358

Reposted by Jamie Mason

Kevin Powell @kevinpowell.co · 26/08/2026

Scroll-triggered animations that fire once and stay without any JavaScript. The trick is using animation-play-state to pause the animation when it's out of view. www.youtube.com/watch?v=onra...

youtube.com

Nobody told me CSS could do this

YouTube video by Kevin Powell

5556

Reposted by Jamie Mason

Lars @webpro.nl · 26/08/2026

✂️ Knip v6.32.3 is out Some 🔥 fixes by no less than 8 new contributors 🧡 Still in awe how the downloads keep ramping up (2.5M/day!) — hopefully means both hoomans and agents cleaning up after 'emselves... 🧹 Watch this space, moar is coming! Changelogs: github.com/webpro-nl/kn... Knip: knip.dev

02710

Reposted by Jamie Mason

Jovi 🐨 @jovidecroock.com · 26/08/2026

Preact 11.0.0-rc.1 is here ⚛️ preact/compat code is now tree-shakeable, with representative single-export bundles shrinking by up to ~28%. Plus: more size wins, better HTML attribute types and maintenance fixes. This will most likely be the last rc - feedback is appreciated

preactjs.com

Upgrading from Preact 10.x – Preact Guide v11

Upgrade your Preact 10.x application to Preact 11

3459

Reposted by Jamie Mason

beetle moses @beetlemoses.bsky.social · 25/08/2026

A New Color (1/5🧵)

Page 1: A man is walking home, smoking a cigarette, being quietly trailed by a UFO above him. As he enters his apartment, two aliens watch from inside the ship. Alien 1, who has a large head, says, “that’s him. Let’s move.”

Page 2: The man walks upstairs as the aliens watch from the entrance of the building. The man enters his apartment and greets his little dog. Suddenly there is a knock at the door.

Page 3: he peers through his peephole, and sees the two aliens standing in the hallway. Alien 1 is holding a briefcase. From behind him, the voice of alien one: “don’t scream.”

Page 4: The aliens are seated across the room on the man’s couch. Sadie is in her bed next to them. Alien 1 says, “you’re not in any danger. Have a seat.” The man looks at his dog and thinks, “sadie is unusually calm.” Alien 1: don’t scream, or it’s a problem.

84112253739

Reposted by Jamie Mason

Stefan Judis @stefanjudis.com · 06/08/2026

With Chrome 151, soft navigations entered the mainstream. If you haven't heard the term, a soft navigation is anything that: - is initiated by a user action - results in a visible URL change - results in a visible paint developer.chrome...

Code snippet: const observer = new PerformanceObserver(console.log); observer.observe({ type: 'soft-navigation', buffered: true });

2175

Reposted by Jamie Mason

zeroheight @zeroheight.com · 24/08/2026

DS Live is back! 🥳 Join Hidde de Vries for a practical webinar on strategies for baking accessibility into components from the ground up, so more people can actually use what you build. 📅 September 2nd ⏰ 4pm BST Register 👉 hubs.li/Q04tmWRp0

DS Live event graphic, for September 2, 4PM BST, titled 'Accelerating accessibility in a component-based world' with speaker Hidde de Vries, Web Standards Specialist at Logius, alongside a halftone-style portrait photo.

022

Jamie Mason @foldleft.bsky.social · 23/08/2026

Post a perfect album from the 2000s:

Further seems forever - The moon is down (2001)

010

Jamie Mason @foldleft.bsky.social · 21/08/2026

This book arrived today 2nd hand. I really liked the film Experiment in Terror, which is based on this book.

Cover of the book "Operation Terror", by The Gordons.

OPERATION TERROR

The Gordons

Young, pretty Kelly Sherwood, held at gun point by a vicious criminal, promised to "play along" with his plan for a large-scale robbery of the bank where she was a teller.

But once Kelly was out of immediate danger she called the FBI, and Special Agent John Ripley went into action on his newest case, "OPERATION TERROR."

Scene: California

This book was serialized in the Ladies' Home Journal.

JACKET PHOTOGRAPH BY BILL HUGHES

100

Reposted by Jamie Mason

Football Supporters Europe @fanseurope.org · 21/08/2026

⏪ 24 hours ago, supporters groups representing millions of fans globally launched a petition calling for Infantino to resign & reform in #FIFA. 👏 Since then, 30,000+ fans from around the world have backed it. ✍️ Add your voice now: change.org/infantino-out-now #InfantinOUT

078

Reposted by Jamie Mason

Jamie Mason @foldleft.bsky.social · 02/08/2026

🦀 ImageOptim-CLI 4.0.0 is now written in Rust. This version should not only be faster, but also much smaller than previous versions. Nothing else has changed, the API is the same #WebPerf #WebDev

261

Reposted by Jamie Mason

Astro @astro.build · 06/08/2026

Astro 7.2 is out now! Experimental incremental static builds are here: only re-render the pages that actually changed and watch your build times drop. Plus opt-out session support, background astro preview, and relative logger entrypoints. astro.build/blog/astro-7...

astro.build

Astro 7.2 | Astro

Astro 7.2 adds experimental incremental static builds, an option to opt out of session support, background mode for astro preview, and relative logger entrypoints.

210218

Reposted by Jamie Mason

Fronteers @fronteers.bsky.social · 02/08/2026

🎤 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...

011

Jamie Mason @foldleft.bsky.social · 02/08/2026

🦀 ImageOptim-CLI 4.0.0 is now written in Rust. This version should not only be faster, but also much smaller than previous versions. Nothing else has changed, the API is the same #WebPerf #WebDev

261

Reposted by Jamie Mason

Hyeseong Kim @hyeseong.kim · 30/07/2026

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.

132

Reposted by Jamie Mason

Stuart Robson @sturobson.com · 26/07/2026

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: news.design.systems 🙏🖤

A webpage list showing several Always Twisted design-system articles, including “How Colour Works with the DTCG Color Module,” “Building Your Design System Workflow,” “Why Separating Themes from Modes Transforms Your Design System,” and “Where to Lint Design Tokens.”

072

Reposted by Jamie Mason

Paweł Grzybek @pawelgrzybek.com · 20/07/2026

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

joshwcomeau.com

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

1113

Reposted by Jamie Mason

Harry Roberts @csswizardry.com · 21/07/2026

🤳 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-...

csswizardry.com

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…

1152

Reposted by Jamie Mason

Alex Russell @infrequently.org · 16/07/2026

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…

embrace.io

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.

36526

Reposted by Jamie Mason

pnpm @pnpm.io · 10/07/2026

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! 🦀

3688

Reposted by Jamie Mason

Adrian Roselli, pH0 @aardrian.bsky.social · 03/07/2026

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

Chrome dev tools showing a DIV with no role but with focus group = toolbar, and the accessibility inspector showing its programmatic role as toolbar.

2288

Reposted by Jamie Mason

zeroheight @zeroheight.com · 01/05/2026

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

Blog post header from zeroheight with the title "A design system is a system of truth." alongside a playful illustration featuring icons including a magnifying glass, heart, eye, and pie chart on a light purple background.

051

Reposted by Jamie Mason

Cassidy @cassidoo.co · 30/06/2026

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

cassidoo.co

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.

3302

Reposted by Jamie Mason

Piccalilli @piccalil.li · 23/06/2026

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

piccalil.li

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.

173

Reposted by Jamie Mason

Astro @astro.build · 23/06/2026

Want those Astro 7 speed-ups in your docs? Starlight v0.41 is out now

2336

Reposted by Jamie Mason

Rob Palmer @robpalmer.bsky.social · 18/06/2026

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

19711

Reposted by Jamie Mason

Kevin Powell @kevinpowell.co · 18/06/2026

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

612813

Reposted by Jamie Mason

Lars @webpro.nl · 17/06/2026

✂️ 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

2213

Reposted by Jamie Mason

Lars @webpro.nl · 31/05/2026

✂️ 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

1513

Reposted by Jamie Mason

Web Standards @web-standards.dev · 29/05/2026

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/

Replacements.fyi (module_replacements), tagline “type a package name. we’ll tell you what you don’t need”, and examples: is-number, is-odd, left-pad, object-assign.

06710

Reposted by Jamie Mason

Eric Bailey @ericwbailey.website · 28/05/2026

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

What I wish someone told me when I first started using ARIA. WebExpo 2026. Slide with a design that uses large white type on a dark blue background.

1309

Reposted by Jamie Mason

Katie Fenn @katiefenn.bsky.social · 27/05/2026

We're looking for a couple more speakers for July and September. If you're interested in speaking, let me know!

2711

Reposted by Jamie Mason

Kevin Deng @sxzz.dev · 26/05/2026

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 🧵

25610

Reposted by Jamie Mason

Front End Sheffield @frontendsheff.bsky.social · 26/05/2026

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

meetup.com

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

013

Reposted by Jamie Mason

James @43081j.com · 26/05/2026

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.dev

e18e (Ecosystem Performance) - Best Practices on Publishing npm Packages

Best practices on publishing npm packages securely using GitHub Actions.

14111

Jamie Mason @foldleft.bsky.social · 25/05/2026

I've no idea how but I've got the Pugwall theme stuck in my head, and maybe now you do too.

100

Reposted by Jamie Mason

Bramus @bram.us · 22/05/2026

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

youtu.be

What's new in Web UI

YouTube video by Chrome for Developers

15113

Reposted by Jamie Mason

Ryan Townsend @twnsnd.com · 21/05/2026

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.

032

Reposted by Jamie Mason

Stefan Judis @stefanjudis.com · 21/05/2026

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. developer.mozill...

Code snippet: try { const res = await fetch(url, { signal: AbortSignal.timeout(5000) }); } catch (err) { if (err.name === "TimeoutError") { console.error("It took more than 5 seconds to get the result!"); } }

1635

Reposted by Jamie Mason

The Onion @theonion.com · 20/05/2026

OpenAI Announces Construction Of New Data Center On Top Of Sick Child

12197772142

Reposted by Jamie Mason

Barry Pollard @tunetheweb.com · 19/05/2026

So here's an interesting little thing or 2 @nomster.bsky.social , @foolip.org , and myself have been cooking up—along with lots of help from others!: developer.chrome.com/blog/declara... This could lead to some VERY interesting changes in how we write web pages. Would love to hear your thoughts!

developer.chrome.com

Declarative partial updates | Blog | Chrome for Developers

Learn about new out-of-order streaming capabilities and the renewed HTML insertion and streaming methods available for testing from Chrome 148

98326

Reposted by Jamie Mason

Marvin Hagemeister @marvinh.dev · 17/05/2026

Speeding up the JS ecosystem OXC edition 🚀 We made both oxfmt and oxlint 50% faster on projects with >50k directories. marvinh.dev/blog/speedin...

marvinh.dev

Speeding up the JavaScript ecosystem - oxlint and oxfmt

Future versions of oxlint and oxfmt will be ~50% faster on projecs with many (>=20k) directories.

618024

Reposted by Jamie Mason

Alexander Karan @alexanderkaran.bsky.social · 16/05/2026

One thing I find super strange is as industry most of us just seem to gloss over the fact we had to steal everyone’s work for these AI tools to exist. Regardless if these tools are useful we can’t just be ok with this right?

74011