Julien Roche's Avatar

Julien Roche

@rochejul

JavaScript / NodeJs, Web & Java engineer / trainer. Interrested on JavaScript / Web - Web Mobile possibilities and capabilities #nodejs #javascript Twitter account: @rochejul

32
Followers
132
Following
13
Posts
23.12.2023
Joined
Posts Following

Latest posts by Julien Roche @rochejul

Mentoss 0.13.0 has been released!

✨ Added MockAgent class for undici Dispatcher support

Details:
https://github.com/human...

17.01.2026 00:32 πŸ‘ 1 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0
Preview
GitHub - bellard/mquickjs: Public repository of the Micro QuickJS Javascript Engine Public repository of the Micro QuickJS Javascript Engine - bellard/mquickjs

Micro QuickJS is a new JavaScript engine by the famous Fabrice Bellard πŸŽ‰

πŸ“– Written in C
πŸ—œοΈ Uses 100 kB ROM
⚠️ Supports a subset of JS close to ES5
🐏 Runs programs in as little as 10 kB of RAM
πŸ”₯ Speed is comparable to the full QuickJS engine

github.com/bellard/mqui...

23.12.2025 17:53 πŸ‘ 45 πŸ” 9 πŸ’¬ 3 πŸ“Œ 0
Video thumbnail

I think `animation-composition: accumulate` is gonna see more action with `random()`, as it's like "take what you already got as a value and augment it rather than replace it".

Here's a parallax thing where randomly-fixed-positioned stars are moved different amounts (with a scroll-driven animation)

14.11.2025 16:22 πŸ‘ 116 πŸ” 18 πŸ’¬ 5 πŸ“Œ 0

inherit() is going to be absolutely huge for working with CSS custom properties. Two big things it'll enable:

Nested indentation:

--indent: calc(inherit(--indent, 0) + 1);

Overridable design token defaults:

--primary-color: inherit(--primary-color, blue);

14.10.2025 14:23 πŸ‘ 61 πŸ” 17 πŸ’¬ 7 πŸ“Œ 0
Preview
State of JavaScript 2025 Take the State of JavaScript survey

Go take the State of JavaScript 2025 survey if you have a minute! survey.devographics.com/survey/state...

29.09.2025 16:56 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
How modern browsers work A web developers guide to browser internals

✍️ How modern browsers work addyo.substack.com/p/how-modern... - my write-up on browser internals for web developers

13.09.2025 19:05 πŸ‘ 79 πŸ” 19 πŸ’¬ 2 πŸ“Œ 1
Post image

Transformers Laid Out by Pramod Goyal

- Give an intuition of how transformers work
- Explain what each section of the paper means and how you can understand and implement it
- Code it down using PyTorch from a beginners perspective

goyalpramod.github.io/blogs/Transf...

11.01.2025 21:51 πŸ‘ 41 πŸ” 8 πŸ’¬ 0 πŸ“Œ 1
Post image

GCC, la suite de compilation du projet GNU, est disponible en versio 15.2. C'est principalement une version de maintenance, corrigeant au passage 123 bugs divers ⬇️

gcc.gnu.org/pipermail/gc...

09.08.2025 10:28 πŸ‘ 4 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0
Preview
new Date("wtf") How well do you know JavaScript's Date class?

I made a quiz about the JS Date parser is. It's very easy and you will score very high.

jsdate.wtf

11.07.2025 17:10 πŸ‘ 479 πŸ” 158 πŸ’¬ 63 πŸ“Œ 104

Firefox shipping scheduler.postTask() and scheduler.yield() for all your long task-avoiding scheduling needs!!

27.06.2025 17:01 πŸ‘ 50 πŸ” 20 πŸ’¬ 0 πŸ“Œ 0
Post image

#anime

21.06.2025 11:55 πŸ‘ 9 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

🀯

Ooh what?!

I honestly had no idea about that!
And it works like a charm! ✨

Chrome 139.0.7244.0 canary with "Experimental Web Platform features" enabled.

vtbag.dev/basics/hide-...

View transitions clipped at their container!

17.06.2025 12:32 πŸ‘ 16 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0

"Samuel" french animated series by Emilie Tronche is coming to Netflix (worldwide) :-]
variety.com/2025/tv/glob...

16.06.2025 11:06 πŸ‘ 489 πŸ” 130 πŸ’¬ 2 πŸ“Œ 19
Preview
Transparent peer review to be extended to all of Nature’s research papers From today, all new submissions to Nature that are published will be accompanied by referees’ reports and author responses β€” to illuminate the process of producing rigorous science.

From today, all new submissions to Nature that are published will be accompanied by referees’ reports and author responses β€” to illuminate the process of producing rigorous science

https://go.nature.com/4kIRR01

16.06.2025 16:44 πŸ‘ 311 πŸ” 119 πŸ’¬ 13 πŸ“Œ 43
Post image

(comic) AI Chronicles: Vibe code

16.06.2025 16:23 πŸ‘ 54 πŸ” 17 πŸ’¬ 1 πŸ“Œ 0

I'm happy because this change means TypeScript defaults and Node defaults are converging πŸ‘

Node does not support Import Elision which means it's important to enable "verbatimModuleSyntax"

vMS means the developer knows if an import statement/binding will be deleted - all via the `type` keyword.

07.06.2025 10:44 πŸ‘ 17 πŸ” 4 πŸ’¬ 1 πŸ“Œ 0
Deux vies de la mΓͺme vallΓ©e suisse, au dessus "avant" un village dans la verdure et dessous "aprΓ¨s" le mΓͺme village enseveli sous la roche

Deux vies de la mΓͺme vallΓ©e suisse, au dessus "avant" un village dans la verdure et dessous "aprΓ¨s" le mΓͺme village enseveli sous la roche

C'est encore plus terrifiant sous cet angle

29.05.2025 06:58 πŸ‘ 27 πŸ” 12 πŸ’¬ 2 πŸ“Œ 0
Preview
Complete Monorepo Guide: pnpm + Workspace + Changesets (2025) Learn how to build scalable monorepo projects using pnpm workspace and changesets. Complete guide with code examples, best practices, and version management strategies for modern JavaScript developmen...

Mastering Modern Monorepo Development with pnpm, Workspaces jsdev.space/complete-mon... #javascript #nodejs #monorepo

29.05.2025 07:39 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
Firefox 139 for developers - Mozilla | MDN This article provides information about the changes in Firefox 139 that affect developers. Firefox 139 is the current Beta version of Firefox and ships on May 27, 2025.

ECMAScript excitement πŸ˜‰

Firefox 139 ships the TC39 Stage 3 Temporal proposal πŸŽ‰

It's about time.

Congrats to those who worked on the implementation including Andre Bargull & Dan Minor πŸ‘

developer.mozilla.org/en-US/docs/M...

28.05.2025 06:03 πŸ‘ 120 πŸ” 25 πŸ’¬ 5 πŸ“Œ 2
Un mystΓ©rieux chevalier en armure rouillΓ©e sort de l’ocΓ©an et passe Γ  cΓ΄tΓ© d’une vieille barque Γ©chouΓ©e dans laquelle se cachent deux enfants, un petit frΓ¨re et sa grande sΕ“ur.

Un mystΓ©rieux chevalier en armure rouillΓ©e sort de l’ocΓ©an et passe Γ  cΓ΄tΓ© d’une vieille barque Γ©chouΓ©e dans laquelle se cachent deux enfants, un petit frΓ¨re et sa grande sΕ“ur.

Notre projet de long métrage en animation « Le Chevalier Englouti » est dans la sélection officielle des pitchs MIFA 2025 Annecy Festival !
Toute l’équipe sera sur pkace pour prΓ©senter le projet, le mercredi 11 juin Γ  10h45 !

27.05.2025 09:36 πŸ‘ 377 πŸ” 60 πŸ’¬ 4 πŸ“Œ 1
Preview
Are you familiar with Browser FingerPrint? We, user, have got some naive behavior.

Are you familiar with Browser FingerPrint?
medium.com/@rochejul/ar...

26.05.2025 19:25 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

I turn 13 on @codepen.io in June, so here are my 13 most hearted demos:

1️⃣ 1092 β™₯️ #CSS infinite #scroll gallery codepen.io/thebabydino/... my only one to ever get to 1K β™₯️ without being in most hearted of the year

mostly CSS scroll-driven animations + tiniest bit of JS (~200 bytes for infinity part)

13.05.2025 07:05 πŸ‘ 81 πŸ” 11 πŸ’¬ 1 πŸ“Œ 1
Video thumbnail

If you know one square number, you can mentally calculate the next square number! Here's how:

24.05.2025 15:37 πŸ‘ 38 πŸ” 8 πŸ’¬ 5 πŸ“Œ 1
Zalando RESTful API and Event Guidelines

A model set of guidelines for RESTful APIs and Events, created by Zalando: opensource.zalando.com/restful-api-...

24.05.2025 18:23 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

5️⃣ 850 β™₯️ No SVG, no image fluid slider codepen.io/thebabydino/...
JS used only for
a) feature support detection
b) updating slider value in --val

Uses only
1 Γ— input[type=range] for actual slider
1 Γ— output for current value display
1 Γ— datalist for ruler

One of my best sliders on @codepen.io.
#CSS

23.05.2025 16:35 πŸ‘ 21 πŸ” 3 πŸ’¬ 1 πŸ“Œ 0
Preview
feColorMatrix: swap channels β˜† interactive demo, adaptive layout Interactive demo to illustrate swapping two RGB channels via the SVG `feColorMatrix`. The idea is simple: if a pixel in the image is `rgb(35, 79, 185)...

A cool thing I made on #CodePen: interactive demo illustrating how to use #SVG `feColorMatrix` to swap 2 channels of its input.

codepen.io/thebabydino/...

Viewport adaptive. Heavily commented code if you want to check how the demo works in the back. Makes use of modern #CSS features.

Made with ❀️.

09.04.2024 18:30 πŸ‘ 44 πŸ” 12 πŸ’¬ 3 πŸ“Œ 1
Preview
<syntax-highlight> element - Web Component A <syntax-highlight> web component that uses the CSS Custom Highlight API.

<syntax-highlight>

A custom element that uses the CSS Custom Highlight API for syntax highlighting

Link: andreruffert.github.io/syntax-highl...

29.04.2025 19:21 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

ECMAScript excitement πŸ˜‰

TC39 will consider these JS proposals for stage movement at this week's meeting πŸŽ‰

2️⃣.7️⃣ Immutable ArrayBuffer
2️⃣ Upsert
πŸ—‘οΈ Record & Tuple
0️⃣ Compare strings by codepoint
0️⃣ Composite Keys
0️⃣ Disposable AsyncContext
0️⃣ Enum
0️⃣ Non-extensible applies to private
0️⃣ Object.propertyCount

12.04.2025 15:09 πŸ‘ 65 πŸ” 14 πŸ’¬ 6 πŸ“Œ 1
Modern CSS Theming | Light Mode / Dark Mode and More!
Modern CSS Theming | Light Mode / Dark Mode and More! YouTube video by Syntax

Modern CSS has a ton of useful functions and properties that make supporting light and dark mode a breeze.

I showcase several of them, show how to make a CSS only theme switcher and how to save a users theme preference to localStorage.

Watch 🍿: www.youtube.com/watch?v=F1s8...

08.04.2025 17:26 πŸ‘ 55 πŸ” 8 πŸ’¬ 0 πŸ“Œ 0

Want to give a responsive irregular shape depending on text content/ viewport rounded corners? Here's a super simple pure #CSS + #SVG #filter demo on @codepen.io doing it codepen.io/thebabydino/...

Heavily commented. See also bsky.app/profile/anat... for details about some of the filter primitives.

30.03.2025 12:20 πŸ‘ 32 πŸ” 4 πŸ’¬ 0 πŸ“Œ 1