Advertisement Β· 728 Γ— 90

Posts by Dody Gunawinata

Responsive values without media queries πŸ“

clamp() sets a minimum, preferred, and maximum value in one function. Perfect for fluid typography and responsive sizing.

> font-size: clamp(1rem, 2.5vw, 2rem);

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

10 hours ago 20 2 0 0
Post image

Rainforests cleared for timber concessions

AFP Infographic map tracking the delivery of pulp wood from Indonesian forestry concessions to a Chinese packaging facility

1 day ago 10 12 0 1
A photo of me smiling, framed by the text, "What I wish someone told me when I first started using ARIA". Next to my photo is a badge that reads, "I'm speaking at WebExpo! Add promo code s t a g e e r i c to save 40 EUR." The frame is labeled as a conference talk presented by Eric Bailey, Senior Accessibility Designer at GitHub. The talk has also been labeled, "Accessibility", "Design Systems", "Design Thinking & UX", and "Frontend Dev".

A photo of me smiling, framed by the text, "What I wish someone told me when I first started using ARIA". Next to my photo is a badge that reads, "I'm speaking at WebExpo! Add promo code s t a g e e r i c to save 40 EUR." The frame is labeled as a conference talk presented by Eric Bailey, Senior Accessibility Designer at GitHub. The talk has also been labeled, "Accessibility", "Design Systems", "Design Thinking & UX", and "Frontend Dev".

ARIA is inevitable when you work on web accessibility. Here's everything I wish someone told me when I first got started, presented at @webexpo.bsky.social in Prague on May 28th. #a11y webexpo.net/prague2026/s...

2 days ago 41 6 3 0
Preview
The Web Is Fun Again: First Experiments with HTML in Canvas An experimental API let's us put HTML within those opening and closing canvas tags and render it to the canvas, while remaining interactive. Lots of possibility here!

This HTML-in-Canvas stuff is pretty wild. Never would I ever have guessed we'd get this on the web.

@amitsheen.bsky.social shows off how it works and many different possibilities.

frontendmasters.com/blog/the-web...

2 days ago 70 10 4 0
Post image

Surrealist 3.8, our latest UI release, introduces exciting new features such as a fully redesigned navigation experience, improved query formatting, and much more. Explore the highlights. πŸ‘‰ sdb.li/4tYOiHl

2 days ago 7 1 0 0
Preview
Firefox 150 release notes for developers (Stable) - Mozilla | MDN This article provides information about the changes in Firefox 150 that affect developers. Firefox 150 was released on April 21, 2026.

Firefox 150 just landed & includes new web platform features like:

πŸŽ‰ sizes="auto" on images
πŸŽ‰ light-dark() image support
πŸŽ‰ CSS revert-rule
πŸŽ‰ ariaNotify()
πŸŽ‰ Media pseudo-classes like :playing

None of these are baseline yet, so check MDN for support.

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

2 days ago 100 15 2 1
 export component Greeting({ name }: { name?: string }) {
   <div class="card">
     if (name) {
       <p>{`Hello, ${name}`}</p>
     } else {
       <p>{'Hello, stranger'}</p>
     }
   </div>

   <style>
     .card { padding: 1rem; }
   </style>
 }

export component Greeting({ name }: { name?: string }) { <div class="card"> if (name) { <p>{`Hello, ${name}`}</p> } else { <p>{'Hello, stranger'}</p> } </div> <style> .card { padding: 1rem; } </style> }

Happy to announce TSRX. Think of it as the spiritual successor to JSX.

We extracted it from Ripple, and made it framework agnostic. It can compile to React, Ripple and Solid, other frameworks to come soon.

tsrx.dev

1 day ago 195 30 16 13
Preview
Announcing TypeScript 7.0 Beta - TypeScript Today we are absolutely thrilled to announce the release of TypeScript 7.0 Beta! If you haven’t been following TypeScript 7.0’s development, this release is significant in that it is built on a comple...

TypeScript 7.0 Beta is here!

Built on a new native and parallelized foundation, it's already being used on multi-million line codebases.

Read up more here and try it on your projects today!

devblogs.microsoft.com/typescript/a...

1 day ago 313 73 3 10

Fable 5 has been released πŸŽ‰

This is the result of almost 1 year and a half of work from the community and the maintainers.

Huge thank you to everyone involved. ❀️

#fsharp #fablecompiler

2 days ago 22 6 1 2
Advertisement
Preview
Why I'm betting on ATProto (and why you should, too) Social media was supposed to connect us, but most of it has turned into ads, division, and loneliness. I'm betting on ATProto as a way to fix that, and not just for developers. Whether you're a scient...

A recap of #atmosphereconf 2026 as well as an overview of why I'm spending my very limited free time in my life betting on ATProto (and why I think you should, too!)

This isn't just for developers. This is for everyone.

brittanyellich.com/atproto/

3 weeks ago 425 94 23 17

Working on an article about accessibility overlays. Holy shit, fuck these companies and their deceit. I'm trawling through the waist-deep sludge that is their websites, and everything has this film of slime over it.

I knew they were bad, but I'd never looked that deeply into their marketing. Yuck.

3 weeks ago 25 2 3 0

i'm sure you're capable of mashing the keyboard and finding the top search results, but in case i'm overestimating, some excellent resources:
adrianroselli.com/tag/overlay
overlayfactsheet.com/en/

give 'em hell! bunch of predatory grifters πŸ˜”

3 weeks ago 2 1 1 0

OH: @atproto.com is the most over engineered interface to SQLite ever.

3 weeks ago 60 7 3 0
Preview
Applying accessibility fixes with stealth for the greater good This is not an article that Steve, the author, thinks should exist in a healthy industry, but the shape of our industry β€” especially right now β€” makes this sort of article very necessary and hopefully...

reading: Applying accessibility fixes with stealth for the greater good
piccalil.li/blog/applyin...

☝️that's a keeper! bookmarked, pinned, gonna reading it twice, maybe thrice

3 weeks ago 14 3 0 0
Preview
Wikipedia Bans AI-Generated Content β€œIn recent months, more and more administrative reports centered on LLM-related issues, and editors were being overwhelmed.”

NEW: Wikipedia has banned AI-generated content.

4 weeks ago 23925 6810 198 815

Say goodbye heavy animation libraries. This is 100% powered by CSS native keyframes.

4 weeks ago 14 1 0 0
Preview
Building the most inaccessible site possible with a perfect Lighthouse score - Manuel Matuzovic An experiment that proves that automatic accessibility testing is only a first step and that manual testing is vital.

For the people who keep showing me a lighthouse accessibility score.

www.matuzo.at/blog/buildin...

4 weeks ago 50 9 1 1
Post image

The world has arrived at the spot where, when you rightclick in a WPF's xaml editor to go to the code behind, your first option isn't that (View code, like it has been since forever) but... 'Chat'. I presume with some kind of AI slopmachine, although I've disabled all of those.

FUCK THIS SHIT

4 weeks ago 12 1 1 0
Advertisement
Preview
AT Protocol Roadmap (Spring 2026) - AT Protocol Updates to the AT Protocol roadmap, including Permissioned Data and Account Experience.

We've got an updated protocol roadmap out, covering the next few months.

Look forward to seeing folks at AtmosphereConf later this week!

4 weeks ago 375 76 13 20
Preview
Top ten Figma betrayals The one where I discuss classic Figma mistakes (not a listicle)

Every bit of this Top ten Figma betrayals by @dbushell.com rings true. It is challenging when you think responsive but others don't see the challenges that are obvious to you. dbushell.com/2026/03/23/t...

FWIW, this is why we design in the browser. cloudfour.com/thinks/tradi...

4 weeks ago 17 1 0 2
Preview
The Color System I Wish I Understood Sooner Does your system for naming colors always feel like it falls short? This two-layer approach solves so many problems!

β™› Brilliant. Kyle Van Deusen’s two-layer approach to managing color on your project solves problems you might not even know you have yet.

theadminbar.com/semantics-an...Β 

#ProductDesign #ProductDevelopment #webdevelopment #designsystems #color #palettes #primitives

4 weeks ago 63 11 6 2
Video

We’re open sourcing ArrowJS 1.0: the first UI framework for coding agents.

Imagine React/Vue, but with no compiler, build process, or JSX transformer. It’s just TS/JS so LLMs are already *great* at it.

AND run generated code securely w/ sandbox pkg.

➑️ arrow-js.com

1 month ago 54 6 7 2
Diagram illustrating WCAG target sizes for interactive elements, highlighting AA (24x24) and AAA (44x44) standards with various icons.

Diagram illustrating WCAG target sizes for interactive elements, highlighting AA (24x24) and AAA (44x44) standards with various icons.

AA and AAA aren't battery sizes.

They're WCAG accessibility standards.

One of them is the clickable area of interactive elements, and it's often violated.

1 month ago 10 1 1 0

TypeScript 6.0 is out πŸŽ‰

πŸ”Ά Temporal
πŸ”Ά Map#getOrInsert
πŸ”Ά RegExp.escape
πŸ”Ά #/ prefix for Package Imports

New defaults!
πŸ”Ά --target=ES2025
πŸ”Ά "use strict"
πŸ”· --strict

Deprecations!
πŸ—‘οΈ baseUrl, outFile
πŸ—‘οΈ import assertions
πŸ—‘οΈ `module` namespaces
πŸ—‘οΈ module: amd
πŸ—‘οΈ moduleResolution: node
πŸ—‘οΈ target: ES5

4 weeks ago 97 16 2 1
Post image

πŸš€ Serde.FS alpha.9 β€” Deterministic RPC for F#

No reflection. No controllers.
Just compile‑time RPC clients + routing.

Includes:

β€’ [<RpcApi>]
β€’ ASP.NET RPC server
β€’ Deterministic JSON backend
β€’ Shared β†’ Server β†’ Client example

github.com/serde-fs/Ser...

#fsharp #rpc #aot #serde #dotnet

1 month ago 27 5 0 1
Advertisement
Preview
Announcing TypeScript 6.0 - TypeScript TypeScript 6.0 is now available! TypeScript 6 is a stepping-stone release, aligning with the upcoming native-speed 7.0 release.

TypeScript 6.0 is now available!

This release brings better type-checking for methods, new standard library features, new module features for Node.js, and more!

But most important, this release brings us one step closer to the upcoming native-speed 7.0!

devblogs.microsoft.com/typescript/a...

1 month ago 315 87 7 12
Video

I didn’t realize I had something in common with Terence Tao. You actually need a distraction in your life, like posting on social media, to stay productive, which I do a LOT... 🀣🀣🀣

1 month ago 44 7 4 2

Looks like a nightmare

4 weeks ago 0 0 0 0

roll the clip

1 month ago 6840 1297 4 49