Arthur Melo

I'm so gosh-darned excited! css-tricks.com/css-tricks-h...

the prime minister of japan is posting about PHP

(generating certs for my root CA) ok now let's do a silly one

this is so fucking sad

What do you want us to work on in 2027? Here's a web app where you can rank the Interop proposals you care about, giving us data we can use to prioritise feature development. interop-rank.fxdx.dev

I have been writing this post about the economics of open source, on and off, for 13 years. I wasn't expecting to end up at "Microsoft should send corporations a huge bill" but nothing else we've tried has worked. https://seldo.com/posts/nobody-pays-for-open-source-we-can-force-them-to/

In September 1996, Microsoft implemented JavaScript into Internet Explorer 3.0 under the name JScript 1.0. By changing the name to JScript, Microsoft wanted to avoid potential patent litigation with Sun Microsystems.

Working on my wife's portfolio website and solved a design problem by using CSS round(). This is a less used yet very useful function! Here is my article about it, and will update it soon with a new use case: ishadeed.com/article/css-...

✨ Have you ever wondered whether JavaScript animation libraries like GSAP or Motion are as performant as raw CSS transitions/keyframes? The answer is surprisingly nuanced. We dig into the question in my brand-new blog post:

HTML might be getting out of order streaming natively in the future. I really like this: developer.chrome.com/blog/declara...

Well, I wrote about centering in CSS (yes, centering), and you might learn something new. css-tricks.com/the-state-of...

✍️ New Article: Better fluid sizing with round() I wrote about how CSS round() enhances the values you get from clamp() in sizing, typography, and spacing. Why it matters, and how to use it. 🔗 ishadeed.com/article/css-round

CSS is getting native randomness 🎲 random() and random-item() are coming with: - per-element randomness - step-based ranges - shared value options - zero JS required I wrote an overview of the feature, how it works, and what browsers support it. alvaromontoro.com/blog/68092/n... #css #webdev

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

I've written up my understanding of SDF and MSDF fonts, and how to use them with msdfgen+webgl: www.redblobgames.com/articles/sdf... (I'll post it on my blog soon too)

“Because we use fluid type and fluid space, the .flow utility’s flexible, fallback-based setup works in harmony with our methodology of letting the browser do all the hard work for us.” My favourite 3 lines of CSS, by Andy Bell piccalil.li/blog/my-favo...

The second edition of Designing Data-Intensive Applications, by myself and @chris.blue, is finished and sent off to the printers! Ebooks should be available in the next week, and print books in 3–4 weeks. Sigh of relief. 😅 (BTW, this is a good opportunity to support your favourite local bookshop!)

2026 basically

I just did the dumbest thing of my entire career to prove a much more serious point. I tricked ChatGPT and Google, and made them tell other users I’m a competitive hot-dog-eating world champion People are using this trick on a massive scale to make AI tell you lies. I’ll explain how I did it

🎉 Live from the CSS WG F2F: We just agreed to support multiple borders and outlines per element, comma-separated! But we can’t decide on the order: inside out or outside in? What feels more natural to you, A or B? (it needs to be the same across borders and outlines or different box-sizing values)

Made a lil' library: codepen.github.io/slideVars/ Automatically detects CSS custom properties on the :root/html and gives you controls for adjusting them. (But it's also as configurable as you want it to be.)

I want this next generation of software development tools to run on my own computer. Vim and Emacs helped democratize software development and made it accessible. We shouldn't allow this AI wave to take us backwards. I really hope the open source community can keep pace.

30 #CSS scroll driven animation examples which is your favorite? - z-stack and slither are mine nerdy.dev/scroll-drive...

The 2025 Cloudflare Radar Year in Review is here. Here are the Internet trends and patterns observed across the globe, revealing the disruptions, advances, and metrics that defined 2025. https://cfl.re/4oYxMEi

🎉 And we're live! 🎉 We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀 This is a big one! We highlighted 22 new features to help you build better on the web. Check out: chrome.dev/css-wrapped-2025

This is a great article if you might be thinking that style queries are not overly useful because they are, especially with the range syntax. una.im/range-style-...

Google at its peak was basically the best information retrieval system in human history and they and every competitor decided going from there to “you didn’t want answers you wanted half-assed auto-complete 80%-wrong hallucinations” in a few years was the right idea

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...

Extremely upset that a throw-away XKCD joke somehow became the organizing principle for the Internet.

Wow! This is actually *really* useful as a teaching tool.

🚀 New micro-project: Grid Paper. A little app for creating printable grid and graph paper. grid-paper.daverupert.com

Autocorrect has become our worst enema.

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`:

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.

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

Wow, I love @joshwcomeau.com's content so much. And this may be my favorite yet 😍 www.joshwcomeau.com/svg/interact...

The hardest problems in computer science are cache invalidation and printers

new React Compiler docs have landed! thank you everyone for the feedback. react.dev/learn/react-...

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...

⚛️📝 New on Overreacted: One Roundtrip Per Navigation

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...

A programmer had a problem. He thought — "I know, I'll use async!" has problems Now . two he

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/

✨ 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:

✍️ 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...

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/

🌠 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...

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...

🗣️ 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`)

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.