Sarah Drasner

css-tricks.comCSS-Tricks has a new owner!Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that.

The wonderful @geoffgraham.me now runs CSS-Tricks! Let’s gooooo 🚀

CSS-Tricks*@css-tricks.com

CSS-Tricks has a new owner! Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that. https://css-tricks.com/css-tricks-has-a-new-owner/

Sarah Drasner reposted

Josh W. Comeau

@joshwcomeau.com

✍️ Just published a new post about my most-anticipated CSS proposals from Interop 2027! If you’re not familiar, the Interop project is a collaboration between browsers to pick shared focus areas. There’s *so much* good stuff this year, it was hard to pick just 10!

joshwcomeau.comThe Future of CSS ✨ • Josh W. ComeauEvery year, browser vendors collaborate via the Interop project to synchronize their efforts on new HTML/CSS/JS features. This year, there’s a ton of super exciting features being considered! In this ...

web.devExperimental soft navigation metrics now available in CrUX | Blog | web.devLearn about the new experimental soft navigation metrics in CrUX and how they will impact your Core Web Vital metrics.

🧪 We've expanded Core Web Vitals to include support for soft navigation (SPA)! Since SPAs are handled differently in implementation, they have required bespoke custom measurement, making it hard to compare directly across sites. Measuring performance is a little art, a little science. 1/2

Over time, we've evolved CVW to best fit how the web is written, and we've found that giving SPAs their own unique metrics has had the best outcome. Credit to @anniesullie.com and @alextcone.bsky.social More here, including access, and plans for SEO: web.dev/blog/crux-ex...

Who’s gonna watch this? I want to sorta

Perfectly ripe mango in condensed milk. That is all.

Let's talk a little more about Margaret Hamilton because she deserves it In 1961, Margaret Hamilton was tackling massive systems, having previously wrangled room-sized computers that blared like a foghorn whenever they crashed.

View full thread

Initially, when she was working on failure modes, higher-ups were errors wouldn't happen she actually named her program “Forget It.” But failures did happen. And her mindset, and discipline sent men to the Moon.

Her Apollo software was built to expect the unexpected, and on Apollo 11 it recognized an overload mid-landing and kept the critical tasks running. Every postmortem, every bug tracker, every “let’s make sure this never happens again” carries a little of her in it. Thank you Margaret Hamilton. 🚀

Her fix wasn’t just to patch the bug. For each crash, she took a Polaroid of the programmer who wrote it, and a note on the mistake. That way, if it ever happened again, they wouldn't be starting from scratch. They could note patterns and the last person who triaged that failure could help.

blog.yoav.wsWhy WebMCP matters

This is a critical aspect of what she gave us. She didn’t stop at fixing errors. She studied their patterns so she could see them coming. She called them “the enemy,” and she meant it.

Sarah Drasner reposted

Yoav Weiss

@yoav.ws

Wrote a bit about why I think WebMCP matters: blog.yoav.ws/posts/why_we...

A less discussed and potentially game-changing aspect of WebMCP: helpful a11y. Assistive tech struggles with the same interfaces agents do. Dense menus, unlabeled buttons, etc. When a site has clear tools, we can expose exactly the functionality we need

I can ask it about my week, close out tasks for the day, even launch a whole product development and social campaign with my voice. Another nice part, is progressive enhancement. You can collapse this sidebar and just use the site as you've always done if that's what you prefer.

github.comWebMCP accessibility review checklist · Issue #272 · webmachinelearning/webmcpThis issue is in response to: RESOLUTION: Initiate wide review of WebMCP with the i18n and a11y groups along with collateral materials. TL;DR This issue contains the accessibility (a11y) review che...

This is actively being thought through. You can see the checklist, or join discussion here: github.com/webmachinele...

Hot take Sunday. As an American actor, you can’t do accents. It’s terrible and just distracting. The only exception is Connor Storrie. You have to prove you’re his level to put us through it. It’s ok for UK and AU folks etc to do American accents. They’re better than we are.

I’ve felt so creative lately. Running a lot of Core Infrastructure at Google was an incredible experience. But I had almost no mental cycles left to spend, aside from my family and friends. I would never take that experience back, but I’m also really enjoying being an IC again!

github.blogImproving site performance by shipping more CSSHow we fully migrated github.com away from CSS-in-JS.

Rest in peace, Queen Margaret

bryan newbold@bnewbold.net

ah damn, RIP Margaret Hamilton. she took safety-critical software engineering seriously, and got people to the moon and back. news.mit.edu/2026/margare...

Sarah Drasner reposted

Nuxt

@nuxt.com

Nuxt 4.6 is out, alongside nuxt/cli v4 🚀 🧩 `nuxt/server`, our first big step to a server-agnostic Nuxt 🎯 typed `$fetch` was rebuilt (no more TS2589!) 🔐 `appSecret` + sealed cookie sessions ⚡️ Vue Vapor support 🐛 brand new dev error pages … plus lots of groundwork for Nuxt 5 🏔️ 👉 nuxt.com/blog/v4-6

Sarah Drasner reposted

GitHub

@github.com

GitHub.com has fully moved off CSS-in-JS to CSS Modules, resulting in 55% less server-side render time and 25% faster component init. https://github.blog/engineering/architecture-optimization/improving-site-performance-by-shipping-more-css/

instagram.comInstagramCreate an account or log in to Instagram - Share what you're into with the people who get you.

I’m absolutely obsessed. This woman has spent the past 4 years building a mine under her house. Her videos are the best thing on the internet. www.instagram.com/reel/DeDYvEb...

Sarah Drasner reposted

zelDemon

@zeldman.bsky.social

New HTML and CSS features you should be using in your design system per @zeroheight.com. zeroheight.com/blog/new-htm...

zeroheight.comNew HTML and CSS features you should be using in your design system - zeroheightDeclan Chidlow explores new HTML and CSS features that can make your design system more flexible, adaptable, and maintainable.

I made a site to explain System One thinking (Jev is an example of this)! We make fast judgments all day, some models can too. The guide explains how to use those quick judgments in software. In my typical way, it leverages interactive animations, and Night Owl 🦉 system-one-explainer.netlify.app

21 Sept

I thought at first I would get tired of the Jerry jokes @jcsalterego.bsky.social, but now I see that it’s the neverending constant in these trying times. No matter what happens, we’re all united each day in knowing we should all be unfollowing Jerry.

19 Sept

My life kind of goes like: - I have all the scissors, I have no scissors - I have all the chargers, I have no chargers - I have all the readers, I have no readers And, like, some other stuff in between

18 Sept

Mamdani is teaching us all that we weren’t asking for something impossible, after all

18 Sept

I used to write for CSS-Tricks when I could, and in that time I got to know the AMAZING @geoffgraham.me. You couldn’t ask for a smarter, more dependable, and gracious colleague. He’s on the market! You should pick him up fast! 💨

17 Sept

I really have to make sure I slow down and soak up all these moments with my kids before they fly the nest

13 Sept

Anyways, here are a couple of drawings I did a long time ago

13 Sept

Ballpoint pen and acrylic on tea stained paper. the black is just a lot of tiny lines built up over time

9 Sept

Some 14 year anniversary came up of me joining Twitter. It was 14 years ago that @shanley.com came to my desk, put both hands on it, looked me in the eye and said “you HAVE to be on Twitter”. I had been refusing, and she was my boss. Best thing anyone ever did for my career, honestly.

9 Sept

It’s not about Twitter the platform. It was the first time someone thought I had something worthwhile to say. Thank you Shanley

developer.chrome.comImperative API | AI in Chrome | Chrome for DevelopersDefine many types of WebMCP tools with standard JavaScript.

I’m excited to share that we've added a consequential hint to the WebMCP spec! For site devs: set to true when WebMCP tools may perform a high-stakes action: anything that needs explicit user permission in order to execute. If you’re going to make a purchase, send an email, or book travel.

View full thread

But combined, it’s powerful. It can create a safeguard against generating an action a user might not want or be expecting. And it gives more tools to developers to have precision in what should be occurring on their site. So the collective effect can keep users safer.

developer.chrome.comImperative API | AI in Chrome | Chrome for DevelopersDefine many types of WebMCP tools with standard JavaScript.

Reading: developer.chrome.com/docs/ai/webm... Remember, this is a proposed hint only. It will be adopted only when we're confident people will use it. OT feedback is important. Thanks to Johann Hofmann for the initial proposal & François Beaufort and Alexandra Klepper @AlexandraScript for the docs!

developer.chrome.comImperative API | AI in Chrome | Chrome for DevelopersDefine many types of WebMCP tools with standard JavaScript.

It looks like this: annotations: { consequentialHint: true } For agent/model devs: agent should regard this as a time to take a step back, ask for user verification- if there’s an alignment tool critic, it should judge whether or not a consequential action is appropriate given the user’s request

The interesting thing about hints like this, unlike other web specs, is that both the site and the agent have to get it right for it to work. If one side exposes a hint and the other doesn’t honor it, it’s not doing much. And alternatively, if the site doesn’t expose… you get it.

Tea, a puppy, and good TV

Sarah Drasner reposted

P(aul) Frazee

@pfrazee.com

7 Sept

It’s weird how everyone is having big apprehensive reaction about a technology that changes the nature of humanity

Sarah Drasner reposted

Andreas Møller

@andreasmoller.dk

6 Sept

Please buy Sarah’s book “Engineering management for the rest of us” It is a great book, and I am not 100% sure she will be able to live off her comedy career.

Sarah Drasner@sarahedo.bsky.social

Ok I have a joke for you that I made up Some devs were setting up a project where every directory was a letter of the alphabet. But the build wasn't compiling. One thought the problem was in the "G" directory, but the other said "see I see D"

6 Sept

Sarah Drasner reposted

derek guy

@dieworkwear.bsky.social

26 Aug

I appreciate that Dolly Parton refused to participate in "dress respectability" and, by her own account, modeled her aesthetic after a town "tramp," who she thought was beautiful. She separated aesthetics from character and understood "classiness" to be about how you treat people, not how you dress.

goo.gleWebMCP ChallengeJoin the OpenAI WebMCP Challenge to build agent-ready web apps that work with ChatGPT. Submit your project by September 3, 2026, at 1 p.m. PT.

25 Aug

That was the wrong 80 year old! Do better, universe. ❤️ Dolly

Sarah Drasner reposted

Chrome for Developers

@developer.chrome.com

25 Aug

Create agent-ready web apps for the WebMCP Challenge → goo.gle/4qpDQYV We're excited to see ChatGPT supporting WebMCP, the experimental standard that lets users and AI agents navigate websites together. In the @openaibot.bsky.social WebMCP Challenge you can experiment with it and win prizes.

OpenAI {bot}@openai.xmirror.bot

The WebMCP Challenge is here. We’ve teamed up with @ChromiumDev, @CloudflareDev, @ShopifyDevs, @vercel, @render, and @Netlify for a 10-day hackathon. Up for grabs: $35,000 in cash prizes, Codex Micros, ChatGPT Pro subscriptions, and more prizes from our supporters.

24 Aug

What do you call this?