{"id":547,"date":"2009-03-29T18:23:13","date_gmt":"2009-03-29T17:23:13","guid":{"rendered":"http:\/\/toki-woki.net\/blog\/?p=547"},"modified":"2022-03-29T21:53:03","modified_gmt":"2022-03-29T20:53:03","slug":"boks-a-visual-grid-editor","status":"publish","type":"post","link":"http:\/\/toki-woki.net\/blog\/p547-boks-a-visual-grid-editor","title":{"rendered":"Boks&#8211;A Visual Grid Editor"},"content":{"rendered":"<p style=\"text-align: center;\"><a class=\"img\" href=\"http:\/\/toki-woki.net\/p\/Boks\/\"><img loading=\"lazy\" class=\"aligncenter\" title=\"Boks\" src=\"http:\/\/toki-woki.net\/1\/p\/Boks\/css\/asset\/logo.gif\" alt=\"\" width=\"350\" height=\"418\" \/><\/a><\/p>\n<p>Introducing <a href=\"http:\/\/toki-woki.net\/p\/Boks\/\">Boks<\/a>, my latest and most ambitious <strong>AIR app <\/strong>to this day!<\/p>\n<p>Do you design <strong>web pages<\/strong>? Do you write <strong>HTML and CSS<\/strong>? Ever heard about the <a href=\"http:\/\/www.thegridsystem.org\/\">Grid System<\/a> and <a href=\"http:\/\/www.blueprintcss.org\/\">Blueprint CSS<\/a>? Thought it was a pain to implement? <strong>Think again<\/strong>, fool!<!--more--><\/p>\n<p>Boks is some kind of <strong>WYSIWYG<\/strong> to help you <strong>setup a grid <\/strong>and <strong>baseline rhythm<\/strong>, build and fill <strong>your layout <\/strong>and export all this to HTML and CSS in no time.<\/p>\n<p>Got your own CSS style already? No problemo, <a href=\"http:\/\/toki-woki.net\/p\/Boks\/\">Boks<\/a> can use them and eventually <strong>merge and compress <\/strong>them within a single &#8220;screen.css&#8221;. Your styles use images? Simply point to your asset directory and it will be <strong>included <\/strong>too! Afraid of breaking the baseline rhythm with you randomly sized images? Just select the &#8220;<strong>Add JS to fix baselines<\/strong>&#8221; option and you&#8217;re good to go!<\/p>\n<p>Enough. Just <a href=\"http:\/\/toki-woki.net\/p\/Boks\/\">go grab it<\/a> (or just have a look at the lovely screenshots) and send feedback!<\/p>\n<p>Apr 01, 2009: <strong>Update!<\/strong> I&#8217;ve done some wacky <a href=\"http:\/\/toki-woki.net\/p\/Boks\/help.html\">video screencasts<\/a> that can help you understand everything about Boks, go and have a look! <em>Yes, the sound is not perfect.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducing Boks, my latest and most ambitious AIR app to this day! Do you design web pages? Do you write HTML and CSS? Ever heard about the Grid System and Blueprint CSS? Thought it was a pain to implement? Think again, fool!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,6],"tags":[65,41,96,19,89,30,39,64,31],"acf":[],"_links":{"self":[{"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/posts\/547"}],"collection":[{"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/comments?post=547"}],"version-history":[{"count":23,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/posts\/547\/revisions"}],"predecessor-version":[{"id":3009,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/posts\/547\/revisions\/3009"}],"wp:attachment":[{"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/media?parent=547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/categories?post=547"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/tags?post=547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}