iiinova — where your digital self keeps evolving

Reposted by Michael Warren

Rick Viscomi @rviscomi.dev · 29/09/2026

v0.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...

accessible-web-components: Make custom elements accessible by default, setting roles and ARIA state via the ElementInternals ARIA mixin, managing focus with delegatesFocus, and keeping ARIA relationships within a single shadow root.
custom-elements: Define, register, and manage the lifecycle of autonomous custom elements, covering constructor rules, lifecycle callbacks, upgrade timing, attribute/property reflection, and naming conventions.
form-associated-custom-elements: Make a custom control participate natively in forms with formAssociated and ElementInternals, submitting its own value, integrating with constraint validation, and reacting to reset, disable, and state-restore.
prerendering-custom-elements: Server-render a custom element, then hydrate it in place without re-rendering or a flash of unstyled content.
shadow-dom: Encapsulate a component's DOM and styles with Shadow DOM, construct the tree efficiently with HTML templates, and project consumer content with slots.
styling-web-components: Style across the shadow boundary with :host selectors, inherited and custom properties for theming, ::slotted and ::part, and cascade layers and container queries inside components.
web-components: Orientation and cross-cutting principles for authoring and using Web Components, covering Custom Elements, Shadow DOM, templates and slots, Declarative Shadow DOM, styling across the shadow boundary, Form-Associated Custom Elements, and accessibility requirements. Use this guide when building reusable UI components, design systems, or server-rendered custom elements.
avoid-redundant-large-asset-downloads: Avoid re-downloading and re-storing large shared assets, such as AI models, Wasm modules, or fully-bundled JavaScript libraries, that a visitor's browser may already hold from an unrelated site.
load-shared-resources-declaratively: Serve popular, unmodified scripts, stylesheets, and JavaScript modules from a shared cross-origin cache using markup or import syntax alone, witho…

New Guides
migrate-web-app-origin: Transfer an installed web app to a new origin while preserving user configuration and OS-level shortcuts.
local-network-access: Access resources on a user's local network or loopback interface from a public web application.
trusted-types: Help prevent DOM-based XSS attacks by ensuring all untrusted content is sanitized before being inserted into the page.
responsive-table: Build a data table that presents tabular data with proper header semantics, and remains readable and navigable on small screens and with assistive technologies.
spatial-navigation: Implement accessible spatial navigation using arrow keys that works correctly in different layout modes (grid etc)
cpp-on-the-web: Compile C/C++ to WebAssembly using Emscripten

Updated the animated-select-picker guide to advise using standard value attributes on <option> elements to ensure standard form submission behavior.
Updated the branded-select-styling guide to emphasize retaining standard value attributes on <option> elements to preserve default form submission behaviors.
Updated the custom-select-picker-layouts guide with guidance on using :open::picker(select) selectors, customizing the ::checkmark pseudo-element, wrapping <selectedcontent> in a <button>, and managing keyboard navigation and accessibility constraints for grid layouts.
Updated the rich-media-picker guide to clarify that standard value attributes should be maintained on <option> elements to preserve form submission functionality.
Updated the out-of-order-html-streaming guide to document the full suite of static and streaming DOM insertion methods, detailing built-in sanitizer behaviors, WritableStream integration, and processing instruction marker practices.
Updated the sanitize-untrusted-html guide to detail node manipulation patterns using Document.parseHTML() to avoid mutation XSS, explain child preservation rules via replaceWithChildrenElements, and provide aligned DOMPurify fallback configurations.
Updated…

Removed the prevent-text-wrapping guide.

HTML processing instructions: Added Chrome 150 and Edge 150 support in out-of-order-html-streaming.

A four-column table titled "Benchmark Evaluations" comparing unguided versus guided pass rates across 132 tasks and 1,124 assertions.

Row 1: codex_cli (gpt-5.6-sol) achieved a 59% unguided pass rate and an 81% guided pass rate, an uplift of +22 percentage points.

Row 2: claude_code (claude-sonnet-5) achieved a 54% unguided pass rate and an 87% guided pass rate, an uplift of +33 percentage points.

Row 3: antigravity (gemini-3.8-flash-medium) achieved a 65% unguided pass rate and a 91% guided pass rate, an uplift of +26 percentage points.

12210

Reposted by Michael Warren

Kevin Powell @kevinpowell.co · 29/09/2026

About a week ago I was talking with someone about the WordPress drama that had been going on what felt like about a year ago, and we were wondering how things were going... Apparently it's just getting even wilder 😅 www.youtube.com/watch?v=ylO0...

youtube.com

The most expensive 33 hours in WordPress history...

YouTube video by Fireship

5214

Reposted by Michael Warren

Web Awesome @webawesome.com · 29/09/2026

<wa-combobox> can pull options from your server now! Set a dataSource callback, get debounced fetch + loading/error/empty slots, and improve performance by not shipping thousands of options in your DOM.

143

Reposted by Michael Warren

Adrian Roselli, pH0 @aardrian.bsky.social · 28/09/2026

“OpenAI bots meddled with multiple US government agency sites” www.bbc.com/news/article... If only they were treated as Aaron Swartz was for far far less: en.wikipedia.org/wiki/United_... I’m on board with Lina Khan’s approach to lean on a 1934 precedent: www.theregister.com/ai-and-ml/20...

bbc.com

OpenAI bots meddled with US government agencies, including SEC and Census

OpenAI said its bots accessed public data from a range of institutions during test exercises.

244

Reposted by Michael Warren

Kevin Powell @kevinpowell.co · 28/09/2026

Ever double-tapped a button on your phone and had the page zoom in? In this post over on @piccalil.li, @bell.bz looks at a simple CSS one-liner of `touch-action: manipulation` to prevent that, rather than messing with the viewport meta. piccalil.li/blog/stop-bu...

piccalil.li

Stop buttons triggering zoom when they’re double tapped

It’s annoying when your browser zooms if a button is rapidly tapped. There’s actually a really simple fix and no, you don’t have to prevent all zooming with a meta tag!

3327

Reposted by Michael Warren

Kevin Powell @kevinpowell.co · 28/09/2026

Excited to see we'll eventually have responsive iframes. It's a one-liner in CSS with `frame-sizing: content-height;` but it does require a meta tag to opt-in from the embedded doc as well. Currenly only behind a flag in Chrome, but will be nice to have once it starts landing.

developer.chrome.com

Responsive iframes in Chrome 154 | Blog | Chrome for Developers

Chrome 154 adds support for responsively-sized iframes, letting an iframe size itself based on the intrinsic size of its embedded document.

2506

Michael Warren @michaelwarren.dev · 28/09/2026

i have had many colorful <aside>s in meetings i tell ya

010

Reposted by Michael Warren

comiCSS @comicss.art · 28/09/2026

The latest comiCSS strip is about web accessibility and my "love" for meetings. It was inspired by a Twonks cartoon, giving it a web development/accessibility twist. comicss.art/comics/259/ As usual, it is coded using HTML and CSS. #comic #cartoon #accessibility #humor #joke #a11y

Comic with 4 panels stacked vertically. They all show a meeting room with 5 people sitting around a table. The lead says "before starting the meeting, let's introduce ourselves and go through the 31-point agenda", everybody else look concerned. One of them presses tab on their laptop, a "skip to main content" links pop up and he presses enter while all look surprised. Then the lead says "Ok. So let's start with the main topic" and everybody has a smile on their faces.

1286

Michael Warren @michaelwarren.dev · 28/09/2026

“I forgot to charge anyone an entry fee. That’s on me. you’re right to be angry that you’ll have to pay for everything out of pocket.”

000

Michael Warren @michaelwarren.dev · 27/09/2026

ok i might be crazy, but what would it take to try to pull this off for real?

100

Michael Warren @michaelwarren.dev · 27/09/2026

ok, i have a new life goal. hang with all my tech cool kid bluesky follows some how. you’re next! haha let’s make a plan!

110

Michael Warren @michaelwarren.dev · 27/09/2026

i only ever watch cable tv when i’m staying in a hotel, which i don’t often do. is “regular tv” always this bad or is it the hotel? gotta say, if this is tv, i’ll take youtube any day lol. this shit is awful

030

Reposted by Michael Warren

Kevin Powell @kevinpowell.co · 25/09/2026

CSS keeps getting better and better, but the problem with hearing about amazing new features is that we're stuck not being able to use them for a few years because of browser support. So, this week I looked at a bunch of well-supported CSS features that I still see people turn to JS for.

youtu.be

Use these CSS features instead of JavaScript

YouTube video by Kevin Powell

5595

Reposted by Michael Warren

Justin Fagnani @justinfagnani.com · 25/09/2026

Holy crap. Lit team member @rictic.com used Claude to create a "How lit-html renders" video and it's frankly... jaw-dropping. Yes, it's a lot like my talk intro'ing lit-html, but that was a good talk! This is deeper, more clear, and has great visuals. lit-html-series-v1.a1.demo.rictic.com/renders/

lit-html-series-v1.a1.demo.rictic.com

How lit-html renders

An explainer video: one lit-html template, from the code you write to the DOM. Prepare, create, update, and the caches in between.

6336

Reposted by Michael Warren

Cory LaViska @cory.laviska.com · 25/09/2026

An honor, sir! Can’t wait to do it again. If you’re in the design system space, give @michaelwarren.dev a follow.

042

Michael Warren @michaelwarren.dev · 25/09/2026

Finally got to hang out with one of the cool kids in person! @cory.laviska.com it was great to finally get to meet you in person! It’s literally been years!

1120

Reposted by Michael Warren

Jen Simmons @jensimmons.bsky.social · 24/09/2026

Assuming the quality efforts that went into Safari 26.4, 26.5, 27.0 were some kind of one-and-done project? Nope! Just look at all the improvements in Safari Technology Preview 253. webkit.org/blog/18357/r...

webkit.org

Release Notes for Safari Technology Preview 253

Safari Technology Preview Release 253 is now available for download for macOS Golden Gate and macOS Tahoe.

1253

Michael Warren @michaelwarren.dev · 24/09/2026

the end result of AI might be giving some people what they want, but is it enough to offset the cost? people are also actively fighting data centers, companies are rehiring people they fired etc. will AI have the infrastructure it requires? i’m not sure, but i don’t think it’s a guarantee

100

Michael Warren @michaelwarren.dev · 24/09/2026

imo, im not “grieving” the loss of the old world cuz i dont know if its indeed lost yet. none of us do. but i do question why folks are all acting like AI is permanent and inevitable. what data is there to suggest that conclusion if any? imo that assumption itself is a product of the hype train

200

Michael Warren @michaelwarren.dev · 24/09/2026

i don’t think we take enough stock in the fact that society can unmake apparent inevitability sometimes. i’m sure people in the 1920s thought that prohibition was inevitable and permanent too etc. these companies could fail, the economics of current AI could render it not worth it.

110

Michael Warren @michaelwarren.dev · 24/09/2026

every time i see articles like this, even though they are well-written, they always seem to presume the inevitability of AI. i question that assumption. how do we know AI is inevitable enough for our feelings about to be considered grief? i don’t think we know if it’s inevitable or not.

100

Reposted by Michael Warren

Cory LaViska @cory.laviska.com · 23/09/2026

Looks like Interop 2027 proposals close today. Got a web platform gap that still burns (CSS, a11y, web components)? File or boost an issue before the window shuts. webkit.org/blog/18283/s...

webkit.org

Submit your ideas for Interop 2027

It’s that exciting time of year again when we start considering Interop proposals for next year!

153

Reposted by Michael Warren

Andy Bell @bell.bz · 22/09/2026

The @piccalil.li PRICEFALL event ends at midnight UTC so there's still time to save 80 big ones piccalil.li/courses/

Autumn sale, September 8th until September 22nd.

35% off all courses.

Save over £80 with code “PRICEFALL”

165

Michael Warren @michaelwarren.dev · 22/09/2026

I am also Web Components Man

110

Michael Warren @michaelwarren.dev · 22/09/2026

i know i’ve been able to do it, i just never found the time to actually do it and see how my system consumers liked the approach

000

Michael Warren @michaelwarren.dev · 22/09/2026

Continuous Infection / Continuous Decongestant

010

Reposted by Michael Warren

shoptalkshow.com @shoptalkshow.com · 21/09/2026

733: Treadmills, Bass Guitars, and Testing Web Components We're talking treadmill and musical gear, software maintenance, dependency management, technical debt, testing web components, and CSS-Tricks hot drama.

shoptalkshow.com

733: Treadmills, Bass Guitars, and Testing Web Components

We're talking treadmill and musical gear, software maintenance, dependency management, technical debt, testing web components, and CSS-Tricks hot drama.

182

Michael Warren @michaelwarren.dev · 22/09/2026

kinda. the pre-ssr styles don’t 100% duplicate the shadow dom styles. at least i don’t think they do. at the very least it’s different selectors. x-button {} instead of :host etc. and you really only need the default states representable via ssr, not every state

100

Michael Warren @michaelwarren.dev · 22/09/2026

and one-liner packages that just figure out if something is even or odd will be disallowed right?

000

Michael Warren @michaelwarren.dev · 22/09/2026

this is so good! I played today’s puzzle, and it’s a good amount of deep logic! lots of fun!

020

Michael Warren @michaelwarren.dev · 22/09/2026

gah! css’ only weakness…form elements…!

000

Michael Warren @michaelwarren.dev · 22/09/2026

did you tell it that it’s a weird constellation of fucking bullshit most of the time? lol

000

Michael Warren @michaelwarren.dev · 22/09/2026

you can write “pre-ssr” styles this way too and avoid FOUC when there is JS coming.

110

Michael Warren @michaelwarren.dev · 22/09/2026

then consumers can get used to custom elements in their apps even if there’s no js or custom element definition. and attr styling, as you said, makes a *chefs kiss* great styling API surface and the only trade is slightly longer selectors

200

Michael Warren @michaelwarren.dev · 22/09/2026

i’ve wanted to do this in my systems for ages! imo the global styles from the design system should/could be written to style the same elements/api/approach as the js-backed elements that way the system has a consistent convention regardless of whether or not the lcomponent” is a js one or css one

200

Reposted by Michael Warren

Vale @vale.rocks · 21/09/2026

This is an extremely odd article from WIRED. It almost seems to be trying to fabricate some sort of culture war around CSS? Bizarre.

14456

Michael Warren @michaelwarren.dev · 21/09/2026

give this a listen when you have the time! turns out @davatron5000.bsky.social is a pretty good author of more than just web components :)

010

Michael Warren @michaelwarren.dev · 19/09/2026

we gonna make is= a thing whether safari wants us to or not hahaha! let’s go!

040

Reposted by Michael Warren

Nathan Knowler @knowler.dev · 19/09/2026

nazi devs fuck off.

2629

Michael Warren @michaelwarren.dev · 19/09/2026

actually, i think it was the 2004 game actually! we didn’t play it in 2004, but i think it was a gamecube game that the Wii was backwards compatible with? I just remember that it was so great to use the wii motes to actually swing.

110