8 real useful Chrome Dev & Design extensions 👨🏻‍💻

1- Blackbox – Select. Copy. Paste & Search

If the extension title itself wasn’t sufficient to convice you: think about copy and paste the textual content on any picture, article or video you need.

To spare your self a lot of misplaced time, you simply have to put in, create an free account, and replica and paste any textual content you need.

2- Dark Reader

If like me, you might be additionally uninterested in tiring your eyes with the sunshine theme as default on virtually each web site, or simply haven’t got the choice to vary to darkish mode.

This open supply MIT-licensed extension, turns actually any web site you need in darkish mode, making use of dynamic CSS courses to vary their kinds.
Probably the most wonderful half is that you may export these kinds to use in your web site your self! Or just examine why these colours work with one another.

If all of that wasn’t sufficient, you may change brightness, distinction, and even font kinds to your private favourite. IN ANY WEBSITE.

3- ColorZilla

Copy the HEX, RGB, HSL and HSV values from any coloration you see across the net. As well as, you may also analyze all colours utilized in CSS of any web site.

4- Grepper

I feel we are able to all relate to spending extra time than we might prefer to search for an answer to that annoying bug.

This extension is right here to assist us lower this time. The place all customers of this extension can publish code snippets, to any google search, and any framework/language. 🤯😳


5- JSON Viewer

Format any JSON knowledge you see on net. With this extension your JSON response is a lot extra legible. Analyze uncooked knowledge no extra.
You possibly can even customise the colour scheme, spotlight, wrap and lots of others issues in your response.

6- CSS Viewer

See many CSS properties for an div/HTML aspect simply by hovering it.

7- Material Icons for GitHub

Alright, this one may not be actual uuseful, however including file & folder icons to GitHub repos actually helps discover visually what you need. Or simply make issues extra prettier, i assume. 🤓

8- VisBug

And I saved the most effective for final.
This one is rather like CSS Viewer, however with sooo a lot extra.

This superior extension provide you with energy to preview any change you need in a web site, simply with the proper clicks. Shade, padding, margin, place, shadows, and it retains going! 🚀🙌🏼
GIF Demo
Though could also be a bit advanced to make use of at first, when you get the dangle of it, you will by no means want to check a code change a thousand instances to get it the way in which you needed.

Thanks a lot for studying my article this far. Any extension you? Or have you ever not heard of it but? Inform me within the feedback! 🤩😉

Add a Comment

Your email address will not be published. Required fields are marked *