New AI UI spotted: Readymade categories for user feedback on AI experience (= failure cases) Source: kayak.ai by KAYAK I'm scouting new UX/UI patterns I find in the wild as more AI ships to production, for science 🧪 ➕ Follow for more #UX #UI #AI #appliedAI

New AI UI spotted: Clickable follow-up suggestions in AI chat Source: kayak.ai by KAYAK I'm scouting new UX/UI patterns I find in the wild as more AI ships to production, for science 🧪 ➕ Follow for more #UX #UI #AI #appliedAI

New AI user control spotted: Natural language filters Source: natural language filters on @bookingcom.bsky.social I'm scouting new UX/UI patterns I find in the wild as more AI ships to production, just for science 🧪 #UX #UI #AI #appliedAI

New AI user control spotted: generate product description Source: create new entry in leboncoin I'm scouting new UX/UI patterns I find in the wild as more AI ships to production, just for science 🧪 #UX #UI #AI #appliedAI

When to use WebMCP vs. MCP? 🤔 Use WebMCP to make your active website "agent-aware" by exposing UI tools directly in the browser. Use MCP for connecting agents to external data and services beyond the tab. Read more at: developer.chrome.com/blog/webmcp-... #WebMCP #MCP #AIAgents

New user control spotted: hit Space to trigger AI mode Source: edit note UI in @notion.com I'm scouting new UX/UI patterns I find in the wild as more AI ships to production, just for science 🧪 #UX #UI #AI #appliedAI

New AI user control spotted: `planning` vs `fast` mode 👀🏃🏻‍♀️ Source: user settings in Google Antigravity I'm scouting new UX/UI patterns I find in the wild as more AI ships to production, just for science 🧪 #UX #UI #AI #appliedAI

New user control spotted: AI personality slider 👀🔥 Source: user settings in @typefully.com I'll be tracking and sharing new UX patterns and UI components I find in the wild as more AI features ship to production, just for science #UX #UI #AI

Wise words for the flexible engineer in my inbox yesterday, in John Allsopp's Web Directions newsletter

Discovery is easy for music, but I find it hard for written ideas. LLMs have become great at suggesting (mostly real!) hi-quality, essays and books based on what I like. Including pre-web content. A fun use case and the positive pendant of web content quality decline concerns

ik present tense for git commit messages is right, still feels strange to me. Rationale I found: • matches with merge/revert commits • it's an order to the codebase to change behavior // if i could just give it orders i wouldn't need to commit code, should i think of my code as the order payload?

I've tried a few AI coding tools and wow I'm loving antigravity.google/ already. This especially:

I'm loving the MCPJam inspector. Best way for me to debug and test MCP servers. Open source, optional login, runs locally with a sleek UI, makes it a breeze to run/test/see multiple servers/tools all at once, plus preview across clients/models. 🍒 on the cake: new OAuth Debugger feature

My website is live 🛰️ After trying various stacks (jekyll eleventy astro etc), I landed back on a good old GH page for easy maintenance and low dependencies maudnals.github.io/

Friday read: As We May Think, Vannevar Bush, July 1945.

Friday watch: "Internet is the new rock & roll", David Bowie interview, 1999. "I think the potential of what the internet is going to do to society, both good and bad, is unimaginable. We're on the cusp...

Friday read: "Apples, porcupines, and the most obscure Bob Dylan song—is every topic a few clicks from Philosophy? Within Wikipedia, the answer is yes: nearly all paths lead to Philosophy.

My #GoogleIO talk "Practical built-in Al with Gemini Nano in Chrome" is live: youtu.be/CjpZCWYrSxM?.... Learn about the following new APIs and see partner demos: 🔮 Prompt API …with image input 🖼️ …with audio input 👂 …with textual input 🔤 🖊️ Writing Assistance APIs 🗣️ Translation API ✔️ Proofreading API

Practical built-in AI with Gemini Nano in Chrome

YouTube video by Chrome for Developers

youtu.be

"Your privacy is important to us and our 614 partners"

Testing painting on fabric. Some hits, some misses. Next up, I'd like to try and get a cleaner finish - using a finer brush, maybe tape

Friday read: "One tried-and-true — though often overlooked — trick for generating new ideas stands out. It may sound trivial, yet it is as reliable as it is simple: talk to someone. By talking with other people, we not only pool the information or ideas that each of us individually lacks,

Nap time project coming along - not pretty, but it works 👾 No database, this relies solely on Google's People API

Maud@maudnals.bsky.social · last yr.

I'd forgotten how much I enjoy coding purely for fun. Bringing ideas to life in my browser. When baby is napping I'm building a web app to help me better stay in touch with friends & fam 🖤

ECMAScript excitement 😉 Congrats to @chronicles.org on advancing the Enum proposal to Stage 1 at TC39 today 🎉 This aims to bring the good parts of TypeScript enums to JavaScript plus enhancements such as new datatypes & potentially runtime performance improvements 👍 github.com/tc39/proposa...

Friday read: "In the day-to-day trenches of adult life, there is no such thing as atheism. Everybody worships. The only choice we get is *what* to worship. Money. Things. Our own beauty or intellect. Power. These are our default settings, and these will eat you alive. [...]

Friday read: "One might imagine that a typical city does not host too many bugs; this walk was convincing me otherwise. Cities are not unnatural so much as they are *concentrated* nature [...]"

I'd forgotten how much I enjoy coding purely for fun. Bringing ideas to life in my browser. When baby is napping I'm building a web app to help me better stay in touch with friends & fam 🖤

CSS Wrapped 2024 one stop shop for the Chrome #CSS features launched in 2024! nerdy.dev/css-wrapped-...

Mayday! Mayday! We need a CSS hero to save our flight! 🛩️ (Spoiler: it involves a lot of frustrated yelling 😂) Watch and find out: youtube.com/shorts/E_3wm... #codinglife #CSS #DevToolsAI @matthiasrohmer.bsky.social

you can use CSS to detect not only when a form is :valid but also when it's been interacted with s/:valid/:user-valid 🤙 .group:has(:user-invalid) { --color: var(--invalid); } input:user-invalid + .error { display: block; }

Helge Ahrens@tylopilus.bsky.social · 2y ago

@jhey.dev I have read somewhere how to create custom validation messages of form fields without js. Do you have a reference at hand?

I announced it yesterday, but I'm very excited for the @httparchive.org's stream I'll be leading in under 2 weeks: ✨ The Web Almanac Live! ✨ We'll discuss findings re: how the web is built. Data collected over months of research across 17 million sites + published almanac.httparchive.org/en/2024/

The 2024 Web Almanac

The Web Almanac is an annual state of the web report combining the expertise of the web community with the data and trends of the HTTP Archive.

almanac.httparchive.org