{"id":84,"date":"2008-03-26T04:47:23","date_gmt":"2008-03-26T10:47:23","guid":{"rendered":"http:\/\/markup.thekraemers.com\/2008\/03\/26\/960-grid-system-layout-system-sure-to-save-design-development-time\/"},"modified":"2008-03-26T04:47:23","modified_gmt":"2008-03-26T10:47:23","slug":"960-grid-system-layout-system-sure-to-save-design-development-time","status":"publish","type":"post","link":"http:\/\/markup.thekraemers.com\/?p=84","title":{"rendered":"960 Grid System layout tools and code sure to save design &#038; development time"},"content":{"rendered":"<p><a href=\"http:\/\/960.gs\"><img decoding=\"async\" id=\"image85\" src=\"http:\/\/markup.thekraemers.com\/wp-content\/uploads\/2008\/03\/960.png\" alt=\"960 Grid System\" class=\"alignright\"\/><\/a><a href=\"http:\/\/sonspring.com\/\">Nathan Smith<\/a> has launched <a href=\"http:\/\/960.gs\">960.gs<\/a>, a very promising framework and design toolset for layout using CSS. Besides a great foundation of code for implementing a flexible grid system, he&#8217;s created accompanying templates for sketching preliminary designs on paper and wireframing detailed designs in Visio, OmniGraffle, Fireworks, and\/or Photoshop. As with any Nathan Smith endeavor, this kit is very well thought-out and executed. He&#8217;s considered many details and implemented them thoroughly.<\/p>\n<p>If you&#8217;re looking to cut down development time while sketching, wireframing, or coding hi-fi prototypes in HTML, Nathan&#8217;s work in the 960.gs is sure to be a great starting point.<\/p>\n<p>Read more about the whys and hows in Nathan&#8217;s <a href=\"http:\/\/sonspring.com\/journal\/960-grid-system\">explanatory post on sonspring.com<\/a>, and download the framework (only 180KB for all the tools, only 4KB of actual code code compressed) at <a href=\"http:\/\/960.gs\">960.gs<\/a>,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nathan Smith has launched 960.gs, a very promising framework and design toolset for layout using CSS. Besides a great foundation of code for implementing a flexible grid system, he&#8217;s created accompanying templates for sketching preliminary designs on paper and wireframing detailed designs in Visio, OmniGraffle, Fireworks, and\/or Photoshop. As with any Nathan Smith endeavor, this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,7,8],"tags":[],"class_list":["post-84","post","type-post","status-publish","format-standard","hentry","category-code","category-process","category-prototyping"],"_links":{"self":[{"href":"http:\/\/markup.thekraemers.com\/index.php?rest_route=\/wp\/v2\/posts\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/markup.thekraemers.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/markup.thekraemers.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/markup.thekraemers.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/markup.thekraemers.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=84"}],"version-history":[{"count":0,"href":"http:\/\/markup.thekraemers.com\/index.php?rest_route=\/wp\/v2\/posts\/84\/revisions"}],"wp:attachment":[{"href":"http:\/\/markup.thekraemers.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=84"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/markup.thekraemers.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=84"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/markup.thekraemers.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}