Categories: css-tricks.com

EyeDropper API Dropped

I had no idea this was coming but it’s pretty neat! Chrome has shipped the EyeDropper API in v95 (Canary, as I write).

I like how it can grab a color from anywhere on the screen, not just within the browser window. Maybe Figma can make use of it, as I’ve been frustrated in the past how you can only snag colors from the Figma working area, not anywhere on the screen.

As a way to connect this to some other newfangled tech, check out this Pen from Andrew Walpole (in Chrome 95+):

It uses the EyeDropper API, but petite-vue is the app framework in use, and to my eyes, it is an awfully elegant expression of an interactive app. This new version of Vue is quite new meant to be used directly in the browser. I see it capturing some devs’ attention. Here are Dave Rupert’s thoughts as well as what Andrew Welch’s thinks about it.


The post EyeDropper API Dropped appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

hnikoloski

Share
Published by
hnikoloski

Recent Posts

Demystifying Screen Readers: Accessible Forms & Best Practices

This is the 3rd post in a small series we are doing on form accessibility.…

2 weeks ago

Managing User Focus with :focus-visible

This is going to be the 2nd post in a small series we are doing…

3 weeks ago

The Power of :has() in CSS

Hey all you wonderful developers out there! In this post we are going to explore…

1 month ago

Accessible Forms with Pseudo Classes

Hey all you wonderful developers out there! In this post, I am going to take…

1 month ago

Passkeys: What the Heck and Why?

These things called passkeys sure are making the rounds these days. They were a main attraction at W3C…

1 year ago

Some Cross-Browser DevTools Features You Might Not Know

I spend a lot of time in DevTools, and I’m sure you do too. Sometimes…

1 year ago