Useful Google Chrome Extensions

Google Chrome is becoming more popular with web designers and developers but is still way behind Firefox. Firefox is popular because of the amount of plugins and addons available, which makes it more flexible for their specific requirements. But with the launch of Google Chrome extensions, Chrome has now become much more flexible for developers and designers, allowing them to use the same extensions that are available on Firefox.

In this post I will be listing some of the most useful extensions for developers and designers.

Web Developer

Web Developer was originally created for Firefox and has no been ported over to Chrome but with an improved interface. This tool has tons of options for understanding and examining web page layouts, which include displaying CSS information about elements, showing block element stacking controls and much more. Unfortunately this extension doesn’t work with the latest version of Chrome on the Mac.

Get Extension

Chrome Web Developer

Resolution Test

This extension is for testing websites in different resolutions, with the ability to add custom resolutions. This is a very useful extension for making sure that your websites still work with different monitor sizes.

Get Extension

Chrome Resolution Test

SEO Site Tools

SEO Site Tools is an extension that gives users a range of very useful tools and information for evaluating SEO on a site. It can display loads of information such as page rank, links in and out, social media information and much more.

Get Extension

Chrome SEO Site Tools

IE Tab

With IE Tab, developers can view any website in a tab that is running Internet Explorer inside Chrome. This means that users can see how a site will look in IE and make sure it runs correctly. This extension will only work with the Windows version of Chrome.

Get Extension

Chrome IE Tab

Eye Dropper

With this extension, users can find out what colours are used on a website. Once the extension is installed users click the button to display the interface, then click the colour picker button and click on the site to see what colour is used. The user will then be able to see the RGB levels and HTML code of each colour.

Get Extension

Chrome Eye Dropper

Firebug Lite

This extension is one of the most popular for Firefox and allows users to view and edit the CSS and HTML on any page without having to use an external program. Firebug Lite is a scaled down version of Firebug and just includes the most essential features, and a console interface for more advanced users.

Get Extension

Chrome Firebug Lite

Related posts:

  1. Google Chrome 5 Beta
  2. Google Fonts API
  3. Google Products For Web Developers
  4. Google TV Launched
  5. Quick Tip 23 – Remove Google Directions

Tags:

Leave a Reply

Contact Us Today...

For more information regarding any of our services or to arrange a free consultation simply send us a message or call 02920 290 080 for Cardiff and 01179 000 482 for Bristol.

Firefox 4 Beta

Mozilla have released the first beta version of Firefox 4. The latest version of this browser will include better support for many of the new web technologies, a new add on manager, crash protection from third party plugins and accelerated hardware support. One of the most obvious changes is that the tabs have now been moved [...]
» more

Cardiff: 02920 290 080 Bristol: 01179 000 482