{"id":314,"date":"2009-05-19T14:14:50","date_gmt":"2009-05-19T19:14:50","guid":{"rendered":"http:\/\/vgable.com\/blog\/2009\/05\/19\/improving-twittercom-space-to-work\/"},"modified":"2009-05-19T14:14:53","modified_gmt":"2009-05-19T19:14:53","slug":"improving-twittercom-space-to-work","status":"publish","type":"post","link":"https:\/\/vgable.com\/blog\/2009\/05\/19\/improving-twittercom-space-to-work\/","title":{"rendered":"Improving Twitter.com: Space to Work"},"content":{"rendered":"<h3>The Change<\/h3>\n<p>Enlarge the &#8220;What are you doing&#8221; box on <a href=\"http:\/\/twitter.com\">Twitter.com<\/a>, to make compressing substantial ideas easier.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/vgable.com\/blog\/wp-content\/uploads\/2009\/05\/picture-5.png\" alt=\"Twitter.com with a larger text-field\" border=\"0\" width=\"539\" height=\"182\" align=\"center\" \/><\/p>\n<h3>Motivation<\/h3>\n<p>I&#8217;ve been disappointed with the posting interface of every Twitter-client I&#8217;ve tried so far. Just like any writing, tweets start with a first draft. My first drafts are often longer than 140 characters. That shouldn&#8217;t be a problem; trimming the fat is part of any editing process. But most <strong>Twitter-interfaces are so downright <em>hostile<\/em> to anything longer then 140 characters<\/strong> that trimming a 145 letter utterance is a frustrating study in fighting my tools.<\/p>\n<p>(The worst client I tried was, <a href=\"http:\/\/www.drinkbrainjuice.com\/products\/trial\/blogo\" rel=\"nofollow\" >Blogo<\/a>, which would <em>stop you from typing and yell at you with a dialog<\/em> if you dared press another key after typing 140 characters. But <a href=\"http:\/\/iconfactory.com\/software\/twitterrific\" rel=\"nofollow\" >Twitterrific<\/a> was little better; I don&#8217;t understand how something so user-<em>un<\/em>friendly became so popular.)<\/p>\n<p>Even <a href=\"http:\/\/twitter.com\">Twitter.com<\/a> doesn&#8217;t give you enough room for writing a long, but under-the-limit tweet. To see for yourself, just start typing &#8220;mmmmm&#8221;; the box will run out of room before you run out of characters.  It&#8217;s downright crazy to have to scroll to see all of a <em>tweet<\/em> you are writing.<\/p>\n<p>Now there&#8217;s nothing wrong with trying to prescribe a pithy style of communication. Clearly Twitter wouldn&#8217;t have worked otherwise. But punishing users for doing the &#8220;wrong&#8221; thing isn&#8217;t as effective as <strong>giving them the tools to change their behavior<\/strong>, to wit: space to work on shortening their writing.<\/p>\n<h3>The Code<\/h3>\n<p>This <a href=\"http:\/\/www.w3schools.com\/css\/\">CSS<\/a> code makes the direct-messaging, and &#8220;what are you doing?&#8221; text-boxes tall enough to hold 5 lines of text without scrolling. By default Twitter&#8217;s web interface only holds 2 lines of text on screen.<\/p>\n<pre>\n#dm_update_box #direct_message_form fieldset div.info textarea#text,\n#status_update_box #status_update_form fieldset div.info textarea#status {\n\theight: 6em !important;\n}\n<\/pre>\n<p>The selectors I used are pretty specific to <a href=\"http:\/\/twitter.com\">Twitter.com<\/a>, so it&#8217;s unlikely this will interfere with another site&#8217;s layout, unless it&#8217;s HTML code is nearly identical to Twitter&#8217;s.<\/p>\n<h3>How-To: Safari<\/h3>\n<p>Copy the above code into a .css file, (&#8220;CustomSafari.css&#8221; is what I called mine) then select that file in <strong>Safari -> Preferences -> Advanced -> Style sheet:<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/vgable.com\/blog\/wp-content\/uploads\/2009\/05\/safaristylesheet.png\" alt=\"safariStyleSheet.png\" border=\"0\" width=\"588\" height=\"398\" align=\"center\" \/><\/p>\n<p>After restarting Safari, Twitter&#8217;s web interface should give you room to work.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Change Enlarge the &#8220;What are you doing&#8221; box on Twitter.com, to make compressing substantial ideas easier. Motivation I&#8217;ve been disappointed with the posting interface of every Twitter-client I&#8217;ve tried so far. Just like any writing, tweets start with a first draft. My first drafts are often longer than 140 characters. That shouldn&#8217;t be a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,13,10,8],"tags":[421,328,59,91,60,359],"class_list":["post-314","post","type-post","status-publish","format-standard","hentry","category-design","category-sample-code","category-tips","category-usability","tag-css","tag-html","tag-safari","tag-twitter","tag-web","tag-writing"],"_links":{"self":[{"href":"https:\/\/vgable.com\/blog\/wp-json\/wp\/v2\/posts\/314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vgable.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vgable.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vgable.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vgable.com\/blog\/wp-json\/wp\/v2\/comments?post=314"}],"version-history":[{"count":0,"href":"https:\/\/vgable.com\/blog\/wp-json\/wp\/v2\/posts\/314\/revisions"}],"wp:attachment":[{"href":"https:\/\/vgable.com\/blog\/wp-json\/wp\/v2\/media?parent=314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vgable.com\/blog\/wp-json\/wp\/v2\/categories?post=314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vgable.com\/blog\/wp-json\/wp\/v2\/tags?post=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}