{"id":13596,"date":"2016-09-17T03:40:06","date_gmt":"2016-09-17T03:40:06","guid":{"rendered":"http:\/\/blogs.vsb.bc.ca\/dkeller\/?page_id=13596"},"modified":"2016-09-17T03:40:06","modified_gmt":"2016-09-17T03:40:06","slug":"the-grid-system-of-layout","status":"publish","type":"page","link":"https:\/\/blogs.vsb.bc.ca\/dkeller\/the-grid-system-of-layout\/","title":{"rendered":"The Grid System of Layout"},"content":{"rendered":"<div class=\"entry-content\">\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-13602\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g6.jpg\" alt=\"g6\" width=\"490\" height=\"140\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g6.jpg 490w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g6-150x43.jpg 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g6-300x86.jpg 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g6-260x74.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g6-160x46.jpg 160w\" sizes=\"(max-width: 490px) 100vw, 490px\" \/><\/p>\n<p><a href=\"http:\/\/jo-online.vsb.bc.ca\/blogs\/jo\/keller\/jo-online.vsb.bc.ca\/keller\/wp-content\/uploads\/2009\/11\/grids_are_good.pdf\">grids_are_good<\/a> (This is a powerpoint presentation)<\/p>\n<p><a href=\"http:\/\/www.smashingmagazine.com\/2007\/04\/14\/designing-with-grid-based-approach\/\">Designing With Grid-Based Approach<\/a><\/p>\n<p><a class=\"image-anchor\" href=\"http:\/\/jo-online.vsb.bc.ca\/blogs\/jo\/keller\/files\/2009\/11\/g1.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-13597\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g1.jpg\" alt=\"g1\" width=\"470\" height=\"100\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g1.jpg 470w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g1-150x32.jpg 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g1-300x64.jpg 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g1-260x55.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g1-160x34.jpg 160w\" sizes=\"(max-width: 470px) 100vw, 470px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.incompetech.com\/graphpaper\/\">Free Online Graph Paper \/ Grid Paper PDFs<\/a><\/p>\n<h1><strong><a href=\"http:\/\/desktoppub.about.com\/od\/grids\/l\/aa_gridsorder.htm\">Grids: Order Out of Chaos<\/a><\/strong><\/h1>\n<p><strong><a href=\"http:\/\/www.alistapart.com\/articles\/outsidethegrid\/\">Thinking Outside the\u00a0Grid<\/a><\/strong><\/p>\n<p><strong><a class=\"image-anchor\" href=\"http:\/\/johnoliverschool.vsb.bc.ca\/keller\/wp-content\/uploads\/2009\/11\/g2.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-13598\" src=\"http:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g2.jpg\" alt=\"g2\" width=\"470\" height=\"380\" srcset=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g2.jpg 470w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g2-150x121.jpg 150w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g2-300x243.jpg 300w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g2-260x210.jpg 260w, https:\/\/blogs.vsb.bc.ca\/dkeller\/files\/2016\/09\/g2-160x129.jpg 160w\" sizes=\"(max-width: 470px) 100vw, 470px\" \/><\/a><br \/>\n<\/strong><\/p>\n<p><a href=\"http:\/\/www.welie.com\/patterns\/showPattern.php?patternID=grid-based-layout\">Grid-based Layout<\/a><\/p>\n<p><a href=\"http:\/\/www.inspiredm.com\/2009\/07\/03\/web-design-trend-hunting-fluid-grid-layout-10-outstanding-examples-1-tutorial\/\">Fluid Grid Layout<\/a><\/p>\n<p><a class=\"image-anchor\" href=\"http:\/\/jo-online.vsb.bc.ca\/blogs\/jo\/keller\/files\/2009\/11\/g3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1134\" src=\"http:\/\/jo-online.vsb.bc.ca\/blogs\/jo\/keller\/files\/2009\/11\/g3.jpg\" alt=\"g3\" width=\"490\" height=\"140\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.poynter.org\/column.asp?id=47&amp;aid=37529\">The Grid: The Structure of Design<\/a><\/p>\n<p><a href=\"http:\/\/journalism.okstate.edu\/faculty\/kstan\/ketterer\/fund2.htm\">Design Fundamentals<\/a><\/p>\n<p><a class=\"image-anchor\" href=\"http:\/\/jo-online.vsb.bc.ca\/blogs\/jo\/keller\/files\/2009\/11\/g4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1132\" src=\"http:\/\/jo-online.vsb.bc.ca\/blogs\/jo\/keller\/files\/2009\/11\/g4.jpg\" alt=\"g4\" width=\"441\" height=\"126\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.emanuelblagonic.com\/2007\/02\/16\/developing-the-grid-that-supports-your-design\/\">Developing the grid that supports your design<\/a><\/p>\n<p><a class=\"image-anchor\" href=\"http:\/\/jo-online.vsb.bc.ca\/blogs\/jo\/keller\/files\/2009\/11\/g5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1130\" src=\"http:\/\/jo-online.vsb.bc.ca\/blogs\/jo\/keller\/files\/2009\/11\/g5.jpg\" alt=\"g5\" width=\"490\" height=\"140\" \/><\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>grids_are_good (This is a powerpoint presentation) Designing With Grid-Based Approach Free Online Graph Paper \/ Grid Paper PDFs Grids: Order Out of Chaos Thinking Outside the\u00a0Grid Grid-based Layout Fluid Grid Layout The Grid: The Structure of Design Design Fundamentals Developing&hellip;<\/p>\n<p class=\"more-link-p\"><a class=\"more-link\" href=\"https:\/\/blogs.vsb.bc.ca\/dkeller\/the-grid-system-of-layout\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":20,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13596","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/pages\/13596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/comments?post=13596"}],"version-history":[{"count":1,"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/pages\/13596\/revisions"}],"predecessor-version":[{"id":13603,"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/pages\/13596\/revisions\/13603"}],"wp:attachment":[{"href":"https:\/\/blogs.vsb.bc.ca\/dkeller\/wp-json\/wp\/v2\/media?parent=13596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}