Home

Google Chrome Browser

making the web faster, safer, and easier

Main menu

  • Home
  • Chromebook
  • Chrome OS
  • Android
  • Releases
    • Stable
    • Beta channel
    • Dev channel
  • Downloads
  • Videos
    • Top Rated
    • Most Viewed
    • Most Commented
  • Articles
    • Top Rated
    • Most Viewed
    • Most Commented
  • About Us
Home

Subscribe to Google Chrome Browser by e-mail

Syndicate

User login

Tag Cloud

Beta updates browser browsers browsing chrome chromebook chrome extensions Chrome OS chromium Dev updates Downloads extensions Firefox Google googlechrome google chrome Internet Explorer Linux open source opera release security Stable updates TC video web web browser web browsers windows
more tags

Twitter Updates

Follow us on Twitter


    17 Google Chrome Extensions for Web Designers and Developers

    • View
    • Track
    Submitted by admin on Mon, 02/15/2010 - 15:24
    • design
    • google chrome
    • Resources
    • Web Design

    Firefox is the browser of choice for most designers and developers in part because of the vast selection of add ons that are available. While does not offer anywhere close to as many extensions (yet), there are still a number that can be very handy for designers and developers. In some cases they are not as robust as the Firefox versions (example, Firebug and Firebug Lite), but if you are using Chrome you may be interested to know about the extensions that are available. Additionally, Chrome comes with some developer tools built in.

    In this post we’ll feature 17 of the most useful Chrome extensions for designers and developers. Hopefully in time the selection and quality of Chrome extensions will be able to rival those of Firefox.

    Speed Tracer

    is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).

    Firebug Lite

    is a tool for web developers, that allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

    Pendule

    displays linked and embedded style sheets of the current page in a new tab. It reloads the style sheets for the current page on the fly, so you don’t have to reload the whole page for each change, and also disables CSS for the current page.

    Eye Dropper

    and Color Picker extension which allows you to pick color from any webpage or from advanced color picker.

    Aviary Screen Capture

    With you can take a screenshot of any webpage and edit it directly in your browser with Aviary.com applications. Plus convenient access to the Aviary website and tools.

    PlainClothes

    styles — or rather “unstyles” — the web. Just imagine: text is black, backgrounds are white, unread links are blue, visited links are purple, all links are underlined. Or any other colors you like. And all text is rendered in your default fonts (as defined in “Options” > “Under the Hood” > “Change font and language settings”). Everywhere. Automatically.

    Chrome Sniffer

    will help web developers to inspect web framework / CMS and javascript libraries running on websites while browsing. An icon will appear on the address bar indicating the detected framework.

    Lorem Ipsum Generator

    extension creates random dummy “Lorem Ipsum” text.

    Chrome SEO

    The Google Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.

    IE Tab

    will allow you to use Internet Explorer to display web pages in a Chrome tab. Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome. Great for web developers who want to test the IE rendering engine, users who use sites with ActiveX controls, and users who want to use the explorer view for local files (i.e. file:// URLs).

    Resolution Test

    is an extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.

    MeaureIt!

    With you can draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

    Validity

    can be used to quickly validate your HTML documents from the address bar. Just click the icon in the address bar to validate the current document without leaving the page. The number of validation errors can be seen in the tool tip.

    Snippy

    allows you to grab snippets of web pages and save them for future use. Snippy capture rich contents and preserves formatting, so you can capture paragraphs, images, links and more.

    META SEO Inspector

    can be useful to inspect the meta data found inside web pages, usually not visible while browsing.

    LastPass

    is a free online password manager and Form Filler that makes your web browsing easier and more secure.

    Google Tasks

    allows you to access Google Tasks from any web page at any time. Great for just jotting something down or checking your agenda.

     

    • 3265 reads
    • Feed: DesignM.ag
    • Original article

    Post new comment

    Google Chrome Browser is a community site for users and developers of the browser.
    Google™ is a Trademark of Google Inc. All other company and product names may be trademarks of the respective companies with which they are associated.
    Google Chrome Browser site is not affiliated with or sponsored by Google Inc.
    Google Chrome Browser site is built on the Drupal open source content management system.