Friday, August 23, 2013

Chrome extensions you can't live without... if you are a web developer

Eye Dropper - A simple color sampler tool
https://chrome.google.com/webstore/detail/hmdcmlfkchdmnmnmheododdhjedfccka

Image Properties Context Menu - You can view image properties with the right mouse button
https://chrome.google.com/webstore/detail/khagclindddokccfbmfmckaflngbmpon

PerfectPixel by WellDoneCode - You can add a png overlay of the site you are building for reference to achieve pixel perfection (or as close to it as you can get)
https://chrome.google.com/webstore/detail/dkaagdgjmgdmbnecmcefdhjekcoceebi

ShowIp - Simply shows the website's IP address
https://chrome.google.com/webstore/detail/agoljmemkbciolpigpabjfkagboolkcj

View Background Image - This one shows the background image of some elements. Unfortunately still doesn't work as well as in Firefox
https://chrome.google.com/webstore/detail/knnjokagadbonknppgkjgjpiolcijbmg

View Image - View the image in a new tab.
https://chrome.google.com/webstore/detail/ggkpgcdaaginfhgoglcgaaicdkoicnhj

Web Developer - Useful for a ton of reasons :-)
http://chrispederick.com/work/web-developer/chrome/

WhatFont - This one tells you exactly what font is used under the mouse pointer. Also tells the size and color...
http://chengyinliu.com/whatfont.html