Sunday, April 21, 2013

My Top 5 Chrome Extensions

In no particular order.

ColorZilla

ColorZilla screenshotColorZilla is an incredibly handy tool for picking colors from a website and so much more.

    Features

  • Eyedropper - get the color of any pixel on the page
  • An advanced Color Picker similar to ones that can be found in Photoshop and Paint Shop Pro
  • Webpage Color Analyzer - analyze DOM element colors on any Web page, locate corresponding elements
  • Ultimate CSS Gradient Generator
  • Palette Viewer with 7 pre-installed palettes
  • Color History of recently picked colors
  • Displays element information like tag name, class, id, size etc.
  • Outline elements under the cursor
  • Manipulate colors by their Red/Green/Blue orHue/Saturations/Value components.
  • Auto copy the generated or sampled colors to the clipboard in CSS RGB, Hex and other formats.
  • Keyboard shortcuts for quickly sampling page colors using the keyboard.
  • Get the color of dynamic elements (hovered links etc.) by resampling the last sampled pixel

WhatFont

WhatFont screenshotWhatFont is to fonts as ColorZilla is to colors. It allows you to hover over fonts to find out what they are. 

Page Ruler

Page Ruler screenshot
Page Ruler quickly allows you to determine the width and height and location of anything on a website.


Awesome Screenshot

Need a screenshot of an entire web page, not just what your window shows? Awesome Screenshot is the extension for you. It also lets you annotate your screenshots. I find this one works better than any of the others I've tried, plus it's linked with my Diigo account.


Kraken

Are your images optimized? Kraken will optimize all of the images on your page and let you conveniently download them, cutting many kilobytes of your overall page size.