Rick Viscomi

@rviscomi.dev

2094 Followers 315 Following

Chrome DevRel at Google, web developer rviscomi.dev

Gullfoss waterfall
Photo of a boy's hand interacting with a drawing app on a tablet
Me holding two Emmys I didn't win
Screenshot of features in the developer-signals repo, sorted by the number of upvotes
Screenshot from webstatus.dev showing 9 "Limited availability" web performance APIs
Screenshot of an article about CSS accent-color on web.dev, showing the Baseline status widget. The widget shows that the feature is Limited availability, and there is 1 upvote.
The book Vibe Coding (2025) by Gene Kim and Steve Yegge
StackOverflow answer explaining the origins of atob and btoa in JS
Screenshot of hovering over an unnecessary preload, with capo validation pointing out that the resource is already discoverable by another element and that the order of the elements is suboptimal.
Summary of the dns-prefetch feature, showing support first landing in Safari 5 (June 2010), then Chrome 46 (October 2015), then Edge 79 (January 2020), Firefox 127 (June 2024), and finally Safari 26 for iOS (September 2025)
An autosuggestion on a JSON import of `assert { type: 'json' }`
Steve Mahan, who is legally blind, rides alone in a Waymo "koala car" from a park to a doctor’s office on the world’s first fully self-driving trip on public roads in 2016
Blurb in the Frontend Focus newsletter about "What's My Baseline?" saying: "The Baseline project aims to help us all better understand feature adoption across the web and the potential risks involved. Now the Chrome team are encouraging us all to share which Baseline target we’re using in our projects."
Baseline report for rviscomi.dev showing 100% user support until Baseline 2020, when support drops to 99.3%, then 97.5% in 2021, 97.0% in 2022, 96.2% in 2023, and 94.3% in 2024. 97.0% of users are on a browser that supports widely available features, and 91.6% for newly available features.
Interaction to Next Paint thresholds: 199ms and 499ms
Photo of a lake on a sunny day
A cursor moves across an HTML file and hovers over the dialog element, and a hover card appears showing that the feature is widely available. Then the user scrolls down and hovers over two popover attributes, which are both newly available.
Screenshot of a Stackoverflow question from 2016 asking if it's possible to balance flex items
Still image from Futurama of two Frys and the caption "Oh I'm sorry I didn't realize I was already here"
Graphic showing the old and new hovercard UI in VS Code for the <dialog> element. The old UI didn't show any browser support info at all. The new UI says "Widely available across major browsers (Baseline since 2022"
Screenshot of the console logs from the "Capo" extension, where the messages are prefixed with "Capo:"
Two birds on a bird feeder
The widely available message in Zed
yellow lab puppy sitting in the grass
Property 'text-wrap' is not a widely available baseline feature. (eslintcss/use-baseline)
view-transition-name: Limited availability across major browsers (Not fully implemented in Firefox)
Old style list of browser versions: Edge 88, Firefox 89, Safari 15, Chrome 88, Opera 74
"Raw" block where the paragraph selector should be
Command-line warnings for CSS features like "Property 'text-wrap' is not a widely available baseline feature" powered by ESLint
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(); }
async function forOf(items, callback) { for (item of items) { await yieldToMain(); callback(item); } }
Screenshot of Google search results for "http-equiv"
A 700ms long task caused by Wappalyzer's getDom function
A 2.6 second long task with 626ms spent in doing uncached script compilation
Breaking up a long task consisting of 433ms of JS compilation and execution by adding async/await scheduler.yield at the beginning of the script, resulting in two ~200ms tasks for compilation and execution separately.
Excerpt from the post talking about discovering a slow function called "resize"
28-day chart showing INP values fluctuating around 350 ms, then a steep drop on December 6 down to 250 ms.
DevFest audience seated and ready for the first talk
Rainbow over Amsterdam
Annie on stage presenting
Tim presenting on stage
Screen recording of some of the new annotations features in DevTools
Photos of 35 help desk volunteers
Photo of airplanes at the gate
World map showing round trip times aggregated by country, with western countries performing generally better than eastern ones, and African countries performing generally worse.
INP strategies: do it faster, do it smarter, do it later
Screenshot of my CMS with 9 unpublished drafts
1 million views, 9,356 likes
LinkedIn HTML: <meta name="liamOrLisa" content="none">
Q: what does the crx subdir do The answer includes a list of all the relevant files identified and a detailed (and correct!) explanation of the subdirectory