Handy chrome extensions for front end developers
Chrome extensions have come in handy quite a number of times for our front end developers. Below we have listed the most used tools by them.
Resize browser window to emulate various screen resolutions
2. Page Ruler
Draw a ruler to get pixel dimensions and positioning, and measure elements on any web page.
Change the appearance of websites instantly. Preview and install styles created by other users on stylebot.me
This extension uses HTML5 algorithm to create a table of contents.
It should also work well with HTML 4 (and older) pages, that have structured headings.
This extension helps you to test fonts on active chrome tab via typewonder.com
A tool to measure screen dimensions.
Responsive Inspector allows inspecting page media queries.
8. Firebug Lite
Firebug Lite provides the rich visual representation we are used to seeing in Firebug when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elements with your mouse and live editing CSS properties.
9. Eye Dropper
Eye Dropper is open source extension which allows you to pick colors from web pages, color picker, and your personal color history.
The Official Alexa Traffic Rank Extension, providing Alexa Traffic Rank and site Information when clicked.
Find out what the website you are visiting is built with using this extension.
12. Corporate Ipsum
Generate random corporate doublespeak for use as filler text.
13. Code Cola
Code Cola is a chrome extension for editing online pages’ CSS style visually.
Extended web developer tools for Chrome. Use this extension in addition to the built-in Developer Tools (Ctrl+Shift+I).
Make your pages faster with Yahoo!’s page performance tool.
Hit the ❤ button if you liked this article! You’ll help others find it.