Reposted by Madhavi
i did not know this was a thing but it is, browsers can now handle sanitizing HTML without a library 🤯
keith.is/post/html-sa...
keith.is/post/html-sa...
December 9, 2025 at 6:27 PM
i did not know this was a thing but it is, browsers can now handle sanitizing HTML without a library 🤯
keith.is/post/html-sa...
keith.is/post/html-sa...
Reposted by Madhavi
What coding with an LLM feels like sometimes.
December 3, 2025 at 9:29 AM
What coding with an LLM feels like sometimes.
Reposted by Madhavi
felt very old talking to college students about the AWS outage, where i learned that basically everything — from your textbooks, to your class materials, to your professors' contact info and office hours — is housed on the cloud these days:
The AWS Outage Was a Nightmare for College Students
The outage impacted online learning platform Canvas, which is used by half of college students across the US, leaving many unable to access course materials or contact professors.
www.wired.com
October 21, 2025 at 3:51 PM
felt very old talking to college students about the AWS outage, where i learned that basically everything — from your textbooks, to your class materials, to your professors' contact info and office hours — is housed on the cloud these days:
Reposted by Madhavi
I am a GEO tracker: I look through the GEO prizm to see the coming GEO storm. It gives me insight into the full GEO spectrum
www.wired.com/story/goodby...
www.wired.com/story/goodby...
Forget SEO. Welcome to the World of Generative Engine Optimization
This holiday season, more shoppers are expected to use chatbots to figure out what to buy. ‘Tis the season for GEO.
www.wired.com
October 21, 2025 at 4:16 PM
I am a GEO tracker: I look through the GEO prizm to see the coming GEO storm. It gives me insight into the full GEO spectrum
www.wired.com/story/goodby...
www.wired.com/story/goodby...
Reposted by Madhavi
Sometimes you only want a field to show when certain other fields have a (particular) value. The `form-show-if` web component enables that.
A Web Component for Conditionally Displaying Fields :: Aaron Gustafson
Building on my recent work in the form utility space, I’ve created a new web component that allows you to conditionally display form fields based on the values of other fields: form-show-if.
www.aaron-gustafson.com
October 21, 2025 at 12:46 PM
Sometimes you only want a field to show when certain other fields have a (particular) value. The `form-show-if` web component enables that.
Reposted by Madhavi
Google just plugged Gemini into live Google Maps data. 🗺
Now you can build geospatial‑aware AI apps with fresh place data across 250M+ locations—think local Q&A, route‑aware assistants, review‑grounded answers, and map‑native search. Visuals + search in one experience = fewer hops, faster results.
Now you can build geospatial‑aware AI apps with fresh place data across 250M+ locations—think local Q&A, route‑aware assistants, review‑grounded answers, and map‑native search. Visuals + search in one experience = fewer hops, faster results.
October 18, 2025 at 2:01 PM
Google just plugged Gemini into live Google Maps data. 🗺
Now you can build geospatial‑aware AI apps with fresh place data across 250M+ locations—think local Q&A, route‑aware assistants, review‑grounded answers, and map‑native search. Visuals + search in one experience = fewer hops, faster results.
Now you can build geospatial‑aware AI apps with fresh place data across 250M+ locations—think local Q&A, route‑aware assistants, review‑grounded answers, and map‑native search. Visuals + search in one experience = fewer hops, faster results.
Reposted by Madhavi
CSS color just a major glow-up 🌈
Stop using `#hex` and `rgb()`—switch to `lch()` / `oklch()` for better contrast, smoother gradients, and HDR-ready design.
@kevinpowell.co breaks it down brilliantly:
piccalil.li/blog/a-pragm...
#CSS #WebDev #DesignSystems #A11y #colors #oklch
Stop using `#hex` and `rgb()`—switch to `lch()` / `oklch()` for better contrast, smoother gradients, and HDR-ready design.
@kevinpowell.co breaks it down brilliantly:
piccalil.li/blog/a-pragm...
#CSS #WebDev #DesignSystems #A11y #colors #oklch
A pragmatic guide to modern CSS colours - part one
Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...
piccalil.li
October 15, 2025 at 2:09 PM
CSS color just a major glow-up 🌈
Stop using `#hex` and `rgb()`—switch to `lch()` / `oklch()` for better contrast, smoother gradients, and HDR-ready design.
@kevinpowell.co breaks it down brilliantly:
piccalil.li/blog/a-pragm...
#CSS #WebDev #DesignSystems #A11y #colors #oklch
Stop using `#hex` and `rgb()`—switch to `lch()` / `oklch()` for better contrast, smoother gradients, and HDR-ready design.
@kevinpowell.co breaks it down brilliantly:
piccalil.li/blog/a-pragm...
#CSS #WebDev #DesignSystems #A11y #colors #oklch
Reposted by Madhavi
With all the excitement of (Same-Document) View Transitions (and more VT features) becoming Baseline Newly available (yay! 🎉), one might overlook the inclusion of the moveBefore() method.
This method is a pretty big deal as it allows you to move elements around the DOM while preserving their state.
This method is a pretty big deal as it allows you to move elements around the DOM while preserving their state.
October 15, 2025 at 9:57 AM
With all the excitement of (Same-Document) View Transitions (and more VT features) becoming Baseline Newly available (yay! 🎉), one might overlook the inclusion of the moveBefore() method.
This method is a pretty big deal as it allows you to move elements around the DOM while preserving their state.
This method is a pretty big deal as it allows you to move elements around the DOM while preserving their state.
Reposted by Madhavi
inherit() is going to be absolutely huge for working with CSS custom properties. Two big things it'll enable:
Nested indentation:
--indent: calc(inherit(--indent, 0) + 1);
Overridable design token defaults:
--primary-color: inherit(--primary-color, blue);
Nested indentation:
--indent: calc(inherit(--indent, 0) + 1);
Overridable design token defaults:
--primary-color: inherit(--primary-color, blue);
Blink: Intent to Prototype: The inherit() CSS function
Blink: Intent to Prototype: The inherit() CSS function
Blink: Intent to Prototype: The inherit() CSS function
groups.google.com
October 14, 2025 at 2:23 PM
inherit() is going to be absolutely huge for working with CSS custom properties. Two big things it'll enable:
Nested indentation:
--indent: calc(inherit(--indent, 0) + 1);
Overridable design token defaults:
--primary-color: inherit(--primary-color, blue);
Nested indentation:
--indent: calc(inherit(--indent, 0) + 1);
Overridable design token defaults:
--primary-color: inherit(--primary-color, blue);
Reposted by Madhavi
Lighthouse 13 has been released and includes the final move to Insights performance audits as announced previously.
developer.chrome.com/blog/lightho...
developer.chrome.com/blog/lightho...
What's new in Lighthouse 13 | Blog | Chrome for Developers
Lighthouse 13 is here with the move to Insights audits
developer.chrome.com
October 10, 2025 at 11:32 AM
Lighthouse 13 has been released and includes the final move to Insights performance audits as announced previously.
developer.chrome.com/blog/lightho...
developer.chrome.com/blog/lightho...
Reposted by Madhavi
I'm working on something where I'm going to need to check contrast ratios of text/bg. I know there are a few options, (maybe all flawed in one way or another?), what's the best option these days?
October 3, 2025 at 1:56 PM
I'm working on something where I'm going to need to check contrast ratios of text/bg. I know there are a few options, (maybe all flawed in one way or another?), what's the best option these days?
Reposted by Madhavi
Really nice example of CSS functions from @joshwcomeau.com in his Whimsical Animations course (todays the last day to register early access!)
Immediately optimized my radial popover menu with it 🙂
Demo: codepen.io/una/pen/YPwW...
Course: t.co/14NmSUHFs3
My functions post: una.im/5-css-functi...
Immediately optimized my radial popover menu with it 🙂
Demo: codepen.io/una/pen/YPwW...
Course: t.co/14NmSUHFs3
My functions post: una.im/5-css-functi...
September 30, 2025 at 9:34 PM
Really nice example of CSS functions from @joshwcomeau.com in his Whimsical Animations course (todays the last day to register early access!)
Immediately optimized my radial popover menu with it 🙂
Demo: codepen.io/una/pen/YPwW...
Course: t.co/14NmSUHFs3
My functions post: una.im/5-css-functi...
Immediately optimized my radial popover menu with it 🙂
Demo: codepen.io/una/pen/YPwW...
Course: t.co/14NmSUHFs3
My functions post: una.im/5-css-functi...
Reposted by Madhavi
Although it’s not a core task of my role as Chrome DevRel, I took the time to build something that I needed into DevTools: debugging support for CSS `@starting-style` rules.
The feature is ready for testing in Chrome Canary.
The feature is ready for testing in Chrome Canary.
September 29, 2025 at 2:17 PM
Although it’s not a core task of my role as Chrome DevRel, I took the time to build something that I needed into DevTools: debugging support for CSS `@starting-style` rules.
The feature is ready for testing in Chrome Canary.
The feature is ready for testing in Chrome Canary.
Reposted by Madhavi
Yup I blogged it!
Calling it a "starter" instead of a "reset" as it's not massively about stripping away styles.
I quite like it and I'm extra interested in thoughts/critique.
Calling it a "starter" instead of a "reset" as it's not massively about stripping away styles.
I quite like it and I'm extra interested in thoughts/critique.
September 26, 2025 at 6:22 PM
Yup I blogged it!
Calling it a "starter" instead of a "reset" as it's not massively about stripping away styles.
I quite like it and I'm extra interested in thoughts/critique.
Calling it a "starter" instead of a "reset" as it's not massively about stripping away styles.
I quite like it and I'm extra interested in thoughts/critique.
Reposted by Madhavi
Did you know you can give a single border a different border-radius on each axis? I take a quick look at that in this week's Tip of the Week: html-css-tip-of-the-week.netlify.app/tip/mutliple...
September 25, 2025 at 3:30 PM
Did you know you can give a single border a different border-radius on each axis? I take a quick look at that in this week's Tip of the Week: html-css-tip-of-the-week.netlify.app/tip/mutliple...
Reposted by Madhavi
“Coding agents face a fundamental problem: they are not able to see what the code they generate actually does when it runs in the browser. They're effectively programming with a blindfold on. (2/3)
September 24, 2025 at 12:45 PM
“Coding agents face a fundamental problem: they are not able to see what the code they generate actually does when it runs in the browser. They're effectively programming with a blindfold on. (2/3)
Reposted by Madhavi
Reposted by Madhavi
Amazon's return-to-office mandate sparks disability complaints | Fortune fortune.com/2025/06/12/a... #a11y
Amazon's return-to-office mandate sparks disability complaints
At least two employees have filed complaints with the Equal Employment Opportunity Commission and the National Labor Relations Board.
fortune.com
June 13, 2025 at 5:05 PM
Amazon's return-to-office mandate sparks disability complaints | Fortune fortune.com/2025/06/12/a... #a11y
Reposted by Madhavi
👀 Coming to Chrome DevTools in Chrome 138: CSS Value Tracing
When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.
When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.
May 29, 2025 at 1:32 PM
👀 Coming to Chrome DevTools in Chrome 138: CSS Value Tracing
When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.
When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.
Reposted by Madhavi
CSS if() function landed today(!!!) in Chrome 137 🥳
along with another rad feature: reading-flow 🥳
So I put together a quick video showcasing both:
youtu.be/Apn8ucs7AL0
along with another rad feature: reading-flow 🥳
So I put together a quick video showcasing both:
youtu.be/Apn8ucs7AL0
CSS if() functions & reading-flow (in Chrome 137)
YouTube video by Una Kravets
youtu.be
May 27, 2025 at 9:29 PM
CSS if() function landed today(!!!) in Chrome 137 🥳
along with another rad feature: reading-flow 🥳
So I put together a quick video showcasing both:
youtu.be/Apn8ucs7AL0
along with another rad feature: reading-flow 🥳
So I put together a quick video showcasing both:
youtu.be/Apn8ucs7AL0
Reposted by Madhavi
ITS HAPPENING
Firefox 127 shipped today making it the first browser to support Temporal - the new API for working with Dates, times, timezones + durations
Firefox 127 shipped today making it the first browser to support Temporal - the new API for working with Dates, times, timezones + durations
May 27, 2025 at 10:23 PM
ITS HAPPENING
Firefox 127 shipped today making it the first browser to support Temporal - the new API for working with Dates, times, timezones + durations
Firefox 127 shipped today making it the first browser to support Temporal - the new API for working with Dates, times, timezones + durations
Reposted by Madhavi
New CSS features, AI in Chrome DevTools, and multimodal AI can help you to build a more powerful and modern web.
Senior Tech Writer
@alexandrascript.com recaps the top web announcements from #GoogleIO. www.youtube.com/watch?v=GSVe...
Senior Tech Writer
@alexandrascript.com recaps the top web announcements from #GoogleIO. www.youtube.com/watch?v=GSVe...
Top 10 web updates from Google I/O 2025
YouTube video by Chrome for Developers
www.youtube.com
May 27, 2025 at 4:17 PM
New CSS features, AI in Chrome DevTools, and multimodal AI can help you to build a more powerful and modern web.
Senior Tech Writer
@alexandrascript.com recaps the top web announcements from #GoogleIO. www.youtube.com/watch?v=GSVe...
Senior Tech Writer
@alexandrascript.com recaps the top web announcements from #GoogleIO. www.youtube.com/watch?v=GSVe...
Reposted by Madhavi
The one where I muse about how this simple bit of code radically changes how the web itself seems to behave…
webkit.org/blog/16967/t...
webkit.org/blog/16967/t...
Two lines of Cross-Document View Transitions code you can use on every website today
Arguably, the most profound thing about the web is the ability to link one page to another.
webkit.org
May 22, 2025 at 6:36 PM
The one where I muse about how this simple bit of code radically changes how the web itself seems to behave…
webkit.org/blog/16967/t...
webkit.org/blog/16967/t...
Reposted by Madhavi
Major surf.social beta dropping today which introduces Starter Sets for the open social web. For example, combine "Tech Builders and Thinkers" with "Tech posts from My Bluesky Follows" to get a personalized tech feed that includes interesting people from Bluesky, Threads, Mastodon, Pixelfed, etc.
May 22, 2025 at 9:05 PM
Major surf.social beta dropping today which introduces Starter Sets for the open social web. For example, combine "Tech Builders and Thinkers" with "Tech posts from My Bluesky Follows" to get a personalized tech feed that includes interesting people from Bluesky, Threads, Mastodon, Pixelfed, etc.
Reposted by Madhavi
“The product will be capable of being fully aware of a user’s surroundings and life, will be unobtrusive, able to rest in one’s pocket or on one’s desk, and will be a third core device a person would put on a desk after a MacBook Pro and an iPhone.” 🫠
Exclusive | What Sam Altman Told OpenAI About the Secret Device He’s Making With Jony Ive
The idea is a “chance to do the biggest thing we’ve ever done as a company here,” Altman told OpenAI employees Wednesday.
www.wsj.com
May 22, 2025 at 9:41 AM
“The product will be capable of being fully aware of a user’s surroundings and life, will be unobtrusive, able to rest in one’s pocket or on one’s desk, and will be a third core device a person would put on a desk after a MacBook Pro and an iPhone.” 🫠