ronan

ur LLM when you ask it to write CSS

Beyond that, this surface area presents a very interesting place for interaction experiments

h2a / a2a consumption of these cards will lead to new patterns and actions, and requires fresh design thinking, decoupling from the interface of the web (browser)

Those patterns will be likely driven by velocity and consistency for now (i.e. cards build quickly with tailwind, that mirror the other surfaces that the designers and devs are delivering for web browsers and apps)

5. bsky.app/profile/nath...

Being able to wrap responses into an accompanying ui pattern in the transport, for consumption by an agent interface, presents some very interesting possibilities

(from shopify's "breaking the text wall" article)

4. shopify.engineering/mcp-ui-break...

Cards Are the Future of the Web This post by startup Intercom is a little self-serving, but it does hit the nail on the head for something that is happening right now: a fundamental shift towards a new interface paradigm bas…

with the emergence of early MCP-UI and AG-UI standards, the 2013 perspective of "cards are the future of the web" is set to ring true for a whole new class of distributed, agentic interactions

1. github.com/ag-ui-protoc...
2. github.com/idosal/mcp-ui
3. www.subtraction.com/2013/09/09/c...

Introducing CHROMA CONSOLE, A Colorful Suite of Effects.Chroma Console is a flexible multi-effect pedal that takes inspiration from the eccentricity, grit, a... Hologram Electronics Chroma Console

Probably one of the most amazingly designed pedals I’ve seen in a long time 🤩

Hologram Electronics Chroma Console youtu.be/NnKPP8fTlc4?...

Inclusive Components: The Book The book (ePub, PDF and Kindle) examines common web UI patterns through the lens of inclusion. The aim is to find more accessible and robust solutions for the patterns we author every day.

re-reading the lovely @heydonworks.com's article on inclusive card components

inclusive-components.design/cards/

you've got their book, right? right‽

book.inclusive-components.design

🙏🖤

Excited to delve into Basecoat

🤿 Dive Club | Kyle Turman — Designing Claude and collaborating with AI Dive Club features interviews and articles that unlock knowledge from today's top designers like Kyle Turman (Member of Design Staff at Anthropic).

The latest Dive Club 🎙️ ep with @turman.co is so good, stuffed with timely, thoughtful and refreshing takes and reflections on our craft as designers

www.dive.club/deep-dives/k...

😍

Web typography: a refresher and history A refreshing dip into what we’ve learned about web typography over the past 20+ years.

As I contemplate a long-overdue redesign, it’s worth looking back at what we’ve learned about web typography over the past 20+ years.

A screenshot from the Cursor (cursor.com) changelog, which depicts improvements to MCP tools, enabling users to add images (such as screenshots) as additional context in prompts

Nice 🖼️ addition in @cursor.com.web.brid.gy - you can now add image files as context to MCPs, which will be great for deeper design-related prompting

www.cursor.com/en/changelog...

Better typography with text-wrap pretty Support for text-wrap: pretty just shipped in Safari Technology Preview, bringing an unprecedented level of polish to typography on the web.

text-wrap: pretty 🥹

webkit.org/blog/16547/b...

Writing design systems documentation Writing design systems documentation is a hands-on, half-day course on how to write documentation that people can find, understand and use.

Exciting news 📣

I've just released 2 new dates for my Writing design systems documentation training:

- 1:30-5pm UK time, 23 May: bit.ly/4lpG9Z2
- 9am-12:30pm UK time, 29 May: bit.ly/4j2rW2D

A half-day course that will teach you how to plan, write and test docs that users will actually read.

1/2

Not as excited as I am piccalil.li/mindful-design

We’re showcasing @fermyon.com Wasm Functions at Akamai’s booth during #KubeCon. Here’s @thorstenhans.bsky.social doing a demo.

Ah sorry to hear that 😬

Say hello to Fermyon Wasm Functions ⚡️

Incredibly fast serverless compute, running on Akamai's global cloud network.

✨ Figma MCP

Deploying this to add to my workflow

The Third Annual Wasm I/O Is Coming Up The premier WebAssembly conference happens at the end of March in Barcelona, Spain

The third annual Wasm IO is coming up soon, and we're so excited to be a part of the conference in Barcelona! We'll have a few sessions that you don't want to miss on March 27th & the 28th 📢 www.fermyon.com/blog/third-a...

Protect Your REST APIs with Service Chaining Communicate from one component to another without crossing the network, and lock down those REST APIs

Learn how to protect your REST APIs with service chaining. This blog walks through using Spin to build a multi-component app combining a JavaScript API and Python frontend. We also cover securing the API by making it private, allowing only internal calls: bit.ly/4kInCqs

may we all endeavor to go ham on the yarns like this ✨

wrote up some thoughts on how our interfaces are getting flatter, and how we might design with 💃 our bodies 🤸 in mind.

🧶 went ham on little yarn worlds

wattenberger.com/thoughts/our...

Sui Overflow 2025 Hackathon Join Sui Overflow 2025, a global online hackathon where developers, builders, and innovators come together to create on the Sui blockchain.

The interactions on this site are so delightful #designsky sui.io/overflow?utm...

a bumper sticker that reads 'Coexist'in a bunch of typefaces and icons that represent iconic metal genres

CoeXisT but make it metal 🤘🏻

#designsky

Microsoft Windows Xp Visual Guidelines Welcome + What's New About the Design Fonts Colors + Icons + Controls + Folders & Layouts FAQ Windows XP Visual Guidelines Fonts To improve visual interest and hierarchy, Windows XP uses some new typefaces and a variety of type sizes. To better support our Microsoft brand, we've introduced Franklin Gothic into the Windows XP user interface. Franklin Gothic Medium Franklin Gothic is used only for text over 14 point. Franklin Gothic is often used for headers, and should Franklin Gothic Medium Italic never be used for body text. Tahoma Verdana Tahoma is used as the system's default font. Tahoma should be used at 8, 9 or 11 point sizes. Verdana is used only for title bars of tear-off/floating palettes- Verdana Bold, 8 point. Trebuchet MS Trebuchet MS is used only for the title bars of windows- Trebuchet MS Bold, 10 point.

i've found it: the official Windows XP Visual Guidelines from 2001

#designsky

Countdown to (cloud native) conference season is well under way

Good luck w/ all the 📦📦📦

Where are you gonna call home on the west coast

Maybe it’s just me but all the people who says Figma is dead perhaps have only used Figma at the periphery. All the AI stuff is additive.

View over the Oakland Bay at sunset with peach and orange colored hues

late-winter bay area 🍨 sunsets