Main Google Chrome Extensions for Web Designers and Developers
Since 2008 Google Chrome has confirmed its worldwide power as the best browser that has become quite popular for a short period of time. Though there are thousands of other things it has to offer its users – they are called extensions. You can visit Extensions Webstore and find many useful adds that will simplify your web presence. All extensions are divided into categories, so you can easy navigate through this Webstore and find exactly what you are looking for.
Basically, extensions are special programs that can modify and enhance functionality of Chrome browser and make your work more convenient and productive. But extensions and packaged apps have various user interfaces, so they quite differ from each other. To put it briefly, extensions have little to no UI, so when you are installing any extension, the buttons will be displayed to the right side of the address bar.
This time we’ve selected for you the most essential Google Chrome extensions for all web designers and developers. Have a look at the presented here extensions and find those you need the most!
This extension presents text box to any HTML page, so you can simply write CSS and see the result at the same time. The extension options allow you setting default key commands to open and close the editor; turn off the warning that is shown when you close the editor; and enable or disable the automatic saving of your changes when you close the editor.
* * *
If you need to find and fix performance problems in your web applications, choose Speed Tracer – a great tool that visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Problems caused by layout, JavaScript parsing and execution, CSS style recalculation, DOM event handling, timer fires, painting, etc. can be fixed with the help of Speed Tracer.
* * *
Web Developer extension adds toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.
* * *
If you want to create a color palette that matches an image from your website, you can simply use this great extension and by clicking on the necessary image you can select the ‘Palette for Chrome’ option and choose the number of colors.
* * *
Ripple – Mobile Environment Emulator
Ripple is a multi-platform mobile environment emulator that is custom-tailored to mobile HTML5 application development and testing. Ripple aims to reduce the challenges being faced by mobile developers caused by today’s platform fragmentation in the marketplace. Ripple is targeted towards WebWorks, PhoneGap, and mobile web development and testing.
* * *
The XDK is the world’s first HTML5 powered mobile application development tool. With it, you can create, debug and build customized, robust HTML5 apps in hours. appMobi’s cloud-based build system turns your HTML5-based apps into 100% native API-compliant mobile apps for iOS or Android, or you can deploy them as webapps or Chrome apps.
* * *
Daltonization is a technique of exposing details to color-blind users, allowing them see what they otherwise would have missed.
* * *
Overlay “960.gs” guides over a webpage that uses the 960 Grid System. Sites that use the “960 Grid System” are automatically detected; click the “960? icon in the address bar to overlay a grid over your webpage.
* * *
Eye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history. Eye Dropper is extension for Google Chrome and Chromium. It allows you to pick color from any webpage or from advanced color picker. It is great tool for web developers.
* * *
This extension provides you a preview of Google’s web fonts on current web page.
* * *
An extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.
* * *
WordPress Stats for chrome provides you the referrers, top posts, search term and clicks of your blog without the need to login your blog dashboard.
* * *
Expansion is aimed at facilitating the daily work primarily with the CMS Joomla! As well as any other CMS systems. There are options to select image alt, resize windows, reboot, css, and many other useful features.
* * *
Pull feeds and news from Drupal, Drupal Planet, Drupal Association to your beloved browser; Chrome, and enjoy news with draggable tabs. Integrated with “Read it Later” Load more feeds.
* * *
This extension will help web developer to inspect web framework / CMS and javascript library running on current browsing website. An icon will appear on address bar indicates the detected framework. Version detecting is being implemented. Currently, this extension can detect more than 100 popular CMS and javascript libraries, and more will be added in future releases. Visit extension website for more detail.
* * *
Simple extension for jQuery developers that allows quickly search through API documentation. Displays short method description, list of available parameters, and provides a direct link to this method on jQuery site. All alternate signatures for the current method are also shown.
* * *
Quickly search almost everything google is capable of – get easy access to the most commonly used google services, available at any time including Mail, Google+, Calendar, Web, Translate, etc.
* * *
