{"id":201,"date":"2014-09-11T22:35:33","date_gmt":"2014-09-11T22:35:33","guid":{"rendered":"http:\/\/art556.com\/?page_id=201"},"modified":"2014-09-11T22:35:33","modified_gmt":"2014-09-11T22:35:33","slug":"grid-resources","status":"publish","type":"page","link":"http:\/\/m.pebblerd.com\/interactivemedia\/resources\/grid-resources\/","title":{"rendered":"Grid Resources"},"content":{"rendered":"<h1>from lynda.com<\/h1>\n<h2><a title=\"Design by Grid\" href=\"http:\/\/www.designbygrid.com\/\" target=\"_blank\">Design by Grid<\/a><\/h2>\n<p>Design by Grid is a fantastic collection of articles and tutorials designed to promote the use of grids in web design.<\/p>\n<h2><a title=\"The Grid System\" href=\"http:\/\/www.thegridsystem.org\/\" target=\"_blank\">The Grid System<\/a><\/h2>\n<p>Perhaps my favorite collection of articles, links, templates, and books on grid-based design. Invaluable.<\/p>\n<h2><a title=\"Typographic Style\" href=\"http:\/\/webtypography.net\" target=\"_blank\">The Elements of Typographic Style Applied to the Web<\/a><\/h2>\n<p>While not strictly grid-focused, this web adaptation of Robert Bringhurst\u2019s book<em> The Elements of Typographic Style<\/em> is a fantastic resource for learning how typography should translate to the screen, and how to calculate and measure text.<\/p>\n<h2><a title=\"Golden Rule Calculator\" href=\"http:\/\/goldenratiocalculator.com\/\" target=\"_blank\">Golden Ratio Calculator<\/a><\/h2>\n<p>Fantastic tool for calculating the widths and relationships of elements based on the Golden Mean.<\/p>\n<h2><a title=\"960 Grid\" href=\"http:\/\/960.gs\/\" target=\"http:\/\/960.gs\/\">960 Grid System<\/a><\/h2>\n<p>While I&#8217;m not advocating using the 960 grid system, this site offers plenty of how-to to go along with its popular grid system. Explore the site, read through the documentation, and find out how the system works. Ideal for deciding if a grid-based system is right for you, or for learning how to build your own.<\/p>\n<h2><a title=\"Grid based\" href=\"http:\/\/grid-based.com\/\" target=\"_blank\">Grid Based<\/a><\/h2>\n<p>Nice gallery of grid-based sites that you can learn from and be inspired by.<\/p>\n<h2><a title=\"Hash Grid\" href=\"http:\/\/hashgrid.com\/\" target=\"_blank\">Hash Grid<\/a><\/h2>\n<p>A really nice, compact javascript-based grid that you can include in your files. It allows you to turn on the grid at anytime to check how your design elements fit within your targeted grid.<\/p>\n<h2><a title=\"960 Gridder\" href=\"http:\/\/peol.github.com\/960gridder\/\" target=\"_blank\">960 Gridder<\/a><\/h2>\n<p>Another useful grid overlay tool for designing your sites. Can be activated as a bookmarklet or injected into your sites<\/p>\n","protected":false},"excerpt":{"rendered":"<p>from lynda.com Design by Grid Design by Grid is a fantastic collection of articles and tutorials designed to promote the use of grids in web design. The Grid System Perhaps my favorite collection of articles, links, templates, and books on grid-based design. Invaluable. The Elements of Typographic Style Applied to the Web While not strictly [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":40,"menu_order":10,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-201","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/pages\/201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":0,"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/pages\/201\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/pages\/40"}],"wp:attachment":[{"href":"http:\/\/m.pebblerd.com\/interactivemedia\/wp-json\/wp\/v2\/media?parent=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}