ColorZilla, PDF Extraction and Aligning Checkboxes in Week #5

Design

ColorZilla Chrome Extension

The easier way to grab colors from the web. I’m in love with this tool – After years of using my desktop snipping tool to grab a slice of the web page, pasting it into PhotoShop, then grabbing the color.

https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp/related?hl=en

Extract PDF

If you’re like me, you get a lot of designs and layouts as PDF files. I kinda understand it – a designer protects their work by providing you with an un-layered version of their design.  Then, most future revisions to the design must go through the designer first. The problem is that it’s often difficult to create a website template from a PDF file.

I found this tool last week, which makes the process a bit less painful. Using the PDF Extractor, I’m able to grab font information and images.

http://www.extractpdf.com/

CSS

Aligning checkbox and radio inputs with their label

Of course, much of this depends on the styling of the label itself, but I’ve found the following CSS to be the most cross-browser consistent:

.options-group input { 
  width: 13px; 
  height: 13px; 
  padding: 0; 
  margin:0; 
  vertical-align: bottom; 
  position: relative; 
  top: -4px; 
  *overflow: hidden;  /* IE 7 hacks */
  *top: -2px; 
}