If you want to increase the productivity and faster execution time for your developmental project in a quicker fashion. Chrome Extensions comes into the place!
It will help you to boost your work activities and show you more trends that other developers are talking about! Ok let’s Start
1. Font Face Ninja – Font Identifier Extension
Font details You can get more information about fonts. Check how many styles are available, their foundry, and price.
Font Bookmarks Bookmark fonts and manage your font bookmarks right within the extension.
Trial Fonts (premium only) The optional macOS/windows app installs trial versions of fonts you discover on websites. You can then use them in any software. This is a paid feature with a free trial.
2. React – Developer Tools Extension
You will get two new tabs in your Chrome DevTools: “⚛️ Components” and “⚛️ Profiler”.
3. ColorZilla – Color Picker Extension
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
ColorZilla, one of the most popular Firefox developer extensions with over 5 million downloads is finally available for Chrome!
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. And it can do so much more…
== Features == ✓ Eyedropper – get the color of any pixel on the page ✓ Advanced Color Picker (similar to Photoshop’s) ✓ Ultimate CSS Gradient Generator ✓ Webpage Color Analyzer – get a color palette for any site ✓ Palette Viewer with 7 pre-installed palettes ✓ Color History of recently picked colors ✓ Displays element information like tag name, class, id, size etc. ✓ Auto copy picked colors to clipboard ✓ Keyboard shortcuts ✓ Get colors of dynamic hover elements ✓ Single-click to start color picking (currently only on Windows) ✓ Pick colors from Flash objects ✓ Pick colors at any zoom level
4. Marmoset – Code Generator Extension
Marmoset is a Chrome App which lets you create gorgeous code snapshots within seconds.
5. Page Ruler – Size Checker Extension
Page Ruler is for measuring objects on web pages. Measure it width and height in pixels.
Page Ruler is popular app for measuring elements on web pages. Measure it width and height in pixels on any websites. Click the icon and draw ruler to get pixel dimensions. The color icon means the on mode for measurement. The black and white icon means off. Thank you for installation and please give Page Ruler five stars! Page Ruler may change your search engine to best for you.
6. Web Developer- Developer Tool Extension
Adds a toolbar button with various web developer tools.
The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.
7. LambdaTest- Cross Browser Testing Extension
Generate Screenshots on different mobile and desktop browsers from Google Chrome.
Take full page screenshots of your website or webapps across 2000+ different browsers and operating system combinations. Make sure that your webpage is cross browser compatible and responsive across all major browsers, browser versions, operating systems, mobile devices, and resolutions. So not just on Chrome, the plugin takes screenshot on Firefox, Safari, Internet Explorer, Edge, Android Chrome, and iOS Safari. These screenshots will help you in quickly finding browser compatibility issues of your webpages and help you in making sure that your end users get similar experience across all platforms.
With a single click you can take direct screenshots on upto 25 different browser and operating system configuration at a time. All screenshots are taken on real browsers running on real operating systems on cloud connected real machines.
8. Clear Cache- Cache-Clearing Extension
Clear your cache and browsing data with a single click of a button.
Quickly clear your cache with this extension without any confirmation dialogs, pop-ups or other annoyances.
You can customize what and how much of your data you want to clear on the options page, including: App Cache, Cache, Cookies, Downloads, File Systems, Form Data, History, Indexed DB, Local Storage, Plugin Data, Passwords and WebSQL.
Cookies can either be removed globally, only for certain domains or for everything except for certain domains.
9. Site Palette – Palette Generator Extension
Extract colours from any website
Free browser extension that generates colour palettes. A must-have tool for designers and frontend developers. Grab colours for any website.
– FREE Site Palette API available!
– Several palette generators supported
– Shareable links created
– Preview palette image available for download
– Download auto-generated Sketch template
– Adobe Swatch support added
– Play with the palettes at coolors.co (we’re not associated with them) – Fine-tune the palettes at Google Art Palette
– Print styles added: print out or save palettes to PDF
A browser extension to generate comprehensive palettes. A must-have tool for designers and frontend developers. Free colour scheme extraction.
10. Code Cola – Source Code Viewer Extension
Code Cola is a chrome extension for editing online pages’ css style visually.
Like This Article? Subscribe to our newsletter! To receive more cool stuff and other important updates from us ❤️