I'm working on an internal document explaining the pros and cons (!) of toast messages, including recommendations on how to mitigate some problems.
I should probably publish that. It'll be very similar to the GitHub document, though. primer.style/accessibilit...
no wonder i cant find anyone ๐ญ๐ญ๐ญ
Entrance of the Muzeum Lotnictwa Polskiego
Um, I think thereโs a big problem @avedave.com, am I a bit too late for the GDE Summit? I don't see anyone here๐ ๏ธ #GDESummit #GoogleDevExpert
A screenshot of the video section of the HTML standard, now containing the loading attribute, a new addition
Spec proposal merged.
HTML video and audio lazy loading is now a web standard.
github.com/whatwg/html/...
html.spec.whatwg.org#the-video-el...
html.spec.whatwg.org#the-audio-el...
โก๏ธ Vite 8.0 is here!
The most significant architectural change since Vite 2.
โฌ Powered by @rolldown.rs bringing faster production builds and more consistency
๐ค๏ธ New features such as tsconfig paths and emitDecoratorMetadata support
vite.dev/blog/announc...
For those who want to test their perception of colour, I made a little game called "What's My JND"
www.keithcirkel.co.uk/whats-my-jnd...
Introducing `view-transitions-mock`: A non-visual Polyfill for Same-Document View Transitions
brm.us/view-transit...
It is a spec-compliant JavaScript implementation of Same-Document View Transitions that polyfills the entire JavaScript API surface but that doesnโt do the animation bits.
๐ I'm so excited that scoped custom element registries is landing in Chrome and Edge! ๐ฅณ
This solves one of the biggest complaints with the web components APIs: the global tag name namespace.
Standards is a long game though: I first proposed this in 2017! ๐ฒ
developer.chrome.com/blog/scoped-...
Ever wanted a comprehensive guide to DevTools and debugging front ends? Check out this ebook that Lala Hakobyan just launched:
github.com/lala-hakobya...
Iโm impressed!!
Maybe it's because of the EU Accessibility Act and the fact that companies are looking to hire consultants?
the best neighborhood ๐ฅน๐
Picture of Google office entrance
๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค๐ค
Geolocation Element Demo
Less JavaScript, more HTML.
The new <geolocation> HTML element handles permission states and blocked permission recovery for you. Just add the tag, listen for the location event, and let the browser handle the restโ goo.gle/4pPXZFK
`@font-feature-values` was the foot in the door apparently, interesting
I've been experimenting with an upcoming CSS feature called border-shape lately.
It's really cool what you can do with it: lots of practical applications + it opens a lot of doors for non-rectangular UIs!
Try it in Canary w/experimental web platform features on, & read more:
una.im/border-shape
Example code showing `view-transitions-mock` usage.
You can stop sprinkling `if (document.startViewTransition)` guards across your codebase now, because `view-transitions-mock` is here!
github.com/GoogleChrome...
๐๐๐
i am using safari ๐ซฃ๐ฌ
my favorite website! (super useful when trying to open captive login portal lol)
I had to update my blog post from 2019 because Lighthouse has been lowering the score if best-practice rules arenโt met. Specifically, it complains about the absence of a main landmark. I added it, now my score is perfect again. ๐
www.matuzo.at/blog/buildin...
For startups, itโs not that โthe idea doesnโt matter,โ of course it does.
The point is that the idea is not ๐ฆ๐ฏ๐ฐ๐ถ๐จ๐ฉ, and that all the rest of it is ๐ฎ๐ถ๐ค๐ฉ ๐ฉ๐ข๐ณ๐ฅ๐ฆ๐ณ, so itโs useful to focus on those other things.
Specifically:
Good news folks frontend devs are safe because
*checks notes*
Three sets of variables is too much variables.
Still fascinating how many global sites that load fast elsewhere still stall inside China.
40-60% of visitors time out, with pages taking 18sec+ vs 2sec.
Sharing the State of China Web Perf Report 2025. Benchmarks, root causes, & what improves after optimization. insights.chinafy.com #china
yay for more performance-related features ๐
Chrome 145 is rolling out now! โจ It's been a Product Excellence milestone for DevTools but weโve landed some great updates like Soft Nav markers, line-level profiler timings, and the new Render blocking column in the Network panel ๐ฌ Read the full breakdown here: developer.chrome.com/blog/new-in-...
Overview of the CSS code from the provided link
๐ก CSS Tip!
Have you ever tried to use "auto" within clamp()? Unfortunately, it doesn't work, but it's now possible using the new calc-size()!
css-tip.com/clamp-auto/
The same applies to all the sizing values (min-content, max-content, fit-content, etc.)
WOHOOOO DEUTSCHEBAHN IS USING PASSKEY TOO ๐๐
This wasn't on my bingo card ๐
@zapata131.bsky.social
i wan this now
The CSSWG just resolved to add this to the spec ๐ฅณ
github.com/w3c/csswg-dr...
<meta name="text-scale" content="scale" />
So there's a new meta element arriving in town (Chrome Canary first)? ๐
www.joshtumath.uk/posts/2026-0...
firebug debugging tool logo: a orange and dark brown firebug. Firebug: web development evolved.
๐ 19 yrs ago on this day, the legendary FireBug v1.0 launched, and had significant impact enabling debugging of a webpage in ways many had not seen. Here's the original blogpost:
web.archive.org/web/20070129...