Webdev Browser Extensions

Here's a list of chromium browser extensions I use to be more productive as a web dev.
Posting it here in case you find these useful too.

1. Web Developer Link
   
   A handy extension for web dev utilities if you are like me who prefers to show block element borders in a click.

2. CSS Inspector link
   
   Quickly view element's css and copy styles.
   Much polished than CSSViewer.
   Will require a subscription key in exchange for a donation,
   but you can have it for free.
   This extension is well made that you'll feel guilty for not donating.

3. Colorzilla Link
   My color picker of choice.
   

4. PixelPerfect Link
   Easily compare your working web page to your design, for pixel perfection (is that really a thing?)
   

5. JSON Viewer Link
   Pretty prints json and set theme if you get eyesore viewing default light theme.
   

6. Accessibility Insights Link
   Do quick A11y tests.
   

7. Vue Devtools Link
   A must have for a vue js dev.
   

8. Marinara Pomodoro Link
   A simple pomodori app that does it's best at it, no clumsy popping features.
   

There are lots of extensions out there in the wild for web devs, feel free to post recommendations in the comment section.

Better DX, Happy Devs