The semver library used in npm, yarn and pnpm could be made 33x faster.

Ran into that while wondering why running `npm install` takes so long on the Preact repo.

marvinh.dev/blog/speedin...

✍️ New article: Web Streams in Depth – Part 1: The Challenge of Modern Data

From callbacks to for await...of, and from Node.js Streams to the Web Streams API — here's how JavaScript evolved to handle massive data efficiently, everywhere.

CPUpro 0.7.0 brings an enhanced All Call Frames table!

Get a bird’s-eye view of every function — with hotness, code states, deopt counts, and inline expansion for source + code states.

No more jumping between source and back — everything at your fingertips.

github.com/discoveryjs/...

See exactly where time is spent — with per-location precision, inlining markers, and deoptimization highlights, right in your source code.

JavaScript performance analysis, now more precise than ever.

🚀 CPUpro 0.7.0 is here!

- Annotated source code view
- Code states, inlining, deoptimizations insights
- Enhanced "All call frames" table
- Raw V8 log support (no conversion needed)
- Gzipped profiles support

Discovery.js 1.0.0-beta.94 Introducing text rendering
github.com/discoveryjs/...

Dear @webstorm.jetbrains.com and @jetbrains.com IDEs users who use JS testing framework integrations,
A huge refactoring of this subsystem was delivered in EAP 5.

It has changes for:
- @vitest.dev
- Jest
- @nodejs.org test runner
- @playwright.dev
- Cypress
- Mocha
- Protractor and Karma

...

New in Chrome 133 – which goes stable on Feb 4 – is a new method to move an element around the DOM.

Unlike the classic way of removing+reinserting a node, this moveBefore method preserves the element’s state!

Iframes remain loaded, animations don’t restart, …

DEMO: codepen.io/bramus/full/...

🚀 CPUpro v0.6

After months of research, experiments and refactoring, a first release in a row is here: call stack restoration of inlined code (V8 log), enhanced calculations and presentation, new data model.
Release notes (long read): github.com/discoveryjs/...

More to come soon!

Node.js v23.6.0 is out! 🥳🎉

This release enables the flag --experimental-strip-types by default.

Node.js will be able to execute TypeScript files without additional configuration!

⚠️ This feature is experimental, has limitations and is subject to change.

nodejs.org/en/blog/rele...

Also, I am looking for active maintainers to help me maintain VueUse. I'd be happy to provide some mentorships if you are interested in that.

Doing OSS would be a long process tho, and probably won't make you have financial benefits at the beginning - but could be an interesting experience.

Web performance calendar: Friday the 13th edition with @programmingart.bsky.social's monster 😈 of a post on what's sorely needed in a browser's Network panel today

calendar.perfplanet.com/2024/top-8-t...

With the recent Safari 18.2 release, WebAssembly Garbage Collection is now available in all the major browsers 🥳

You can force garbage collection in your JS by starting Chrome with a flag:
open "/Applications/Google Chrome.app" --args --js-flags=--expose-gc
Now you can call `gc()` to collect the rubbish :)

Discovered a neat trick: converting FormData to a multipart/form-data string (and back!) using the Response API. Seems to be an unknown or little-known approach, though I don’t claim originality. Wrote an article to share how it works: dev.to/rdvornov/con...

📣 Start linting CSS with ESLint using the brand new eslint/css package!

This is a very early edition so feedback is welcome. 🐣

www.npmjs.com/package/@esl...

Blink: Intent to Ship: Explicit resource management (sync)

We implemented a new value for `background-clip` called `border-area`. It lets you use CSS fill a border with a background image or gradient.

This article explains how it works, and shows up the possibilities in 7 demos.

#css #webdesign #webdevelopment #graphicdesign

webkit.org/blog/16214/b...

Excited to announce Easing Wizard is now live! 🎉

The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀

🔗 easingwizard.com

Can you find the hidden easter egg?