Google Chrome has become popular among web developers, thanks to its superb performance and built-in features. If you are a developer and have not explored the growing library of third-party extensions, you are missing out on tools that can simplify your life. In this post, we highlight 15 useful developer tools. Try some out and see how it impacts your workflow:
This popular Chrome Toolbar extension is a useful SEO analytic tool which displays Google PageRank & Index, Alexa rank, Yahoo links, Bing index, and many other parameters on all webpages viewed. Users can also create custom parameters. A Keyword Density tab tells the frequency of a keyword or phrase on a web page. For help with setting up and utilizing SEOquake, there are links to helpful YouTube tutorial videos on SEOquake’s website.
The simple-to-use extension lets you draw and drag a ruler to get precise measurements of elements on any web page. A bar across the top will display width, height, and position in pixels, and you can color highlight a measured area. It will also show guide lines extending from edges of the drawn ruler. ‘Element Mode’ lets you automatically outline elements when you hover on them.
This button generator tool lets you change the attributes of buttons’ background, fonts, borders, shadows, and padding. After you design a button you like, click on it and you can copy & paste the CSS properties into your CSS file.
Want to know what technologies were used to create a webpage? This website profiler tool is a must-have for developers. Clicking on the BuiltWith icon returns a comprehensive list of all the technologies that it can identify on the page. Tracking includes widgets, analytics, frameworks, publishing, advertising, CDNs, standards, and hosting software.
The popular Stylebot extension lets you change the appearance of your page instantly using styles created by other users on Stylebot Social. You can pick an element and change the font, color, margins, visibility, and more from the editor, or write CSS manually. When you’re on a site, you can preview and install styles created by other users for that site. Check out their demo video to see how it works.
What is the most useful Chrome development extension that you use? What is missing from the toolbox? Share your wisdom.