{"id":997,"date":"2011-01-25T21:48:04","date_gmt":"2011-01-26T05:48:04","guid":{"rendered":"http:\/\/www.bryanhadaway.com\/?p=997"},"modified":"2025-05-22T15:25:53","modified_gmt":"2025-05-22T22:25:53","slug":"screen-calipers-web-designers-best-friend","status":"publish","type":"post","link":"https:\/\/webguy.io\/blog\/screen-calipers-web-designers-best-friend\/","title":{"rendered":"Screen Calipers: Web Designer&#8217;s Best Friend"},"content":{"rendered":"<p>Like a carpenter&#8217;s measuring tape, it&#8217;s right there on your tool belt to assist you when you need it.<\/p>\n<p>We&#8217;re not measuring inches or feet, however, but on-screen pixels. Measure widths and heights, gutters, make sure something is perfectly center, you name it. Also helps out in graphic design projects. A good designer is <a href=\"https:\/\/webguy.io\/blog\/pixel-perfect-code-perfect-graphic-perfect\/\">pixel perfect<\/a>.<\/p>\n<p>For such a simple tool, Screen Calipers are extremely useful. They probably get used once a day at least, similar to other tools that have become daily staples: Notepad, Photoshop, and Firebug. It&#8217;s an important tool to check your work as well on the front-end, just like you check the back-end with the <a href=\"https:\/\/validator.w3.org\/\">W3C Validator<\/a>. They are essential.<\/p>\n<p>If you&#8217;re a new designer, I highly recommend Screen Calipers:<\/p>\n<p><a href=\"https:\/\/webguy.io\/blog\/calipers\/\" class=\"button\" target=\"_blank\" rel=\"nofollow noopener\">For Win<\/a> <a href=\"https:\/\/webguy.io\/blog\/calipers-mac\/\" class=\"button\" target=\"_blank\" rel=\"nofollow noopener\">For Mac<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Like a carpenter&#8217;s measuring tape, it&#8217;s right there on your tool belt to assist you when you need it. We&#8217;re not measuring inches or feet, however, but on-screen pixels. Measure widths and heights, gutters, make sure something is perfectly center, you name it. Also helps out in graphic design projects. A good designer is pixel <a href=\"https:\/\/webguy.io\/blog\/screen-calipers-web-designers-best-friend\/\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  Screen Calipers: Web Designer&#8217;s Best Friend<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,114,46,71,5],"tags":[207,304,246,266,206],"class_list":["post-997","post","type-post","status-publish","format-standard","hentry","category-graphic-design","category-reviews","category-software","category-tools","category-web-design","tag-graphic-design","tag-reviews","tag-software","tag-tools","tag-web-design"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/comments?post=997"}],"version-history":[{"count":0,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/997\/revisions"}],"wp:attachment":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/media?parent=997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/categories?post=997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/tags?post=997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}