{"id":2189,"date":"2014-03-31T12:25:22","date_gmt":"2014-03-31T12:25:22","guid":{"rendered":"http:\/\/www.sitekickr.com\/blog\/?p=2189"},"modified":"2014-03-31T12:29:55","modified_gmt":"2014-03-31T12:29:55","slug":"week-5","status":"publish","type":"post","link":"https:\/\/www.sitekickr.com\/blog\/week-5\/","title":{"rendered":"ColorZilla, PDF Extraction and Aligning Checkboxes in Week #5"},"content":{"rendered":"<h2>Design<\/h2>\n<h3>ColorZilla Chrome Extension<\/h3>\n<p>The easier way to grab colors from the web. I&#8217;m in love with this tool &#8211; After years of using my desktop snipping tool to grab a slice of the web page, pasting it into PhotoShop, then grabbing the color.<\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/colorzilla\/bhlhnicpbhignbdhedgjhgdocnmhomnp\/related?hl=en\">https:\/\/chrome.google.com\/webstore\/detail\/colorzilla\/bhlhnicpbhignbdhedgjhgdocnmhomnp\/related?hl=en<\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Extract PDF<\/h3>\n<p>If you&#8217;re like me, you get a lot of designs and layouts as PDF files. I kinda understand it &#8211; a designer protects their work by providing you with an un-layered version of their design. \u00a0Then, most future revisions to the design must go through the designer first. The problem is that it&#8217;s often difficult to create a website template from a PDF file.<\/p>\n<p>I found this tool last week, which makes the process a bit less painful. Using the PDF Extractor, I&#8217;m able to grab font information and images.<\/p>\n<p><a href=\"http:\/\/www.extractpdf.com\/\">http:\/\/www.extractpdf.com\/<\/a><\/p>\n<p><a href=\"http:\/\/www.extractpdf.com\/\">\u00a0<\/a><\/p>\n<h2>CSS<\/h2>\n<h3>Aligning checkbox and radio inputs with their label<\/h3>\n<p>Of course, much of this depends on the styling of the label itself, but I&#8217;ve found the following CSS to be the most cross-browser consistent:<\/p>\n<pre>.options-group input { \r\n  width: 13px; \r\n  height: 13px; \r\n  padding: 0; \r\n  margin:0; \r\n  vertical-align: bottom; \r\n  position: relative; \r\n  top: -4px; \r\n  *overflow: hidden;  \/* IE 7 hacks *\/\r\n  *top: -2px; \r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>It was not a very development-centric week for me, but I did pick up a few productivity tips and a quick CSS tip.<\/p>\n","protected":false},"author":1,"featured_media":2133,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"amp_status":""},"categories":[276],"tags":[87,162,273],"_links":{"self":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/2189"}],"collection":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/comments?post=2189"}],"version-history":[{"count":7,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/2189\/revisions"}],"predecessor-version":[{"id":2201,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/2189\/revisions\/2201"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media\/2133"}],"wp:attachment":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media?parent=2189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/categories?post=2189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/tags?post=2189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}