{"id":3,"date":"2018-09-08T16:06:29","date_gmt":"2018-09-09T00:06:29","guid":{"rendered":"http:\/\/www.han.co\/blog\/?p=3"},"modified":"2018-10-26T16:48:26","modified_gmt":"2018-10-27T00:48:26","slug":"making-pretty-things-on-the-web","status":"publish","type":"post","link":"http:\/\/www.han.co\/blog\/?p=3","title":{"rendered":"Making Pretty Things on the Web"},"content":{"rendered":"<p>I&#8217;ve been spending a lot more time doing front end web things, and found the following to be quite helpful:<\/p>\n<p><strong>Avoiding Helvetica and Arial<\/strong><\/p>\n<ul>\n<li>Google has a great hosted collection of OpenType Embeddable web fonts and an API available:\u00c2\u00a0<a href=\"https:\/\/developers.google.com\/webfonts\/\">https:\/\/developers.google.com\/webfonts\/<\/a><\/li>\n<\/ul>\n<p><strong>Visualization<\/strong><\/p>\n<ul>\n<li>D3 is fantastic: <a href=\"http:\/\/bl.ocks.org\/mbostock\/1256572\">http:\/\/bl.ocks.org\/mbostock\/1256572<\/a><\/li>\n<li>Rickshaw is a convenient abstraction of D3 for basic graphs: <a href=\"http:\/\/code.shutterstock.com\/rickshaw\/\">http:\/\/code.shutterstock.com\/rickshaw\/<\/a><\/li>\n<li>Google Charts for something less flexible and pretty, but well baked:\u00c2\u00a0<a href=\"https:\/\/developers.google.com\/chart\/\">https:\/\/developers.google.com\/chart\/<\/a><\/li>\n<\/ul>\n<p><strong>UI Frameworks<\/strong><\/p>\n<ul>\n<li>Twitter&#8217;s Bootstrap framework is great for layout and basic components: <a href=\"http:\/\/twitter.github.com\/bootstrap\/\">http:\/\/twitter.github.com\/bootstrap\/<\/a><\/li>\n<li>\u00c2\u00a0JQuery (and JQuery UI) are staples for DOM manipulation and AJAX:\u00c2\u00a0<a href=\"http:\/\/jquery.com\/\">http:\/\/jquery.com\/<\/a> ,\u00c2\u00a0<a href=\"http:\/\/jqueryui.com\/\">http:\/\/jqueryui.com\/<\/a><\/li>\n<li>LESS for more dynamic CSS: <a href=\"http:\/\/lesscss.org\/\">http:\/\/lesscss.org\/<\/a><\/li>\n<li>TimeAgo, a JQuery plugin for fuzzy dates:\u00c2\u00a0<a href=\"http:\/\/timeago.yarp.com\/\">http:\/\/timeago.yarp.com\/<\/a><\/li>\n<li>Google also hosts a bunch of the above for you here:\u00c2\u00a0<a href=\"https:\/\/developers.google.com\/speed\/libraries\/devguide?hl=fr\">https:\/\/developers.google.com\/speed\/libraries\/devguide?hl=fr<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve been spending a lot more time doing front end web things, and found the following to be quite helpful: Avoiding Helvetica and Arial Google has a great hosted collection of OpenType Embeddable web fonts and an API available:\u00c2\u00a0https:\/\/developers.google.com\/webfonts\/ Visualization D3 is fantastic: http:\/\/bl.ocks.org\/mbostock\/1256572 Rickshaw is a convenient abstraction of D3 for basic graphs: http:\/\/code.shutterstock.com\/rickshaw\/ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.han.co\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.han.co\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.han.co\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.han.co\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.han.co\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3"}],"version-history":[{"count":0,"href":"http:\/\/www.han.co\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.han.co\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.han.co\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.han.co\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}