Blink: Intent to Prototype: CSS mixins
Blink: Intent to Prototype: CSS mixins
Blink: Intent to Prototype: CSS mixins
groups.google.com
Cory Rylan
@coryrylan.com
Building UI @NVIDIA Robotics and Autonomous Vehicles Infra. Software Developer. Web Component & Design System enthusiast. https://coryrylan.com https://nvidia.github.io/elements/
Blink: Intent to Prototype: CSS mixins
Blink: Intent to Prototype: CSS mixins
Blink: Intent to Prototype: CSS mixins
groups.google.com
I don't know how many ways to say this but - stop looking at model performance - it's almost all in the harness - decent harness can easily outclass top model evidence item #71625: developer.nvidia.com/blog/create-...
Create a LangChain Deep Agents Harness Profile for NVIDIA Nemotron 3 Ultra to Improve Performance | NVIDIA Technical Blog
Agentic systems often face a trade-off between accuracy and cost. The highest-performing proprietary frontier models and harnesses provide top accuracy but are expensive. Fine-tuning offers one way…
developer.nvidia.com
Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts? (Both currently in Canary w/flag)
As a design system leader, you have to continuously prove the value you provide. But you also need the support of leaders who truly believe in your autonomy and intrinsic value of your system.
Learning from building agent-facing design system tooling: the highest-leverage thing isn't smarter agents, it's a deterministic rules they can be checked against. Lint rules > style guides for this. No ambiguity, just pass/fail. nvidia.github.io/elements/docs/lint/
Elements Lint | NVIDIA Elements
ESLint rules for NVIDIA Elements: catch missing slots, unknown attributes, deprecated tags, and other authoring mistakes at lint time. Includes practical.
nvidia.github.io
Learning from building agent-facing design system tooling: the highest-leverage thing isn't smarter agents, it's a deterministic rules they can be checked against. Lint rules > style guides for this. No ambiguity, just pass/fail. nvidia.github.io/elements/docs/lint/
Elements Lint | NVIDIA Elements
ESLint rules for NVIDIA Elements: catch missing slots, unknown attributes, deprecated tags, and other authoring mistakes at lint time. Includes practical.
nvidia.github.io
“The frontier of 2026, the stuff the sharpest people are most excited about, is render the HTML on the server, ship almost no JavaScript, and use the web platform instead of fighting it.” davidpoblador.com/deep-dives/t...
The Descent — What Happened to the Frontend While You Weren't Watching
The last time you wrote a frontend it was a <button> and an FTP upload. Spare twenty minutes and get up to speed on everything the web did while you looked away. By David Poblador i Garcia.
davidpoblador.com
focusgroup has shipped in chromium 150! developer.chrome.com/blog/new-in-... Its been a long time coming, glad to have been able to get this out the door! Also note that there polyfill ready to go: www.npmjs.com/package/@mic...
New in Chrome 150 | Blog | Chrome for Developers
CSS text-fit property, Focusgroup declarative keyboard navigation, and CSS background-clip border-area.
developer.chrome.com
When I say that modularity & composability are now crucial as large, coupled codebases consume more context, I see raised eyebrows. Meanwhile, they are constantly running out of tokens while I haven't hit a usage limit in months. If you think architecture no longer matters, joke’s on you.
Tkt Smart Meme: Think Smart
ALT: Tkt Smart Meme: Think Smart
static.klipy.com
I'm excited to announce WC Toolkit's new CEM Analyzer Plugin for Vite, Rollup, Rolldown, or Webpack builds. ✅ Auto-runs on build 🔁 Reruns on file changes 🔧 Zero config — auto-discovers your CEM config file #WebComponents #webdev #frontend #javascript wc-toolkit.com/cem-utilitie...
CEM Analyzer Plugin
Vite/Rollup/Webpack plugins to run Custom Elements Manifest Analyzer
wc-toolkit.com
🚀 Last week my team released FASTElement v3. Tons to say but one small bit I want to highlight is: it's smaller! A before/after for a basic FASTElement (with common features like `attr`, `html`, `css`)... v2.10.5 → 63.6 kB (19.3 kB gzip) v3.0.0 → 45.5 kB (13.9 kB gzip) bundlejs.com?q=%40microso...
bundlejs - Online bundler + npm package size checker
A quick and easy way to bundle, minify, and compress (gzip and brotli) your ts, js, jsx and npm projects all online, with the bundle file size.
bundlejs.com
🎉 Fluent Web Components v3.0.0 is published! (More compelling details about this huge milestone will be shared in the coming days, from folks who are better at making announcements than me) web-components.fluentui.dev
Fluent UI Web Components
Fluent UI Web Components is a set of UI components and utilities built with web standards.
web-components.fluentui.dev
Gecko: Intent to Prototype: text-box-trim / text-box-edge
Gecko: Intent to Prototype: text-box-trim / text-box-edge
Gecko: Intent to Prototype: text-box-trim / text-box-edge
groups.google.com
🎉 NVIDIA Elements is now open source. After years of work + API hardening, it's stable enough to share. A framework-agnostic design system for AI/ML robotics & autonomous vehicle UIs. Web Components that run in any stack, plus CLI/MCP/Skills/lint tooling. nvidia.github.io/elements/
NVIDIA Design System for AI UI | NVIDIA Elements
NVIDIA Elements Design System: framework-agnostic Web Components, design tokens, CLI, MCP, skills, and lint tooling for AI infrastructure, robotics, and autonomous vehicle UI.
nvidia.github.io
I'm excited to announce the new WC Toolkit #WebComponents type generator for @vuejs.org! This provides inline documentation, autocomplete, and API validation. wc-toolkit.com/integrations...
Vue.js Types Generator
Generate Vue.js types for custom elements / web components
wc-toolkit.com
🎉 NVIDIA Elements is now open source. After years of work + API hardening, it's stable enough to share. A framework-agnostic design system for AI/ML robotics & autonomous vehicle UIs. Web Components that run in any stack, plus CLI/MCP/Skills/lint tooling. nvidia.github.io/elements/
NVIDIA Design System for AI UI | NVIDIA Elements
NVIDIA Elements Design System: framework-agnostic Web Components, design tokens, CLI, MCP, skills, and lint tooling for AI infrastructure, robotics, and autonomous vehicle UI.
nvidia.github.io
Oh snort that happened fast.
As @una.im just mentioned in her #cssday talk, the CSS WG recently resolved to insert a ⓘ after EVERY SINGLE INTEREST INVOKER on touchscreens. Here’s a mock of what this would look like for bsky. This is the issue to let the CSS WG know what you think: github.com/w3c/csswg-dr...
What's this, a new HTML proposal? Built-in localized time formatting in HTML! github.com/whatwg/html/...
I think AI is the best opening we've ever had to bring our engineering values to the mainstream, instead of the top single-digit-percent of teams it's always been. But nondeterminism will take more engineering discipline. Not less. charitydotwtf.substack.com/p/ai-demands...
AI demands more engineering discipline. Not less
If you lived through the shift from handcrafted server pets to immutable infrastructure, you should sense something oddly familiar about what's happening now.
charitydotwtf.substack.com
A diagram with various nodes and connectors? Yes, doable with pure CSS. Another demo powered by modern features! css-tip.com/node-connect... Regardless of the node's position, the connectors will adjust their shape and position for optimal connection 👀 Drag the elements and see the magic 🪄
As @una.im just mentioned in her #cssday talk, the CSS WG recently resolved to insert a ⓘ after EVERY SINGLE INTEREST INVOKER on touchscreens. Here’s a mock of what this would look like for bsky. This is the issue to let the CSS WG know what you think: github.com/w3c/csswg-dr...
Customizable select is coming to Safari 27! 🥳 Want to try it out? Check out my demo collection: codepen.io/collection/B...
Welp used 50% of my usage just trying to get through the setup of Claude Design...Guess I'll try again next week 😅
Nice result in @zeroheight.com's 2026 Design Systems Report: report.zeroheight.com#your-tools Web components are the second-most used "framework" among the respondents. This makes sense: if you build web components you support all the frameworks. Otherwise, you'd probably only support React.
Finally solving the tooltip arrow usecase with a new CSS property called border-shape ⚠️ WIP early-stage API, timeline TBD, more info coming soon But it brings a lil tear to my eye to see this working, border & all 🥲 This demo uses anchored container queries + border-shape + a little animation
More people need to know about lit-html. (It’s not a framework or a web components thing.) lit.dev/docs/librari...
Using lit-html standalone – Lit
Simple. Fast. Web Components.
lit.dev
I don't know who needs to hear this, but when it comes to web performance, if you're measuring in seconds, you're admitting defeat.
Want to understand the terminal? 🌀 How Terminals Work: how-terminals-work.vercel.app 🍀 Learn how terminal emulators and TUIs work through interactive demos. 💯 Explore the grid model, escape sequences, keyboard input & more. #terminal #tui #devtools #learning #opensource