Cory Rylan @coryrylan.com · 29/09/2026If anyone claims "X method/idea is dead" immediately treat anything they say with a healthy dose of skepticism. 001
Reposted by Cory RylanRick Viscomi @rviscomi.dev · 29/09/2026v0.0.191 of Modern Web Guidance is out and it's a big one! *16* new guides covering: web components by @castastrophe.bsky.social Cross-Origin Storage by @tomayac.com security by @rowan.fyi UI and PWA by @jamessw.com and @sturobson.com Wasm by @sbc100.bsky.social github.com/GoogleChrome... 12210
Reposted by Cory RylanLea Verou, PhD @lea.verou.me · 25/09/2026Oldie but goodie: Don't listen to users (watch them!). I can’t count the number of times I had to explain this to well-meaning engineers, who thought the way to good UX was asking users what they prefer. www.nngroup.com/articles/fir...nngroup.comFirst Rule of Usability? Don't Listen to UsersFor good UX, watch what users do, not what they say. Self-reported claims and speculations about future behavior are unreliable. Users do not know what they want. 37215
Reposted by Cory RylanCory Rylan @coryrylan.com · 12/09/2026NVIDIA Elements #WebComponentsgithub.comGitHub - NVIDIA/elements: NVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous VehiclesNVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles - NVIDIA/elements 074
Reposted by Cory RylanCory Rylan @coryrylan.com · 24/09/2026Very cool new viewport #WebComponent added to NVIDIA Elements. Leverages the Invoker Commands API. nvidia.github.io/elements/doc... 261
Reposted by Cory RylanJauntyWunderKind @jauntywunderkind.bsky.social · 24/09/2026This is so sick! I love that commands are now part of the event model of the web! Thanks @keithamus.social!! 031
Reposted by Cory RylanJauntyWunderKind @jauntywunderkind.bsky.social · 24/09/2026That invocation has hopped from JS to the DOM layer is earth shattering, makes the page model 10x more crucial & exciting. So awesome seeing this canvas embrace that! Thanks @keithamus.social for the hard work building invoker/commands! 082
Cory Rylan @coryrylan.com · 24/09/2026Can also programmatically control/animate within the viewport 020
Cory Rylan @coryrylan.com · 24/09/2026Very cool new viewport #WebComponent added to NVIDIA Elements. Leverages the Invoker Commands API. nvidia.github.io/elements/doc... 261
Reposted by Cory RylanJustin Fagnani @justinfagnani.com · 23/09/2026Firefox's new design ships September 29. And did you know... The Firefox UI is built with Lit? A web browser built with web components! 🔥 28613
Reposted by Cory RylanKeith Cirkel @keithamus.social · 19/09/2026I want Custom Attributes to exist - think Custom Elements (Web Components) but Attributes. I've been working on a proposal, specs, and now a polyfill: www.keithcirkel.co.uk/custom-attri... More coming soon!keithcirkel.co.ukCustom Attributes polyfill 79723
Cory Rylan @coryrylan.com · 12/09/2026NVIDIA Elements #WebComponentsgithub.comGitHub - NVIDIA/elements: NVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous VehiclesNVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles - NVIDIA/elements 074
Cory Rylan @coryrylan.com · 03/09/2026What's new in NVIDIA Elements: August 2026 nvidia.github.io/elements/doc... #WebComponentsnvidia.github.ioWhat’s new in NVIDIA Elements: August 2026 | NVIDIA ElementsAugust standardizes icons, adds new formatting and media capabilities, and improves template validation for agents. Includes practical NVIDIA Elements guidance. 120
Reposted by Cory RylanJustin Fagnani @justinfagnani.com · 24/08/2026Native CSS modules are coming to WebKit!! github.com/WebKit/WebKi... WebKit is the last major browser engine to add support, so we'll get to baseline support soon. Servo supports them too 😎github.comImplement CSS module scripts by tuankiet65 · Pull Request #72110 · WebKit/WebKit32d0e5b Implement CSS module scripts rdar://80917329 https://bugs.webkit.org/show_bug.cgi?id=227967 Reviewed by NOBODY (OOPS!). This patch implements importing CSS stylesheets as JavaScript modul... 25615
Reposted by Cory RylanDave Rupert @davatron5000.bsky.social · 19/08/2026🚀 I made a smol ~2kb syntax highlighter that uses the CSS `::highlight()` API. davatron5000.github.io/microlighter/davatron5000.github.ioMicroLighter - A zero-dep syntax highlighter 619438
Cory Rylan @coryrylan.com · 19/08/2026Upgraded the home lab! Dual DGX Sparks, one running models for personal/home assistant and second running coding related tasks. 030
Reposted by Cory RylanCory Rylan @coryrylan.com · 12/08/2026What’s new in NVIDIA Elements: July 2026 nvidia.github.io/elements/doc... #WebComponentsnvidia.github.ioWhat’s new in NVIDIA Elements: July 2026 | NVIDIA ElementsJuly adds the Gauge component, expands design linting, and improves editor metadata, typography, and interactive component behavior. Includes practical NVIDIA. 041
Cory Rylan @coryrylan.com · 12/08/2026What’s new in NVIDIA Elements: July 2026 nvidia.github.io/elements/doc... #WebComponentsnvidia.github.ioWhat’s new in NVIDIA Elements: July 2026 | NVIDIA ElementsJuly adds the Gauge component, expands design linting, and improves editor metadata, typography, and interactive component behavior. Includes practical NVIDIA. 041
Reposted by Cory RylanIntentToShip @intenttoship.dev · 16/07/2026Blink: Intent to Prototype: CSS mixinsgroups.google.comBlink: Intent to Prototype: CSS mixinsBlink: Intent to Prototype: CSS mixins 03510
Reposted by Cory RylanLeon Derczynski @leonderczynski.bsky.social · 21/07/2026I 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-...developer.nvidia.comCreate a LangChain Deep Agents Harness Profile for NVIDIA Nemotron 3 Ultra to Improve Performance | NVIDIA Technical BlogAgentic 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… 031
Reposted by Cory RylanJoey Arhar @josepharhar.bsky.social · 14/07/2026Hi! 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) 2211623
Reposted by Cory RylanAlan B Smith @alanbsmith.bsky.social · 11/07/2026As 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. 131
Reposted by Cory RylanCory Rylan @coryrylan.com · 05/07/2026Learning 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/nvidia.github.ioElements Lint | NVIDIA ElementsESLint rules for NVIDIA Elements: catch missing slots, unknown attributes, deprecated tags, and other authoring mistakes at lint time. Includes practical. 121
Cory Rylan @coryrylan.com · 05/07/2026Learning 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/nvidia.github.ioElements Lint | NVIDIA ElementsESLint rules for NVIDIA Elements: catch missing slots, unknown attributes, deprecated tags, and other authoring mistakes at lint time. Includes practical. 121
Reposted by Cory RylanCory LaViska @cory.laviska.com · 30/06/2026“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...davidpoblador.comThe Descent — What Happened to the Frontend While You Weren't WatchingThe 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. 94911
Reposted by Cory RylanJacques Newman @jacquesnewman.bsky.social · 02/07/2026focusgroup 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...developer.chrome.comNew in Chrome 150 | Blog | Chrome for DevelopersCSS text-fit property, Focusgroup declarative keyboard navigation, and CSS background-clip border-area. 5328
Reposted by Cory RylanLea Verou, PhD @lea.verou.me · 02/07/2026When 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.static.klipy.comTkt Smart Meme: Think SmartALT: Tkt Smart Meme: Think Smart 1699
Reposted by Cory RylanBurton Smith @stuffbreaker.bsky.social · 30/06/2026I'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...wc-toolkit.comCEM Analyzer PluginVite/Rollup/Webpack plugins to run Custom Elements Manifest Analyzer 2111
Reposted by Cory RylanDave Rupert @davatron5000.bsky.social · 29/06/2026🚀 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.combundlejs - Online bundler + npm package size checkerA 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. 1264
Reposted by Cory RylanJohn Kreitlow @john.kreitlow.rocks · 30/06/2026🎉 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.devweb-components.fluentui.devFluent UI Web ComponentsFluent UI Web Components is a set of UI components and utilities built with web standards. 2192
Reposted by Cory RylanIntentToShip @intenttoship.dev · 24/06/2026Gecko: Intent to Prototype: text-box-trim / text-box-edgegroups.google.comGecko: Intent to Prototype: text-box-trim / text-box-edgeGecko: Intent to Prototype: text-box-trim / text-box-edge 04910
Reposted by Cory RylanCory Rylan @coryrylan.com · 24/06/2026🎉 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.github.ioNVIDIA Design System for AI UI | NVIDIA ElementsNVIDIA Elements Design System: framework-agnostic Web Components, design tokens, CLI, MCP, skills, and lint tooling for AI infrastructure, robotics, and autonomous vehicle UI. 5315
Reposted by Cory RylanBurton Smith @stuffbreaker.bsky.social · 23/06/2026I'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...wc-toolkit.comVue.js Types GeneratorGenerate Vue.js types for custom elements / web components 171
Cory Rylan @coryrylan.com · 24/06/2026🎉 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.github.ioNVIDIA Design System for AI UI | NVIDIA ElementsNVIDIA Elements Design System: framework-agnostic Web Components, design tokens, CLI, MCP, skills, and lint tooling for AI infrastructure, robotics, and autonomous vehicle UI. 5315
Reposted by Cory RylanLuca Casonato 🏳️🌈 @lcas.dev · 17/06/2026What's this, a new HTML proposal? Built-in localized time formatting in HTML! github.com/whatwg/html/... 1942657
Reposted by Cory RylanCharity Majors @charity.wtf · 15/06/2026I 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...charitydotwtf.substack.comAI demands more engineering discipline. Not lessIf you lived through the shift from handcrafted server pets to immutable infrastructure, you should sense something oddly familiar about what's happening now. 911734
Reposted by Cory RylanCSS by T. Afif @css-only.dev · 16/06/2026A 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 🪄 824321
Reposted by Cory RylanLea Verou, PhD @lea.verou.me · 12/06/2026As @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... 78016
Reposted by Cory RylanUna Kravets @una.im · 09/06/2026Customizable select is coming to Safari 27! 🥳 Want to try it out? Check out my demo collection: codepen.io/collection/B... 411012
Cory Rylan @coryrylan.com · 17/04/2026Welp used 50% of my usage just trying to get through the setup of Claude Design...Guess I'll try again next week 😅 100
Reposted by Cory RylanJustin Fagnani @justinfagnani.com · 18/03/2026Nice 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. 4438
Reposted by Cory RylanUna Kravets @una.im · 30/01/2026Finally 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 712213
Reposted by Cory RylanJoni Korpi @jonikorpi.com · 20/01/2026More people need to know about lit-html. (It’s not a framework or a web components thing.) lit.dev/docs/librari...lit.devUsing lit-html standalone – LitSimple. Fast. Web Components. 3225