Arturo
@acstll.bsky.social
design, software engineering, fusilli / design systems at Elastic
https://arturu.com/
https://arturu.com/
Reposted by Arturo
We’re heartbroken by the loss of Mikeal Rogers, a key figure in the Node.js ecosystem and a force behind what makes this community what it is. To help preserve his legacy, we’ve opened a GitHub repo for stories, photos, and memories: github.com/nodejs/mikeal
💚 Thank you, Mikeal. hubs.la/Q03t0DVL0
💚 Thank you, Mikeal. hubs.la/Q03t0DVL0
GitHub - nodejs/mikeal: In light of the the contributions that Mikeal made to Node.js and the larger ecosystem and his recent passing this repository will provide a place for people to contribute thei...
In light of the the contributions that Mikeal made to Node.js and the larger ecosystem and his recent passing this repository will provide a place for people to contribute their condolences and mem...
hubs.la
June 20, 2025 at 4:15 PM
We’re heartbroken by the loss of Mikeal Rogers, a key figure in the Node.js ecosystem and a force behind what makes this community what it is. To help preserve his legacy, we’ve opened a GitHub repo for stories, photos, and memories: github.com/nodejs/mikeal
💚 Thank you, Mikeal. hubs.la/Q03t0DVL0
💚 Thank you, Mikeal. hubs.la/Q03t0DVL0
Reposted by Arturo
After 5 years in the making, I'm very happy to finally release Anime.js v4, my dream animation library:
🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support
And so much more!
Check out the new website animejs.com!
🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support
And so much more!
Check out the new website animejs.com!
April 3, 2025 at 3:32 PM
After 5 years in the making, I'm very happy to finally release Anime.js v4, my dream animation library:
🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support
And so much more!
Check out the new website animejs.com!
🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support
And so much more!
Check out the new website animejs.com!
I actually like class components, I wonder if they'll make a comeback in React when hooks become unsustainable or are no longer cool
March 27, 2025 at 6:59 PM
I actually like class components, I wonder if they'll make a comeback in React when hooks become unsustainable or are no longer cool
Reposted by Arturo
what is even the point of technology
February 14, 2025 at 10:52 AM
what is even the point of technology
Reposted by Arturo
🧠 Some brief thoughts on front-end frameworks and upgrade hell:
csswizardry.com/2025/01/buil...
csswizardry.com/2025/01/buil...
Build for the Web, Build on the Web, Build with the Web – CSS Wizardry
What is the real, long-term cost of adopting a JavaScript framework?
csswizardry.com
January 23, 2025 at 1:09 PM
🧠 Some brief thoughts on front-end frameworks and upgrade hell:
csswizardry.com/2025/01/buil...
csswizardry.com/2025/01/buil...
lines as part of your brand, as in mux.com
like 👍
lines simulating design software guides, as in vercel.com or originally stripe.com
please stop it ✋
like 👍
lines simulating design software guides, as in vercel.com or originally stripe.com
please stop it ✋
January 24, 2025 at 10:33 AM
lines as part of your brand, as in mux.com
like 👍
lines simulating design software guides, as in vercel.com or originally stripe.com
please stop it ✋
like 👍
lines simulating design software guides, as in vercel.com or originally stripe.com
please stop it ✋
Reposted by Arturo
Preact Signals just got a huge performance boost:
Signals rendered as text/props & effects only "pull" as fast as needed for rendering. Since computeds run as-needed, they now only re-run as often as their downstream DOM output can be painted.
H/t to @jovidecroock.com for making this happen.
Signals rendered as text/props & effects only "pull" as fast as needed for rendering. Since computeds run as-needed, they now only re-run as often as their downstream DOM output can be painted.
H/t to @jovidecroock.com for making this happen.
January 10, 2025 at 6:50 PM
Preact Signals just got a huge performance boost:
Signals rendered as text/props & effects only "pull" as fast as needed for rendering. Since computeds run as-needed, they now only re-run as often as their downstream DOM output can be painted.
H/t to @jovidecroock.com for making this happen.
Signals rendered as text/props & effects only "pull" as fast as needed for rendering. Since computeds run as-needed, they now only re-run as often as their downstream DOM output can be painted.
H/t to @jovidecroock.com for making this happen.
Reposted by Arturo
I use a Raycast extension w/ a global shortcut to copy links. The nice thing is it works cross browser + Finder. There's probably an alternative if you don't use Raycast. www.raycast.com/koinzhang/co...
Raycast Store: Copy Path
Copy the path of the open folder, selected file or the URL of the current browser tab.
www.raycast.com
January 6, 2025 at 11:58 AM
I use a Raycast extension w/ a global shortcut to copy links. The nice thing is it works cross browser + Finder. There's probably an alternative if you don't use Raycast. www.raycast.com/koinzhang/co...
Reposted by Arturo
React v19, now with Web Component support!
Creating and managing React wrappers for our clients' design systems has long been a pain in the ass. This is very welcome step in the right direction. bradfrost.com/blog/link/re...
Creating and managing React wrappers for our clients' design systems has long been a pain in the ass. This is very welcome step in the right direction. bradfrost.com/blog/link/re...
December 5, 2024 at 8:28 PM
React v19, now with Web Component support!
Creating and managing React wrappers for our clients' design systems has long been a pain in the ass. This is very welcome step in the right direction. bradfrost.com/blog/link/re...
Creating and managing React wrappers for our clients' design systems has long been a pain in the ass. This is very welcome step in the right direction. bradfrost.com/blog/link/re...
Sometimes when I'm sick (flu) I have nightmares with code. Last night I was trying to use @preactjs.com signals with class components… would that even work?
December 2, 2024 at 6:43 PM
Sometimes when I'm sick (flu) I have nightmares with code. Last night I was trying to use @preactjs.com signals with class components… would that even work?
Reposted by Arturo
I’m so incredibly proud to see the Practical Accessibility course doing so well!
More designers & engineers are enrolling in the course every day from universities, governments, and companies from around the globe:
More designers & engineers are enrolling in the course every day from universities, governments, and companies from around the globe:
November 28, 2024 at 9:19 AM
I’m so incredibly proud to see the Practical Accessibility course doing so well!
More designers & engineers are enrolling in the course every day from universities, governments, and companies from around the globe:
More designers & engineers are enrolling in the course every day from universities, governments, and companies from around the globe:
Reposted by Arturo
You asked for CSS linting in ESLint. Here we go!
📣 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...
This is a very early edition so feedback is welcome. 🐣
www.npmjs.com/package/@esl...
@eslint/css
CSS linting plugin for ESLint. Latest version: 0.1.0, last published: 5 minutes ago. Start using @eslint/css in your project by running `npm i @eslint/css`. There are no other projects in the npm regi...
www.npmjs.com
November 26, 2024 at 4:10 PM
You asked for CSS linting in ESLint. Here we go!
Reposted by Arturo
Has anyone made a web component for generating QR codes? That should be a thing right? Should be able to generate an SVG or canvas or something?
November 26, 2024 at 11:11 PM
Has anyone made a web component for generating QR codes? That should be a thing right? Should be able to generate an SVG or canvas or something?
Reposted by Arturo
Happy Friday! I have a spicy take for everyone!
Do you need to SSR your web components?
dev.to/stuffbreaker...
Do you need to SSR your web components?
dev.to/stuffbreaker...
Do You Need to SSR Your Web Components?
Many front-end frameworks use server-side rendering to improve their app's performance but do web components need to be SSRed?
dev.to
November 22, 2024 at 3:47 PM
Happy Friday! I have a spicy take for everyone!
Do you need to SSR your web components?
dev.to/stuffbreaker...
Do you need to SSR your web components?
dev.to/stuffbreaker...
Reposted by Arturo
Here it is!
The big thing is the (experimental) Environment API: our hope is it can serve as the foundation for frameworks that run code in multiple different JS runtimes.
The internal module runner refactors also pave the way for some interesting things down the road...
The big thing is the (experimental) Environment API: our hope is it can serve as the foundation for frameworks that run code in multiple different JS runtimes.
The internal module runner refactors also pave the way for some interesting things down the road...
November 26, 2024 at 2:33 PM
Here it is!
The big thing is the (experimental) Environment API: our hope is it can serve as the foundation for frameworks that run code in multiple different JS runtimes.
The internal module runner refactors also pave the way for some interesting things down the road...
The big thing is the (experimental) Environment API: our hope is it can serve as the foundation for frameworks that run code in multiple different JS runtimes.
The internal module runner refactors also pave the way for some interesting things down the road...
> local-first is very promising but current stacks might be faster to ship with today
I mainly agree, I can probably just skip the episode 🙃
I mainly agree, I can probably just skip the episode 🙃
Really enjoyed with chat with @jlongster.bsky.social, Adam & Jerod about the pros and cons of local-first - particularly with a focus on the web.
I think we largely came to the same conclusions: local-first is very promising but current stacks might be faster to ship with today.
I think we largely came to the same conclusions: local-first is very promising but current stacks might be faster to ship with today.
💥 New episode of Changelog & Friends! changelog.com/friends/71
November 26, 2024 at 8:27 AM
> local-first is very promising but current stacks might be faster to ship with today
I mainly agree, I can probably just skip the episode 🙃
I mainly agree, I can probably just skip the episode 🙃
What issues are you having with publishing of web components?
have to admit perhaps it's easier to publish iframe widgets than it is to publish web components
November 26, 2024 at 8:25 AM
What issues are you having with publishing of web components?
Reposted by Arturo
This is such a good deal for two top class courses
Psst! 🕵️
The Black Friday sale on my courses starts tomorrow, but I secretly just launched part of it right now! 😮
You can get my two flagship courses in a brand-new bundle, and save 50% in the process. ✨
I made a landing page for it and everything:
www.joyforjs.com
The Black Friday sale on my courses starts tomorrow, but I secretly just launched part of it right now! 😮
You can get my two flagship courses in a brand-new bundle, and save 50% in the process. ✨
I made a landing page for it and everything:
www.joyforjs.com
Joy for JavaScript Developers • Josh W. Comeau
Grab both of my flagship courses — CSS for JavaScript Developers and The Joy of React — in one delightful bundle 😄
www.joyforjs.com
November 25, 2024 at 9:45 AM
This is such a good deal for two top class courses
Reposted by Arturo
Additionally, I think that most Web Component SSR systems have a mechanism where you can plug in a per-library or per-component server renderer, enabling cross library/component interoperable server rendering as well.
In other words, if you want to SSR your Web Components, you totally can.
In other words, if you want to SSR your Web Components, you totally can.
November 23, 2024 at 7:47 PM
Additionally, I think that most Web Component SSR systems have a mechanism where you can plug in a per-library or per-component server renderer, enabling cross library/component interoperable server rendering as well.
In other words, if you want to SSR your Web Components, you totally can.
In other words, if you want to SSR your Web Components, you totally can.
Reposted by Arturo
Developers, do you want to verify yourself here but don't have a personal domain? You can use your GitHub account! 🦋🐱
I temporarily renamed myself to @nicolo-ribaudo.github.io :)
I temporarily renamed myself to @nicolo-ribaudo.github.io :)
November 23, 2024 at 4:51 PM
Developers, do you want to verify yourself here but don't have a personal domain? You can use your GitHub account! 🦋🐱
I temporarily renamed myself to @nicolo-ribaudo.github.io :)
I temporarily renamed myself to @nicolo-ribaudo.github.io :)
Reposted by Arturo
I created a “Women in Tech” Starter Pack! Highly recommend to follow these incredibly talented women. 💖✨
go.bsky.app/PNKtkEe
(Feel free to suggest edits, of course!)
go.bsky.app/PNKtkEe
(Feel free to suggest edits, of course!)
November 21, 2024 at 5:47 PM
I created a “Women in Tech” Starter Pack! Highly recommend to follow these incredibly talented women. 💖✨
go.bsky.app/PNKtkEe
(Feel free to suggest edits, of course!)
go.bsky.app/PNKtkEe
(Feel free to suggest edits, of course!)
Another reason to choose web components
Been working hard on creating some web audio custom elements. They all follow the same naming convention. With one exception.
<a-udio>
<p-an>
<g-ain>
<t-rack>
<f-ilter>
<anal-yser>
<c-hain>
<s-equencer>
<a-udio>
<p-an>
<g-ain>
<t-rack>
<f-ilter>
<anal-yser>
<c-hain>
<s-equencer>
November 21, 2024 at 2:45 PM
Another reason to choose web components
Reposted by Arturo
A simple #CSS #gradient + a simple #SVG #filter (feTurbulence + feDisplacement map) = magic! 🪄✨
See it live on @codepen.io: codepen.io/thebabydino/...
See it live on @codepen.io: codepen.io/thebabydino/...
November 21, 2024 at 9:27 AM
A simple #CSS #gradient + a simple #SVG #filter (feTurbulence + feDisplacement map) = magic! 🪄✨
See it live on @codepen.io: codepen.io/thebabydino/...
See it live on @codepen.io: codepen.io/thebabydino/...
This is a must-read
(hint: it's not about React)
(hint: it's not about React)
November 21, 2024 at 8:39 AM
This is a must-read
(hint: it's not about React)
(hint: it's not about React)
Reposted by Arturo
💭 Variables, Design Tokens, Autolayout… But are your Design System components even accessible?
Let's find out! ✌️
We've invited two leading accessibility experts to review YOUR components!
One of them is 100% blind
👉 Join us Nov 27th online: lu.ma/srv55eoj
@intodesignsystems.bsky.social
Let's find out! ✌️
We've invited two leading accessibility experts to review YOUR components!
One of them is 100% blind
👉 Join us Nov 27th online: lu.ma/srv55eoj
@intodesignsystems.bsky.social
November 21, 2024 at 7:44 AM
💭 Variables, Design Tokens, Autolayout… But are your Design System components even accessible?
Let's find out! ✌️
We've invited two leading accessibility experts to review YOUR components!
One of them is 100% blind
👉 Join us Nov 27th online: lu.ma/srv55eoj
@intodesignsystems.bsky.social
Let's find out! ✌️
We've invited two leading accessibility experts to review YOUR components!
One of them is 100% blind
👉 Join us Nov 27th online: lu.ma/srv55eoj
@intodesignsystems.bsky.social