{"id":1907,"date":"2009-09-14T21:38:50","date_gmt":"2009-09-15T04:38:50","guid":{"rendered":"http:\/\/emilychang.com\/?p=1907"},"modified":"2009-09-14T23:48:00","modified_gmt":"2009-09-15T06:48:00","slug":"helveticize-your-web","status":"publish","type":"post","link":"https:\/\/emilychang.com\/blog\/2009\/09\/helveticize-your-web\/","title":{"rendered":"Helveticize Your Web"},"content":{"rendered":"<p>It&#8217;s been fun to see new scripts and themes developed to &#8220;Helveticize&#8221; the web, starting with Google Reader, then Google Calendar, Gmail, and now Twitter.\u00a0 If you&#8217;re a Helvetica lover, you&#8217;re in luck.\u00a0 Get rid of multiple fonts and cluttered interfaces and give your apps a minimalist makeover.\u00a0 It <em>is<\/em> just a visual makeover, though, since the UX of the sites won&#8217;t change or improve.<\/p>\n<p><a href=\"http:\/\/www.josefrichter.com\/helvetwitter\/\"><strong>Helvetwitter<\/strong><\/a> by Josef Richter<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1908\" title=\"Helvetwitter - josef richter\" src=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/Helvetwitter-josef-richter.png\" alt=\"\" width=\"550\" height=\"552\" srcset=\"https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/Helvetwitter-josef-richter.png 550w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/Helvetwitter-josef-richter-300x300.png 300w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/Helvetwitter-josef-richter-220x220.png 220w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/Helvetwitter-josef-richter-255x255.png 255w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/Helvetwitter-josef-richter-200x200.png 200w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/Helvetwitter-josef-richter-520x522.png 520w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/Helvetwitter-josef-richter-150x150.png 150w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<blockquote><p>If you like Jon Hicks&#8217; <a href=\"http:\/\/www.helvetireader.com\/\">Helvetireader<\/a> and Ad Taylor&#8217;s <a href=\"http:\/\/www.iamadtaylor.com\/helvetical\/\">Helvetical<\/a>, this is another attempt to build upon these designs.<\/p><\/blockquote>\n<blockquote><p>Twitter success is based on the simplicity of the service. However, the website, as well as various standalone Twitter clients are becoming more and more cluttered with useless features and other junk. Therefore, I stripped it to the basics and now it&#8217;s the first twitter client I am happy with.<\/p>\n<p>The ideal way is to use Fluid to build a simple standalone Helvetwitter client.<\/p><\/blockquote>\n<p><a href=\"http:\/\/www.helvetireader.com\/\"><strong>Helvetireader<\/strong><\/a> by Jon Hicks<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1909\" title=\"helvetireader\" src=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/helvetireader-550x362.jpg\" alt=\"\" width=\"550\" height=\"362\" \/><\/p>\n<div>\n<blockquote><p>Helvetireader is a userscript that pares down Google Reader to what I consider to be the essentials. In particular, it&#8217;s made for looking at just unread feeds in the expanded view, using <a href=\"http:\/\/www.google.com\/support\/reader\/bin\/answer.py?hl=en&amp;answer=69973\">Keyboard Shortcuts<\/a> instead of on-screen buttons. It\u2019s not going to suit how everyone uses Google Reader, so you can take the <span>CSS<\/span> and personalise to your hearts content!<\/p>\n<p>All you need is a browser that supports userscripts (see below) and, of course, Helvetica.<\/p><\/blockquote>\n<p><strong><a href=\"http:\/\/www.iamadtaylor.com\/helvetical\">Helvetical<\/a> <\/strong>by Ad Taylor<\/p>\n<p><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1910\" title=\"helvetical_screenshot\" src=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/helvetical_screenshot.png\" alt=\"\" width=\"540\" height=\"419\" srcset=\"https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/helvetical_screenshot.png 540w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/helvetical_screenshot-255x197.png 255w, https:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/helvetical_screenshot-520x403.png 520w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><br \/>\n<\/strong><\/p>\n<blockquote><p><a title=\"Helvetical\" href=\"http:\/\/www.iamadtaylor.com\/helvetical\">Helvetical<\/a> extends the work done by <a title=\"Jon Hicks\" onclick=\"javascript:pageTracker._trackPageview('\/outgoing\/hicksdesign.co.uk\/');\" href=\"http:\/\/hicksdesign.co.uk\/\">Jon Hicks<\/a> on <a title=\"Helvetireader\" onclick=\"javascript:pageTracker._trackPageview('\/outgoing\/helvetireader.com\/');\" href=\"http:\/\/helvetireader.com\/\">Helvetireader<\/a>, turning the mayhem of the Google interface into something that doesn\u2019t offend. It was created for use with Fluid.app but I\u2019m sure you can hack the CSS to work for your needs.<\/p><\/blockquote>\n<p><strong><a href=\"http:\/\/www.josefrichter.com\/helvetimail\/\">Helvetimail<\/a> <\/strong>by Josef Richter<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"helvetimail_v1_screenshot\" src=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/helvetimail_v1_screenshot-550x359.png\" alt=\"\" width=\"550\" height=\"359\" \/><\/div>\n<div>A minimalist Gmail skin. (Thanks to <a rel=\"external nofollow\" href=\"http:\/\/twitter.com\/jkleske\" target=\"_blank\">Johannes Kleske<\/a> for reminding me about this one!)<\/div>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s been fun to see new scripts and themes developed to &#8220;Helveticize&#8221; the web, starting with Google Reader, then Google Calendar, Gmail, and now Twitter.\u00a0 If you&#8217;re a Helvetica lover, you&#8217;re in luck.\u00a0 Get rid of multiple fonts and cluttered interfaces and give your apps a minimalist makeover.\u00a0 It is just a visual makeover, though,&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1908,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[89,6],"tags":[10,59,235,525,524,257,182],"class_list":["post-1907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bookmarks","category-writing","tag-apps","tag-design","tag-fonts","tag-hack","tag-helvetica","tag-minimalism","tag-ui"],"acf":[],"_links":{"self":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts\/1907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/comments?post=1907"}],"version-history":[{"count":0,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts\/1907\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/media\/1908"}],"wp:attachment":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/media?parent=1907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/categories?post=1907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/tags?post=1907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}