Rick Viscomi
@rviscomi.dev
Chrome DevRel at Google, web developer
rviscomi.dev
rviscomi.dev
Apparently atob and btoa were carried over from Unix
I'm glad we have more modern (and sensibly named!) features
I'm glad we have more modern (and sensibly named!) features
October 28, 2025 at 6:24 PM
Apparently atob and btoa were carried over from Unix
I'm glad we have more modern (and sensibly named!) features
I'm glad we have more modern (and sensibly named!) features
My little side project has been a capo plugin for ESLint so you can catch <head> validation issues during development
October 22, 2025 at 8:48 PM
My little side project has been a capo plugin for ESLint so you can catch <head> validation issues during development
Maybe the least helpful code completion ever
October 17, 2025 at 1:28 AM
Maybe the least helpful code completion ever
Nice! Never met them but did get a good picture.
October 13, 2025 at 5:22 PM
Nice! Never met them but did get a good picture.
WebMCP also reminds me of the koala car from Waymo
When cars don't need steering wheels, people like this man (who is blind) can start using them
Self-driving websites are more accessible to everyone
When cars don't need steering wheels, people like this man (who is blind) can start using them
Self-driving websites are more accessible to everyone
September 3, 2025 at 2:00 PM
WebMCP also reminds me of the koala car from Waymo
When cars don't need steering wheels, people like this man (who is blind) can start using them
Self-driving websites are more accessible to everyone
When cars don't need steering wheels, people like this man (who is blind) can start using them
Self-driving websites are more accessible to everyone
I spy #WhatsMyBaseline featured in this week's @frontendfocus.bsky.social
See what it's all about and share your target: web.dev/blog/whats-m...
See what it's all about and share your target: web.dev/blog/whats-m...
August 20, 2025 at 4:44 PM
I spy #WhatsMyBaseline featured in this week's @frontendfocus.bsky.social
See what it's all about and share your target: web.dev/blog/whats-m...
See what it's all about and share your target: web.dev/blog/whats-m...
Kinda surprised to learn that 3% of my blog's users haven't updated their browser since 2022
For 98%+ support, my target should be Baseline 2020
#WhatsMyBaseline
For 98%+ support, my target should be Baseline 2020
#WhatsMyBaseline
August 8, 2025 at 6:45 PM
Kinda surprised to learn that 3% of my blog's users haven't updated their browser since 2022
For 98%+ support, my target should be Baseline 2020
#WhatsMyBaseline
For 98%+ support, my target should be Baseline 2020
#WhatsMyBaseline
Ok hear me out. For today only.
July 22, 2025 at 4:28 PM
Ok hear me out. For today only.
🔥 Simpler browser support info has landed in VS Code!
Hover over any CSS property or HTML element or attribute and now you'll see its Baseline status
📝 web.dev/blog/baselin...
Hover over any CSS property or HTML element or attribute and now you'll see its Baseline status
📝 web.dev/blog/baselin...
May 21, 2025 at 3:58 PM
🔥 Simpler browser support info has landed in VS Code!
Hover over any CSS property or HTML element or attribute and now you'll see its Baseline status
📝 web.dev/blog/baselin...
Hover over any CSS property or HTML element or attribute and now you'll see its Baseline status
📝 web.dev/blog/baselin...
May 16, 2025 at 8:03 PM
New in VS Code Insiders today: browser support info for HTML elements and attributes
For when you look at a newish HTML feature like <dialog> and wonder "I don't know, should we polyfill this?"
Toss the polyfill, it's been Baseline for years!
Coming soon to the April 2025 release
For when you look at a newish HTML feature like <dialog> and wonder "I don't know, should we polyfill this?"
Toss the polyfill, it's been Baseline for years!
Coming soon to the April 2025 release
April 29, 2025 at 2:08 AM
New in VS Code Insiders today: browser support info for HTML elements and attributes
For when you look at a newish HTML feature like <dialog> and wonder "I don't know, should we polyfill this?"
Toss the polyfill, it's been Baseline for years!
Coming soon to the April 2025 release
For when you look at a newish HTML feature like <dialog> and wonder "I don't know, should we polyfill this?"
Toss the polyfill, it's been Baseline for years!
Coming soon to the April 2025 release
I like this. Sometimes people leave a comment as a way of subscribing for updates and don't realize there's a button for that
April 28, 2025 at 3:02 PM
I like this. Sometimes people leave a comment as a way of subscribing for updates and don't realize there's a button for that
I like it! Something like this would also be useful for distinguishing logs emitted from extensions. Today I deal with that by prefixing everything with my extension name, but it'd be nice if I could badge it instead, or even if browsers auto-applied a badge with the name of the extension.
April 23, 2025 at 3:06 PM
I like it! Something like this would also be useful for distinguishing logs emitted from extensions. Today I deal with that by prefixing everything with my extension name, but it'd be nice if I could badge it instead, or even if browsers auto-applied a badge with the name of the extension.
My 4 year old son got me this bird feeder as a Christmas gift. Now that the weather is nice we put it up and have enjoyed watching the birds from my office window.
After we refilled it yesterday he yelled out "birds, your food is ready!" 😂
After we refilled it yesterday he yelled out "birds, your food is ready!" 😂
April 16, 2025 at 9:03 PM
My 4 year old son got me this bird feeder as a Christmas gift. Now that the weather is nice we put it up and have enjoyed watching the birds from my office window.
After we refilled it yesterday he yelled out "birds, your food is ready!" 😂
After we refilled it yesterday he yelled out "birds, your food is ready!" 😂
Oh, it looks like they use the same css-language-server that powers the VS Code implementation, so it already works
Only thing is that the image fails to load so it shows the alt text instead - I'll file an issue for that
Only thing is that the image fails to load so it shows the alt text instead - I'll file an issue for that
April 7, 2025 at 8:02 PM
Oh, it looks like they use the same css-language-server that powers the VS Code implementation, so it already works
Only thing is that the image fails to load so it shows the alt text instead - I'll file an issue for that
Only thing is that the image fails to load so it shows the alt text instead - I'll file an issue for that
This little pup turns 10 today!
April 7, 2025 at 3:43 PM
This little pup turns 10 today!
April 7, 2025 at 2:58 PM
And if a feature isn't fully implemented in a major browser yet, it'll tell you that too
Just hover over a CSS property to bring up the support info
Just hover over a CSS property to bring up the support info
April 7, 2025 at 2:58 PM
And if a feature isn't fully implemented in a major browser yet, it'll tell you that too
Just hover over a CSS property to bring up the support info
Just hover over a CSS property to bring up the support info
Browser support info for CSS properties in VS Code is about to get a huge improvement
Instead of looking at a list of browser versions and guessing if you can use a feature, now it'll just... tell you!
Coming soon to the April 2025 stable release, or you can try it now in Insiders
Instead of looking at a list of browser versions and guessing if you can use a feature, now it'll just... tell you!
Coming soon to the April 2025 stable release, or you can try it now in Insiders
April 7, 2025 at 2:58 PM
Browser support info for CSS properties in VS Code is about to get a huge improvement
Instead of looking at a list of browser versions and guessing if you can use a feature, now it'll just... tell you!
Coming soon to the April 2025 stable release, or you can try it now in Insiders
Instead of looking at a list of browser versions and guessing if you can use a feature, now it'll just... tell you!
Coming soon to the April 2025 stable release, or you can try it now in Insiders
Yeah that seems like a CSS parsing issue
explorer.eslint.org#eslint-explo...
^ the parser is returning a "Raw" block where the paragraph starts, indicating that it's getting tripped up by a syntax issue
Using a nesting example from MDN with a
![]()
explorer.eslint.org#eslint-explo...
^ the parser is returning a "Raw" block where the paragraph starts, indicating that it's getting tripped up by a syntax issue
Using a nesting example from MDN with a
March 14, 2025 at 9:04 PM
Yeah that seems like a CSS parsing issue
explorer.eslint.org#eslint-explo...
^ the parser is returning a "Raw" block where the paragraph starts, indicating that it's getting tripped up by a syntax issue
Using a nesting example from MDN with a
explorer.eslint.org#eslint-explo...
^ the parser is returning a "Raw" block where the paragraph starts, indicating that it's getting tripped up by a syntax issue
Using a nesting example from MDN with a
📣 ESLint works with CSS now! And it's got support for checking browser compat with the new require-baseline rule
I made a little sandbox here: github.com/rviscomi/bas...
In this release I even got to contribute a couple of features:
- support for selectors
- Baseline year config
I made a little sandbox here: github.com/rviscomi/bas...
In this release I even got to contribute a couple of features:
- support for selectors
- Baseline year config
March 14, 2025 at 7:52 PM
📣 ESLint works with CSS now! And it's got support for checking browser compat with the new require-baseline rule
I made a little sandbox here: github.com/rviscomi/bas...
In this release I even got to contribute a couple of features:
- support for selectors
- Baseline year config
I made a little sandbox here: github.com/rviscomi/bas...
In this release I even got to contribute a couple of features:
- support for selectors
- Baseline year config
Here are the guts of yieldToMain if it helps
(it only yields when necessary, not every iteration)
(it only yields when necessary, not every iteration)
![function getTimeout(delay) {
return callback => setTimeout(callback, delay);
}
function shouldYield() {
return performance.now() - timeOfLastYield > (document.hidden ? 500 : BATCH_DURATION);
}
async function yieldToMain() {
if (!shouldYield()) {
return Promise.resolve();
}
if (document.hidden) {
await new Promise(getTimeout(1));
timeOfLastYield = performance.now();
return Promise.resolve();
}
await Promise.race([
new Promise(getTimeout(100)),
new Promise(requestAnimationFrame)
]);
timeOfLastYield = performance.now();
return await scheduler.yield();
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:e2iwqwiclnx3la57kelo3yag/bafkreifihezt7u7ybfdbk6y3fqpnpgdbjoww3qgcq7fvv2a2mua6emtxku@jpeg)
January 7, 2025 at 1:49 AM
Here are the guts of yieldToMain if it helps
(it only yields when necessary, not every iteration)
(it only yields when necessary, not every iteration)
English
300
Connect Bluesky
Enter your Bluesky handle and app password to unlock posting, likes, and your Following feed.
Need an app password? Open Bluesky, go to Settings > App passwords, and create a new one.
Connect with Bluesky
Sign in with your Bluesky account to unlock posting, likes, and your Following feed.