Florian Sanders's Avatar

Florian Sanders

@florian-sanders.fr

Front-end Web Dev @ Clever Cloud #a11y #web-components #nixos ๐Ÿณ๏ธโ€๐ŸŒˆ

79
Followers
254
Following
18
Posts
10.11.2024
Joined
Posts Following

Latest posts by Florian Sanders @florian-sanders.fr

Code snippet demonstrating the `toSorted()` method, showcasing sorting of arrays without mutating the original arrays.

Code snippet demonstrating the `toSorted()` method, showcasing sorting of arrays without mutating the original arrays.

JavaScript now has non-mutating array methods โœจ

`toSorted()`, `toReversed()`, `toSpliced()`, and `with()` return new arrays instead of modifying the original.

No more [...arr].sort() to avoid side effects.

Learn more ๐Ÿ‘‡
developer.mozilla.org/en-US/docs/...

07.03.2026 21:00 ๐Ÿ‘ 122 ๐Ÿ” 16 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 5

The urge to multi-task is strong when using AI for coding. Single-tasking, however, still makes you more productive. In my latest newsletter, I discuss strategies for staying focused while AI does the heavy lifting:

https://newsletter.human...

05.03.2026 23:29 ๐Ÿ‘ 5 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Video thumbnail

JavaScript Iteratorโ€คzip landed in Firefox 148, making it simple to loop over multiple things at the same time. Here's how it works:

05.03.2026 14:16 ๐Ÿ‘ 97 ๐Ÿ” 18 ๐Ÿ’ฌ 8 ๐Ÿ“Œ 1
Preview
Making keyboard navigation effortless Do you use a keyboard to navigate websites? If so, you've probably run into countless accessibility issues where groups of inputs or widgets are not easy, or even possible to get to with just the keyb...

Making keyboard navigation effortless. Introducing focusgroup.

Focusgroup is a new HTML attribute, with early support in Edge, Chrome, and other Chromium-based browsers, that completely handles arrow key navigation within complex widgets. No JS needed!

โžก๏ธ blogs.windows.com/msedgedev/20...

05.03.2026 16:48 ๐Ÿ‘ 32 ๐Ÿ” 12 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Request for developer feedback: focusgroup ย |ย  Blog ย |ย  Chrome for Developers Try out focusgroup and comment on the proposal.

Open UI has been working on speccing out the focusgroup attribute: a declarative way to support roving focus & add keyboard nav to composite widgets like toolbars/menus

We'd love your feedback!

Learn more & see open questions: developer.chrome.com/blog/focusgr...

H/t to Edge folks for prototyping

05.03.2026 16:54 ๐Ÿ‘ 69 ๐Ÿ” 20 ๐Ÿ’ฌ 7 ๐Ÿ“Œ 2
Preview
Add --transform-ts flag to strip erasable TypeScript syntax ยท facebook/hermes@ffbfc07 Summary: Add an AST transformation pass that strips erasable TypeScript syntax before semantic analysis, similar to Node.js's --strip-types. Type annotations, type aliases, interfaces, generics...

Tzvetan Mikov has added runtime support for type-stripping to the Hermes JS engine ๐ŸŽ‰

It is similar to the support in Node.js and TypeScript's "erasableSyntaxOnly" flag.

github.com/facebook/her...

05.03.2026 10:01 ๐Ÿ‘ 27 ๐Ÿ” 3 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
Release v0.39.0 ยท jj-vcs/jj About jj is a Git-compatible version control system that is both simple and powerful. See the installation instructions to get started. Release highlights jj arrange command brings up a TUI where...

It's out! jj 0.39.0! today! now! RIGHT NOW!!! github.com/jj-vcs/jj/re...

04.03.2026 18:37 ๐Ÿ‘ 91 ๐Ÿ” 13 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 9
Is SaaS actually dead? (...no)
Is SaaS actually dead? (...no) A lot of folks say that "SaaS is dead" because it's the "personal software era" with AI tools making building more accessible than ever. But, you have to consider maintenance costs, for whom you'reโ€ฆ

Thought I'd chat about the whole "SaaS is DEAD" convo now that AI tools can help you build a whole lot of stuff.

youtu.be/B5VzL256te4

04.03.2026 20:27 ๐Ÿ‘ 20 ๐Ÿ” 6 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Week of March 1, 2026 https://designsystems.news/#week-2026-3-1

04.03.2026 03:07 ๐Ÿ‘ 5 ๐Ÿ” 3 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Hidden Gems: Part 3 - Zed Blog From the Zed Blog: Favorite workflows and hidden features from the Zed team and community.

Did you know Zed can chain multiple actions into one keybinding using `action::Sequence`?

Check out the latest edition of Hidden Gems for another batch of arcane Zed tips.

zed.dev/blog/hidden-...

03.03.2026 20:03 ๐Ÿ‘ 34 ๐Ÿ” 4 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 1
Preview
Igalia 2026 Coding Experience Open for Applications | Igalia Igalia is an open source consulting firm specialised in the development of innovative projects and solutions. Our engineers have expertise in a wide range of technological areas, including browsers an...

Igalia is proud to announce our Coding Experience program for 2026! Open to all new programmers, students and self-learners alike, applications are invited till the 3rd of April in one or more of five areas of Open Source development.

Apply now!

www.igalia.com/2026/02/27/I...

02.03.2026 15:30 ๐Ÿ‘ 16 ๐Ÿ” 13 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Amplifying โ€” AI Benchmark Research Systematic analysis of how AI systems make decisions โ€” from product recommendations to developer tool choices.

Analyse systรฉmatique des choix effectuรฉs par les IA : de la recommandation de produits aux outils de dรฉveloppement sรฉlectionnรฉs par Claude
https://amplifying.ai/research/claude-code-picks

03.03.2026 19:30 ๐Ÿ‘ 1 ๐Ÿ” 1 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
GitButler GitButler software development platform

๐Ÿค” One of my colleagues is all about Git Butler these days
๐Ÿ™‹ Anyone using it? Impressions?

gitbutler.com

03.03.2026 12:37 ๐Ÿ‘ 5 ๐Ÿ” 1 ๐Ÿ’ฌ 6 ๐Ÿ“Œ 0
document.ariaNotify(
  `Item ${item.name} added to cart!`,
  {    
    priority: "high",  
  },
);

document.ariaNotify( `Item ${item.name} added to cart!`, { priority: "high", }, );

Firefox will start supporting `ariaNotify` in release 150. ๐ŸŽ‰

`ariaNotify` allows you to provide text that should be announced by a screen reader if available and activated. No more fiddling with live regions. No more fiddling with live regions! ๐Ÿ’ช

Ticket: bugzilla.mozilla.org/show_bug.cgi...

03.03.2026 09:31 ๐Ÿ‘ 78 ๐Ÿ” 12 ๐Ÿ’ฌ 3 ๐Ÿ“Œ 0
Advanced Range Input Component

I should do some small screen enhancements next. But I was able to update my multi-thumb range sliders with code samples showing how I vision HTML, styling and custom JS for native workings.

Should probably write an update on it soon. brechtdr.github.io/enhanced-ran...

02.03.2026 18:27 ๐Ÿ‘ 5 ๐Ÿ” 4 ๐Ÿ’ฌ 3 ๐Ÿ“Œ 0
Preview
npm-install | npm Docs Install a package

Just noticed: NPM added --min-release-age in v11.10 released ~20 days ago, so you no longer need to compute a value for --before *and* you can put it in a .npmrc!

docs.npmjs.com/cli/v11/usin...
docs.npmjs.com/cli/v11/comm...
docs.npmjs.com/cli/v11/comm...

01.03.2026 18:20 ๐Ÿ‘ 4 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Servo 0.0.5 showing improved appearance of buttons, text inputs, radio buttons, and checkboxes, plus new support for โ€˜::details-contentโ€™ and โ€˜:openโ€™ selectors

Servo 0.0.5 showing improved appearance of buttons, text inputs, radio buttons, and checkboxes, plus new support for โ€˜::details-contentโ€™ and โ€˜:openโ€™ selectors

January in Servoโ€ฆ

๐Ÿ”ฎ๐Ÿ—œ๏ธ <link rel=preload>
๐ŸŽจ๐Ÿ“‚ โ€˜::details-contentโ€™ and โ€˜:openโ€™
๐Ÿ’–๐Ÿ“ revamped form inputs
๐Ÿ“œ๐Ÿ“ฆ new features for JS modules
๐Ÿช†๐ŸŒ HTTPS proxy support

servo.org/blog/2026/02...

28.02.2026 11:49 ๐Ÿ‘ 64 ๐Ÿ” 8 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Post image

Trusted Types is a really powerful API against XSS.

web.dev/articles/tru...

It forbids assigning a string to Node#innerHTML. Instead, you need to create a policy (and register its name in the Content-Security-Policy header) and process the string through it.

github.com/hplush/slowr...

26.02.2026 11:24 ๐Ÿ‘ 12 ๐Ÿ” 2 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
An attempt at a balanced perspective on AI
An attempt at a balanced perspective on AI I kind of crashed out thinking about AI this past week, and then got over it, and then crashed out again, and then got over it, and then... --- Website + blog: https://cassidoo.co Newsletter:โ€ฆ

๐Ÿค” I feel a bit like @cassidoo.co and share some of her fears
๐Ÿงบ I wished AI would do my laundry
๐Ÿ–๏ธ I wished it would give us more free time

www.youtube.com/watch?v=FC7Y...

26.02.2026 12:37 ๐Ÿ‘ 9 ๐Ÿ” 3 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

๐Ÿš€ Coming in the next version of tsdown: built-in Node.js SEA (Single Executable Applications) support!

Now you can bundle your JS apps into a standalone executable with a single command:

tsdown --exe

26.02.2026 05:48 ๐Ÿ‘ 87 ๐Ÿ” 13 ๐Ÿ’ฌ 4 ๐Ÿ“Œ 0
Preview
GitHub - shshemi/tabiew: A lightweight TUI application to view and query tabular data files, such as CSV, TSV, and parquet. A lightweight TUI application to view and query tabular data files, such as CSV, TSV, and parquet. - shshemi/tabiew

๐Ÿคฏ This TUI for CSV and other formats is really underrated

github.com/shshemi/tabiew

25.02.2026 15:12 ๐Ÿ‘ 4 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Video thumbnail

You can throw away innerHTML and replace it with the new setHTML(), which has a built-in sanitizer. Here's how it works:

25.02.2026 12:09 ๐Ÿ‘ 155 ๐Ÿ” 25 ๐Ÿ’ฌ 6 ๐Ÿ“Œ 7

Pretty major improvement to website security! For those that can't use this immediately, FF 148 also brings Trusted Types to newly baseline which can go a long way in helping prevent XSS.

Chromium also looks set to follow shipping Sanitizer soon (probably 147).

24.02.2026 15:11 ๐Ÿ‘ 31 ๐Ÿ” 7 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
Goodbye innerHTML, Hello setHTML: Stronger XSS Protection in Firefox 148 โ€“ Mozilla Hacks - the Web developer blog Cross-site scripting (XSS) remains one of the most prevalent vulnerabilities on the web. The new standardized Sanitizer API provides a straightforward way for web developers to sanitize untrustedโ€ฆ

The Sanitizer API landed in Firefox 148, along with element.setHTML().

This lets you fully configure how HTML strings are cleaned as they're parsed.

hacks.mozilla.org/2026/02/good...

24.02.2026 14:18 ๐Ÿ‘ 203 ๐Ÿ” 58 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 14
Preview
aria-haspopup might not do what you think it does - Manuel Matuzovic I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

To kick off my new article series, #WebAccessibilityFails, I decided to focus on a bad practice I often see in main navigations during accessibility audits.

matuzo.at/blog/2026/ar...

23.02.2026 18:59 ๐Ÿ‘ 25 ๐Ÿ” 8 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 1
Illustration de l'article

Illustration de l'article

Une application monopage de 100 ko, c'est toujours possible (P)

๐Ÿ‘‰ blog.slashgear.dev/p...

20.02.2026 16:30 ๐Ÿ‘ 5 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Gecko: Intent to ship: ariaNotify Gecko: Intent to ship: ariaNotify

Gecko: Intent to ship: ariaNotify

20.02.2026 03:36 ๐Ÿ‘ 14 ๐Ÿ” 9 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Clever Tools 4.6: multi-profile, config providers, system Git and AI skill Clever Tools 4.6 adds multi-profile account management, config provider CLI commands, faster deploys with system Git and an AI coding skill

Clever Tools 4.6: multi-profile, config providers, system Git and AI skill โ€“ Clever Cloud www.clever.cloud/developers/c...

18.02.2026 15:19 ๐Ÿ‘ 6 ๐Ÿ” 7 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Post image

If you heard: "Don't bother learning to code, AI will do it all."

They're wrong. Here's why.

adventures.nodeland.dev/archive/yes-...

18.02.2026 16:59 ๐Ÿ‘ 24 ๐Ÿ” 4 ๐Ÿ’ฌ 3 ๐Ÿ“Œ 0
Preview
sea: support ESM entry point in SEA by joyeecheung ยท Pull Request #61813 ยท nodejs/node This uses the new StartExecutionCallbackWithModule embedder API added in #61548 to support ESM entrypoint in SEA via a new configuration field &quot;mainFormat&quot;. The behavior currently aligns ...

Landed initial support for ESM in Node.js SEA: github.com/nodejs/node/...

Similar to CJS entrypoints, it only supports importing builtins, so generally require bundling. @nodeland.dev is working on support for VFS in SEA that will unlock loading other modules within SEA github.com/nodejs/node/...

18.02.2026 21:39 ๐Ÿ‘ 45 ๐Ÿ” 9 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 3