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/...
Posts by Dody Gunawinata
Rainforests cleared for timber concessions
AFP Infographic map tracking the delivery of pulp wood from Indonesian forestry concessions to a Chinese packaging facility
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...
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...
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
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...
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
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...
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
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/
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.
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 π
OH: @atproto.com is the most over engineered interface to SQLite ever.
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
Say goodbye heavy animation libraries. This is 100% powered by CSS native keyframes.
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
We've got an updated protocol roadmap out, covering the next few months.
Look forward to seeing folks at AtmosphereConf later this week!
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...
β 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
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
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.
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
π 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
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...
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... π€£π€£π€£
Looks like a nightmare
roll the clip