{"id":6432,"date":"2010-10-11T23:58:53","date_gmt":"2010-10-12T06:58:53","guid":{"rendered":"http:\/\/emilychang.com\/?p=6432"},"modified":"2010-10-11T23:54:23","modified_gmt":"2010-10-12T06:54:23","slug":"the-square-grid-css-framework","status":"publish","type":"post","link":"https:\/\/emilychang.com\/blog\/2010\/10\/the-square-grid-css-framework\/","title":{"rendered":"The Square Grid CSS Framework"},"content":{"rendered":"<p><a class=\"lightbox\" title=\"squaregrid\" href=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2010\/10\/squaregrid.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6434\" title=\"squaregrid\" src=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2010\/10\/squaregrid-550x266.jpg\" alt=\"\" width=\"550\" height=\"266\" srcset=\"https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2010\/10\/squaregrid-550x266.jpg 550w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2010\/10\/squaregrid-600x291.jpg 600w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2010\/10\/squaregrid-255x123.jpg 255w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2010\/10\/squaregrid-558x271.jpg 558w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2010\/10\/squaregrid.jpg 618w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.thesquaregrid.com\/\">The Square Grid<\/a> is &#8220;a CSS framework for designers and developers based on 35 equal-width columns. The grid is equiped with a 28px baseline-grid for a smooth vertical rhythm. Each block (DIV) is defined with a margin of 1 square (28px) from the next block.&#8221;<\/p>\n<p>The files include sketch sheets for printing (PDF), design layout templates (for Photoshop, InDesign and Illustrator), code files with explanations (CSS, HTML).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Square Grid is &#8220;a CSS framework for designers and developers based on 35 equal-width columns. The grid is equiped with a 28px baseline-grid for a smooth vertical rhythm. Each block (DIV) is defined with a margin of 1 square (28px) from the next block.&#8221; The files include sketch sheets for printing (PDF), design layout&hellip;<\/p>\n","protected":false},"author":1,"featured_media":6434,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[89],"tags":[954,59,810],"class_list":["post-6432","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bookmarks","tag-css","tag-design","tag-webdev"],"acf":[],"_links":{"self":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts\/6432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/comments?post=6432"}],"version-history":[{"count":0,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts\/6432\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/media\/6434"}],"wp:attachment":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/media?parent=6432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/categories?post=6432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/tags?post=6432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}