Looks like you're shipping on a Friday! Bold move. We respect that. 🫡 <wa-random-content> shows a different message on every load so your tips and taunts stay fresh. webawesome.com/create/L89Wh...

Shipping on a Friday | Create

wa-random-content picks a new Friday-shipping quip every load. Hit Another one to shuffle.

webawesome.com

OMG!! WebKit has implemented CSS Mesh Gradients in a preliminary form. You should be able to try it out in the next version of Safari TP. github.com/WebKit/WebKi...

Yo dawg. I heard you like HTML slide decks. So I put a presenter view custom element in your slide, so you can have a slide in your presenter view, in your slide, in your presenter view...

Thanks! Loved the paper and Ravi’s demo at HATRA! Here’s it combined with some of @disconcision.com’s refactoring work. It needs some better transitioning between states.

meridian: a web-browser built on GPUI and servo something i've been poking at in my free time, works on macos! tangled.org/oppi.li/meri...

A decision model that lives in a browser tab: type a Bluesky handle and a 10 MB model on your GPU says person, bot, org or feed, and how it posts about AI. Claude Sonnet labelled 1,842 accounts for $15; a 17M-parameter model learned to give Sonnet's answer 92% of the time. Write-up · Try it

Just landed runtime contracts in @zena-lang.dev today! It adds pre and postconditions, loop invariants, & a `debug` modifier to remove them in prod. More correctness features that are great for agentic coding workflows. Next up, units of measure and dimensional analysis! Would you use this? wdyt?

Safari Technology Preview 256 shows `::slotted()` styles and shadow DOM parts in the Web Inspector! webkit.org/blog/18602/r...

Release Notes for Safari Technology Preview 256

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

webkit.org

why let Safari have all the "adaptive dark mode" fun when we've got CSS‽

Found an old menu concept for Playmaker from 2020 I now wish I had kept. I still like how the bubbles agitate the water’s surface when they pop.

🤷‍♂️ I Am Not A Developer Or An Accessibility Specialist. Hire me? heydonworks.com/article/i-am...

I am not a developer or an accessibility specialist. Hire me?

About being a so-called unicorn and its value.

heydonworks.com

🌶️ HTML should've had includes 25 years ago. We got tired of waiting.

Thanks to modern #CSS, we can think of markup as data structures: a <ul> becomes an array, a grid a spreadsheet. With custom properties and container queries, we can borrow the browser's layout algorithms to power our styles. New blog! noscript.ing/compute ✨

Computing with CSS Layout

Bulk math from the browser’s own layout algorithms.

noscript.ing

What is involved in scaling up large, popular products at places like Slack and GitHub? We get an insider’s view on this from Maude Lemaire, a principal engineer and author of ‘Refactoring at Scale.’ Formerly at Slack, GitHub, Cursor YouTube: youtu.be/x6WqD4qHxSc (cont'd)

We've just merged the new HTML Streaming APIs into the HTML Living Standard! This follows the <template for> and non-streaming APIs we merged already. So that's everything we wrote about here standardised AND released in Chrome now! Plus people are working on implementations for Firefox and Safari.

Barry Pollard@tunetheweb.com · 4mo ago

You can read more about it here: developer.chrome.com/blog/declara... I'm really excited to see this starting to land as honestly believe it will change the way we write HTML (whether directly, or through frameworks!!). And now it's starting to land you can think about starting to use it for real!

Taming Typography: Building a Modern CSS Reset Stu created tidy-typography.css: a style reset for taming typography with modern CSS features for everything from fluid typography and vertical rhythm, to hyphens and variable fonts. https://css-tricks.com/taming-typography-modern-css-reset/

Taming Typography: Building a Modern CSS Reset

Stu created tidy-typography.css: a style reset for taming typography with modern CSS features for everything from fluid typography and vertical rhythm, to hyphens and variable fonts.

css-tricks.com

Blink: Intent to Prototype: MutationObserver reflection for <template for>

Sprinkle a little if(), a style query, and some sibling-index() and we get a conditional way to use :nth-child(), as @css-only.dev shows us. css-tricks.com/re-implement...

I put together a build video for my tabletop computer. Made out of a 55" TV, 43" IR touch frame and Mini PC:

In September, Valve released the Steam Frame, a lightweight virtual reality headset for gaming that supports nearly all games in the Steam catalog. Join us as we reveal some contributions made by Igalians to help advance the world of gaming! #steamframe #gaming #vr www.igalia.com/2026/11/stea...

A Year Inside the Steam Frame’s Graphics Stack | Igalia

Igalia is an open source consulting firm specialised in the development of innovative projects and solutions. Our engineers have expertise in a wide range of technological areas, including browsers and client-side web technologies, graphics pipeline, compilers and virtual machines. We have the most WPE, WebKit, Chromium/Blink and Firefox expertise found in the consulting business, including many reviewers and committers. Igalia designs, develops, customises and optimises GNU/Linux-based solutions for companies across the globe. Our work and contributions are present in many projects such as GStreamer, Mesa 3D, WebKit, Chromium, etc.

igalia.com

I'm announcing @bytebinding.com, a modern EPUB editor that helps you make your ebooks the way you want them. 💅 WYSIWYG editing 🎨 Global and element styles 🔠 Custom fonts 🖥️ Windows, Linux, macOS support 📵 Fully offline 🎟️ One-time purchase Learn more: bytebinding.com 💙📚

"To me this is one of the more interesting charts. In a sense, the whole point of a framework is to reduce the amount of code you need to maintain." From Nolan Lawson's "The AI cost of JavaScript frameworks" nolanlawson.com/2026/10/28/t...

being really good with computers is an absolutely incredible skill because it lets you make your own life unnecessarily complicated in ways normal people could never imagine

I have finally moved away from Utopia for typography scaling and now apply the #CSS progress function on my site. I’ve been meaning to resolve the inconsistent text scale for some time. I want to give a big thanks to @kevinpowell.co for a great video. Next up is updating the spacing scale 💪.

Nilesh Prajapati@nileshprajapati.com · 2w ago

#CSS Progress - The easiest way to do fluid type now by @kevinpowell.co Exciting Video, Great explanation on the progress function and its use case. When I originally looked at this progress function, it didn’t click for me at first a few months ago.

The Factory Kit contains over 140 models to create all kinds of factories, warehouses and contraptions! It's public domain, completely free and human-made. Download: kenney.nl/assets/facto...

HYPERBLAM can now do synths!! It takes a hybrid approach and integrates with existing effects and automations. ✅ Pros: - Create anything from a theramin to complex, evolving pads (examples: hyperblam.how/examples/#sy...) ❌ Cons: - A massive payload of ~6KB 😉 Guide: hyperblam.how/guides/synth...

Examples

Documentation for HyperBlam. Make HTML make music.

hyperblam.how

filed a few followups to this, for interested folks: github.com/11ty/elevent... github.com/11ty/plugin-...

Giant XSLT warning in Chrome · Issue #264 · 11ty/eleventy-base-blog

Related https://bsky.app/profile/zachleat.com/post/3mz4o2bvxpa2v https://fediverse.zachleat.com/@zachleat/117531847466643572

github.com

Filtering thousands of items shouldn't freeze your UI ⏱️ When tasked with complex features, basic coding agents tend to miss performance opportunities. With Modern Web Guidance, agents find best practice guides on how to break up long tasks and yield control back to the browser → goo.gle/mwg

Interested in setting aside the magical prompter and learning some web standards skills the old fashioned way? You can sign up for my online Web Components course for free until Oct 31 with the code markitzero. If you find it useful, please consider letting folks know! 🎃

Web Components Demystified online course | Scott Jehl, Web Designer/Developer

A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.

scottjehl.com

Blink: Intent to Implement and Ship: AccentColor/Text follows accent-color