Arthur Melo
@arthurmelo.com
Reposted by Arthur Melo
Just ported @ryanfeigenbaum.com's amazing color logic into a standalone, MIT-licensed library. Perceptually uniform palettes for your next generative art or design project. 🎨 meodai.github.io/pro-color-ha...
November 20, 2025 at 9:51 PM
Just ported @ryanfeigenbaum.com's amazing color logic into a standalone, MIT-licensed library. Perceptually uniform palettes for your next generative art or design project. 🎨 meodai.github.io/pro-color-ha...
Reposted by Arthur Melo
Extremely upset that a throw-away XKCD joke somehow became the organizing principle for the Internet.
November 20, 2025 at 2:31 AM
Extremely upset that a throw-away XKCD joke somehow became the organizing principle for the Internet.
Reposted by Arthur Melo
Wow!
This is actually *really* useful as a teaching tool.
This is actually *really* useful as a teaching tool.
November 20, 2025 at 4:42 PM
Wow!
This is actually *really* useful as a teaching tool.
This is actually *really* useful as a teaching tool.
Reposted by Arthur Melo
🚀 New micro-project: Grid Paper. A little app for creating printable grid and graph paper.
grid-paper.daverupert.com
grid-paper.daverupert.com
Grid Paper
grid-paper.daverupert.com
November 20, 2025 at 2:19 PM
🚀 New micro-project: Grid Paper. A little app for creating printable grid and graph paper.
grid-paper.daverupert.com
grid-paper.daverupert.com
Reposted by Arthur Melo
Autocorrect has become our worst enema.
November 19, 2025 at 10:04 PM
Autocorrect has become our worst enema.
Reposted by Arthur Melo
I just updated my interactive blog post on CSS Grid! It now includes explanations for the `span` keyword, as well as a brief look at `grid-auto-flow`:
An Interactive Guide to CSS Grid • Josh W. Comeau
CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Gri...
www.joshwcomeau.com
November 14, 2025 at 6:33 PM
I just updated my interactive blog post on CSS Grid! It now includes explanations for the `span` keyword, as well as a brief look at `grid-auto-flow`:
Reposted by Arthur Melo
Node excitement 😉
Congrats to @marcoippolito.dev on making it official: type-stripping in Node 25 is now declared to be stable 🎉
You can run: node index.ts
The capabilities have not changed since Node 24. This is purely a maturity indicator.
Congrats to @marcoippolito.dev on making it official: type-stripping in Node 25 is now declared to be stable 🎉
You can run: node index.ts
The capabilities have not changed since Node 24. This is purely a maturity indicator.
Type stripping is now stable.
Enjoy 🌞
Enjoy 🌞
November 12, 2025 at 7:12 AM
Node excitement 😉
Congrats to @marcoippolito.dev on making it official: type-stripping in Node 25 is now declared to be stable 🎉
You can run: node index.ts
The capabilities have not changed since Node 24. This is purely a maturity indicator.
Congrats to @marcoippolito.dev on making it official: type-stripping in Node 25 is now declared to be stable 🎉
You can run: node index.ts
The capabilities have not changed since Node 24. This is purely a maturity indicator.
Reposted by Arthur Melo
Cut out the browser guesswork for web feature adoption. 🔮 Baseline lets you check feature support against your real user data in minutes.
Find your target and share it with #WhatsMyBaseline → goo.gle/whats-my-baseline
Find your target and share it with #WhatsMyBaseline → goo.gle/whats-my-baseline
August 21, 2025 at 5:07 PM
Cut out the browser guesswork for web feature adoption. 🔮 Baseline lets you check feature support against your real user data in minutes.
Find your target and share it with #WhatsMyBaseline → goo.gle/whats-my-baseline
Find your target and share it with #WhatsMyBaseline → goo.gle/whats-my-baseline
Reposted by Arthur Melo
Wow, I love @joshwcomeau.com's content so much.
And this may be my favorite yet 😍
www.joshwcomeau.com/svg/interact...
And this may be my favorite yet 😍
www.joshwcomeau.com/svg/interact...
An Interactive Guide to SVG Paths • Josh W. Comeau
SVG gives us many different primitives to work with, but by far the most powerful is the <path> element. Unfortunately, it’s also the most inscrutable, with its compact Regex-style syntax. In this tut...
www.joshwcomeau.com
August 19, 2025 at 7:58 PM
Wow, I love @joshwcomeau.com's content so much.
And this may be my favorite yet 😍
www.joshwcomeau.com/svg/interact...
And this may be my favorite yet 😍
www.joshwcomeau.com/svg/interact...
Reposted by Arthur Melo
The State of CSS 2025 survey results are now available:
2025.stateofcss.com/en-US/
Big thanks to @amitsheen.bsky.social, @saron.bsky.social, @miocene.io, @sjoy.lol, @joshwcomeau.com, @kilianvalkhof.com, and all the other contributors!
2025.stateofcss.com/en-US/
Big thanks to @amitsheen.bsky.social, @saron.bsky.social, @miocene.io, @sjoy.lol, @joshwcomeau.com, @kilianvalkhof.com, and all the other contributors!
State of CSS 2025
2025.stateofcss.com
August 10, 2025 at 7:27 AM
The State of CSS 2025 survey results are now available:
2025.stateofcss.com/en-US/
Big thanks to @amitsheen.bsky.social, @saron.bsky.social, @miocene.io, @sjoy.lol, @joshwcomeau.com, @kilianvalkhof.com, and all the other contributors!
2025.stateofcss.com/en-US/
Big thanks to @amitsheen.bsky.social, @saron.bsky.social, @miocene.io, @sjoy.lol, @joshwcomeau.com, @kilianvalkhof.com, and all the other contributors!
Reposted by Arthur Melo
The hardest problems in computer science are cache invalidation and printers
August 2, 2025 at 9:47 PM
The hardest problems in computer science are cache invalidation and printers
Reposted by Arthur Melo
July 21, 2025 at 4:57 PM
Reposted by Arthur Melo
You can now play with CSS gap decoration in Chromium 139+!
Learn more: developer.chrome.com/blog/gap-dec...
Try it out (current Canary w/experimental web platform features flag): microsoftedge.github.io/Demos/css-ga...
Learn more: developer.chrome.com/blog/gap-dec...
Try it out (current Canary w/experimental web platform features flag): microsoftedge.github.io/Demos/css-ga...
June 11, 2025 at 3:14 PM
You can now play with CSS gap decoration in Chromium 139+!
Learn more: developer.chrome.com/blog/gap-dec...
Try it out (current Canary w/experimental web platform features flag): microsoftedge.github.io/Demos/css-ga...
Learn more: developer.chrome.com/blog/gap-dec...
Try it out (current Canary w/experimental web platform features flag): microsoftedge.github.io/Demos/css-ga...
Reposted by Arthur Melo
⚛️📝 New on Overreacted: One Roundtrip Per Navigation
One Roundtrip Per Navigation — overreacted
What do HTML, GraphQL, and RSC have in common?
overreacted.io
May 29, 2025 at 9:11 PM
⚛️📝 New on Overreacted: One Roundtrip Per Navigation
Reposted by Arthur Melo
Today we're sharing that View Transitions and Activity are ready to try in the experimental channel, along with docs and updates on other areas we're actively working on:
react.dev/blog/2025/04...
react.dev/blog/2025/04...
React Labs: View Transitions, Activity, and more – React
The library for web and native user interfaces
react.dev
April 23, 2025 at 3:45 PM
Today we're sharing that View Transitions and Activity are ready to try in the experimental channel, along with docs and updates on other areas we're actively working on:
react.dev/blog/2025/04...
react.dev/blog/2025/04...
Reposted by Arthur Melo
A programmer had a problem. He thought — "I know, I'll use async!"
has problems Now . two he
has problems Now . two he
April 22, 2025 at 1:23 PM
A programmer had a problem. He thought — "I know, I'll use async!"
has problems Now . two he
has problems Now . two he
Reposted by Arthur Melo
Here's the first of many smaller projects I plan to release this year:
A custom reset style sheet that comes with a website that allows you to compare it with the default user agent styles and other reset style sheets.
fokus.dev/tools/uaplus/
A custom reset style sheet that comes with a website that allows you to compare it with the default user agent styles and other reset style sheets.
fokus.dev/tools/uaplus/
uaplus.css | fokus
UA+ (User agent plus), a different type of reset style sheet
fokus.dev
April 3, 2025 at 6:27 AM
Here's the first of many smaller projects I plan to release this year:
A custom reset style sheet that comes with a website that allows you to compare it with the default user agent styles and other reset style sheets.
fokus.dev/tools/uaplus/
A custom reset style sheet that comes with a website that allows you to compare it with the default user agent styles and other reset style sheets.
fokus.dev/tools/uaplus/
Reposted by Arthur Melo
✨ In March 2023, I published an article about AI.
This was right after OpenAI showcased how GPT4 could turn a hand-drawn sketch of a website into real HTML/CSS/JS. The consensus online was that FE jobs would stop existing within 1-2 years.
Well, it’s been 2 years! So, I just published a follow-up:
This was right after OpenAI showcased how GPT4 could turn a hand-drawn sketch of a website into real HTML/CSS/JS. The consensus online was that FE jobs would stop existing within 1-2 years.
Well, it’s been 2 years! So, I just published a follow-up:
The Post-Developer Era • Josh W. Comeau
When OpenAI released GPT-4 back in March 2023, they kickstarted the AI revolution. The consensus online was that front-end development jobs would be totally eliminated within a year or two.Well, it’s ...
www.joshwcomeau.com
April 14, 2025 at 3:11 PM
✨ In March 2023, I published an article about AI.
This was right after OpenAI showcased how GPT4 could turn a hand-drawn sketch of a website into real HTML/CSS/JS. The consensus online was that FE jobs would stop existing within 1-2 years.
Well, it’s been 2 years! So, I just published a follow-up:
This was right after OpenAI showcased how GPT4 could turn a hand-drawn sketch of a website into real HTML/CSS/JS. The consensus online was that FE jobs would stop existing within 1-2 years.
Well, it’s been 2 years! So, I just published a follow-up:
Reposted by Arthur Melo
✍️ I shared a few thoughts about Item Flow, the new syntax that the CSS working group is discussing.
In short, I'm excited. Check it out for more details: ishadeed.com/article/item...
In short, I'm excited. Check it out for more details: ishadeed.com/article/item...
Item Flow
Notes on the proposed Item Flow system for grid, flexbox, and masonry
ishadeed.com
April 12, 2025 at 7:17 PM
✍️ I shared a few thoughts about Item Flow, the new syntax that the CSS working group is discussing.
In short, I'm excited. Check it out for more details: ishadeed.com/article/item...
In short, I'm excited. Check it out for more details: ishadeed.com/article/item...
Reposted by Arthur Melo
Bluesky loves links! We don't downrank, and major publishers report that we're sending more link traffic than other sites.
Here's the top links shared on Bluesky, updated hourly.
theblue.report/week/
Here's the top links shared on Bluesky, updated hourly.
theblue.report/week/
The Blue Report
The top links on Bluesky, updated hourly
theblue.report
March 28, 2025 at 6:25 PM
Bluesky loves links! We don't downrank, and major publishers report that we're sending more link traffic than other sites.
Here's the top links shared on Bluesky, updated hourly.
theblue.report/week/
Here's the top links shared on Bluesky, updated hourly.
theblue.report/week/
Reposted by Arthur Melo
🌠 I just updated by CSS Reset to include a handy new declaration:
html {
interpolate-size: allow-keywords;
}
This rule allows us to animate height from "0px" to "auto", perfect for accordions and other collapsible UI. ✨
Learn more in my blog post about it:
www.joshwcomeau.com/css/custom-c...
html {
interpolate-size: allow-keywords;
}
This rule allows us to animate height from "0px" to "auto", perfect for accordions and other collapsible UI. ✨
Learn more in my blog post about it:
www.joshwcomeau.com/css/custom-c...
A Modern CSS Reset • Josh W. Comeau
I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!
www.joshwcomeau.com
March 25, 2025 at 3:14 PM
🌠 I just updated by CSS Reset to include a handy new declaration:
html {
interpolate-size: allow-keywords;
}
This rule allows us to animate height from "0px" to "auto", perfect for accordions and other collapsible UI. ✨
Learn more in my blog post about it:
www.joshwcomeau.com/css/custom-c...
html {
interpolate-size: allow-keywords;
}
This rule allows us to animate height from "0px" to "auto", perfect for accordions and other collapsible UI. ✨
Learn more in my blog post about it:
www.joshwcomeau.com/css/custom-c...
Reposted by Arthur Melo
Today we're thrilled to announce our effort to port the TypeScript compiler and language service to native code, gaining a 10x speed boost in build times and editor responsiveness!
devblogs.microsoft.com/typescript/t...
devblogs.microsoft.com/typescript/t...
A 10x Faster TypeScript - TypeScript
Embarking on a native port of the existing TypeScript compiler and toolset to achieve a 10x performance speed-up.
devblogs.microsoft.com
March 11, 2025 at 2:36 PM
Today we're thrilled to announce our effort to port the TypeScript compiler and language service to native code, gaining a 10x speed boost in build times and editor responsiveness!
devblogs.microsoft.com/typescript/t...
devblogs.microsoft.com/typescript/t...
Reposted by Arthur Melo
🗣️ PSA: Chrome on Android is getting an upgrade and will support edge-to-edge from Chrome 135.
Here’s all you need to know to migrate your website to support edge-to-edge: developer.chrome.com/docs/css-ui/...
(Be sure to check this guide if you have `position: fixed` content at `bottom: 0`)
Here’s all you need to know to migrate your website to support edge-to-edge: developer.chrome.com/docs/css-ui/...
(Be sure to check this guide if you have `position: fixed` content at `bottom: 0`)
March 3, 2025 at 9:23 PM
🗣️ PSA: Chrome on Android is getting an upgrade and will support edge-to-edge from Chrome 135.
Here’s all you need to know to migrate your website to support edge-to-edge: developer.chrome.com/docs/css-ui/...
(Be sure to check this guide if you have `position: fixed` content at `bottom: 0`)
Here’s all you need to know to migrate your website to support edge-to-edge: developer.chrome.com/docs/css-ui/...
(Be sure to check this guide if you have `position: fixed` content at `bottom: 0`)
Reposted by Arthur Melo
New in Chrome DevTools: Accurately emulate CPU performance of a low/mid tier phone with Automatic CPU throttling calibration! 📲
This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.
This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.
February 23, 2025 at 5:40 AM
New in Chrome DevTools: Accurately emulate CPU performance of a low/mid tier phone with Automatic CPU throttling calibration! 📲
This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.
This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.
Reposted by Arthur Melo
✨Heads up! Observables are shipping natively to a browser near you soon!
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)
February 21, 2025 at 10:59 PM
✨Heads up! Observables are shipping natively to a browser near you soon!
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)