[{"data":1,"prerenderedAt":452},["ShallowReactive",2],{"project-5750504":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":44,"post_text":45,"what":46,"said":76,"maker_in_thread":225,"shape":237,"grid":241,"attempts":408,"same_week":416,"maker_shows":31,"maker_hidden":444,"reader_version":445,"card":446},"5750504","WideArea","an expandable textarea","title","Show HN: WideArea – an expandable textarea","http:\u002F\u002Fusablica.github.io\u002Fwidearea\u002F","usablica.github.io","afshinmeh",1369228269,2013,192,66,76,1739,5,"notable","dev_tools","javascript ui component","library",[24,25,26,27],"textarea","fullscreen editor","distraction free writing","javascript","mixed",0.042,{"positive":31,"neutral":32,"mixed":33,"critical":34},13,17,6,10,46,{"design":37,"execution":38,"performance":41,"idea":43},{"positive":33,"critical":33},{"positive":39,"critical":40},0,3,{"positive":39,"critical":42},1,{"positive":18,"critical":39},[40,40,18,42,18,42,40,42,39,18,40,39,42,40,18,40,40,40,18,42,40,40,39,40,40,18,40,18,40,42,18,39,40,18,39,40,40,39,42,18],null,{"problem":47,"audience":45,"pricing":45,"motivation":55,"time_to_build":45,"stack":62,"openness":74,"stage":75,"team_size":74},{"value":48,"source":49,"evidence":50},"Writing longer text in a small textarea is cramped.","commenter",[51],{"id":52,"by":53,"text":54},"5752284","oftenwrong","Excellent. Nothing sucks more than having to use a tiny textbox or fiddle with a resizeable one when you are trying to write something longer than a few lines. It would be nice…",{"value":56,"source":57,"evidence":58},"Writing with pleasure and keeping focus on writing.","maker",[59],{"id":60,"by":11,"text":61},"5750729","Writing with pleasure and keep focusing on writing. You can define your preferred color scheme and more...",[63,70],{"value":64,"source":49,"evidence":65},"JavaScript",[66],{"id":67,"by":68,"text":69},"5754099","mbreese","Wait, what? 2kb JS? 4kb CSS? Why does this take so much? I use a similar fullscreen textarea toggle (actually an ACE editor), that is very simple. For the Javascript, you just…",{"value":71,"source":49,"evidence":72},"CSS",[73],{"id":67,"by":68,"text":69},"unknown","prototype",{"praise":77,"objections":105,"requests":139,"questions":180,"alternatives":195},[78,94],{"value":79,"source":49,"evidence":80},"Clean, useful, distraction-free writing UI",[81,85,89,90],{"id":82,"by":83,"text":84},"5750930","jenius","First of all, this is awesome. Great idea, can't believe it hasn't been around till now, and will definitely be using it. The only thing I could change here is the \"x\" icon when…",{"id":86,"by":87,"text":88},"5753277","durkie","You guys do great work! This is the third thing from your group in probably as many months that is simple, clean, and useful. Thanks!",{"id":52,"by":53,"text":54},{"id":91,"by":92,"text":93},"5751805","jjmardlin","Wow, what an excellent zen writing resource. Will be using for longer writing projects I'm sure!",{"value":95,"source":49,"evidence":96},"Similar to GitHub's comment editor",[97,101],{"id":98,"by":99,"text":100},"5752617","davedx","If I remember rightly, Github has something just like this for its pull request description textarea. :) It is a very nice UI control.",{"id":102,"by":103,"text":104},"5750720","websymphony","Github uses similar editor in their comments textarea. Very cool.",[106,117,125,132],{"value":107,"source":49,"evidence":108},"Full-screen mode hides borders, making the active area unclear",[109,113],{"id":110,"by":111,"text":112},"5751383","UnoriginalGuy","The fact it has no borders in \"full screen mode\" is really disorientating. I like the concept but wouldn't use it because of the loss of visual feedback (but full screen mode is…",{"id":114,"by":115,"text":116},"5752048","mgeraci","This looks great! One suggestion is that in full screen mode, the textarea doesn't stretch across the screen (it's a centered column) but since there are no borders it is hard to…",{"value":118,"source":49,"evidence":119},"Disables native textarea resizing",[120,121],{"id":110,"by":111,"text":112},{"id":122,"by":123,"text":124},"5750861","romaniv","Firefox and Chrome already allow you to re-size textareas. At the very least this library shouldn't shut that functionality down.",{"value":126,"source":49,"evidence":127},"The X close icon is frightening",[128,129],{"id":82,"by":83,"text":84},{"id":130,"by":92,"text":131},"5751802","+1 \"X\"s are frightening. You might just give it some tooltip text.",{"value":133,"source":49,"evidence":134},"Mobile landscape rotation breaks layout",[135],{"id":136,"by":137,"text":138},"5750858","regularfry","Somewhat broken on android for me - maximise in landscape, rotate the phone, and it goes Wrong. The text wrapping doesn't realign, and the close button is left off screen.",[140,151,159,166,173],{"value":141,"source":49,"evidence":142},"Restore textarea resizing",[143,147],{"id":144,"by":145,"text":146},"5751757","tjbiddle","Bring back the ability to re-size the smaller box, and add a key board short cut and this will be glorious :-) Nice work!",{"id":148,"by":149,"text":150},"5751552","illdave","From a quick look, it looks like it's reasonably simple to add resizing back in. The CSS on the textarea has resize:none - removing that and removing the max-width should add…",{"value":152,"source":49,"evidence":153},"Keyboard shortcut to enter and exit full-screen",[154,158],{"id":155,"by":156,"text":157},"5750773","daGrevis","I suggest to add key-bindings: \u003CControl-Space> for going to wide-mode and \u003CEscape> for getting back.",{"id":144,"by":145,"text":146},{"value":160,"source":49,"evidence":161},"Auto-expand as you type",[162],{"id":163,"by":164,"text":165},"5755606","electic","This is awesome but it would be great if it also expanded as you type. Like on Facebook when you are typing a status update that is long. The box expands vertically as you type.…",{"value":167,"source":49,"evidence":168},"Local backup of entered text",[169],{"id":170,"by":171,"text":172},"5750822","beggi","Very nice, going to use this in a project now, so thanks a lot for this. It would be fully featured and extra sweet for me with some kind of lightweight feature to save a local…",{"value":174,"source":49,"evidence":175},"Browser extension version",[176],{"id":177,"by":178,"text":179},"5752373","AndreasFrom","Perhaps this would also be useful as a browser extension so it could be used across the Internet.",[181,188],{"value":182,"source":49,"evidence":183},"How does it handle multiple textareas on one page?",[184],{"id":185,"by":186,"text":187},"5750967","Pezmc","How does it handle multiple textboxes on the same screen?",{"value":189,"source":49,"evidence":190},"How to populate the full-screen box without placeholder text?",[191],{"id":192,"by":193,"text":194},"5752164","instakill","How would you go about populating the full-screened text-box if the regular text-box has no placeholder text?",[196,207,214],{"value":197,"source":49,"evidence":198},"GitHub zen writing mode and comment textarea",[199,203],{"id":200,"by":201,"text":202},"5751299","dybber","https:\u002F\u002Fgithub.com\u002Fblog\u002F1379-zen-writing-mode",{"id":204,"by":205,"text":206},"5751088","aniketpant","Was this inspired by GitHub's new distraction-free comment feature? The styling looks exactly the same.",{"value":208,"source":49,"evidence":209},"OmmWriter",[210],{"id":211,"by":212,"text":213},"5750912","pkfrank","Very cool. Reminds me of http:\u002F\u002Fwww.ommwriter.com\u002F. I like using minimal text editors like this when I'm brainstorming or making a first pass at something; good for simple,…",{"value":215,"source":49,"evidence":216},"Garlic.js and Sisyphus.js for local backup",[217,221],{"id":218,"by":219,"text":220},"5751828","proexploit","I also used Garlic.js (http:\u002F\u002Fgarlicjs.org\u002F) in a project. Also requires jQuery or Zepto but I was really pleased with it. Pretty lightweight.",{"id":222,"by":223,"text":224},"5751269","evilduck","Jquery required, but there's http:\u002F\u002Fsisyphus-js.herokuapp.com\u002F",{"comments":226,"answered":33,"key":227},18,[228,231,234],{"id":229,"text":230},"5751085","Nice! Thanks for the nice suggestion.",{"id":232,"text":233},"5755280","Thanks, it's the first version and I'll fix this problems asap.",{"id":235,"text":236},"5753241","+1, nice.",{"commenters":238,"max_depth":40,"maker_replies":226,"first_comment_mins":239,"lifespan_hours":240},47,26,30,[242,244,246,250,254,258,260,261,264,265,267,270,273,276,278,280,283,284,286,287,291,293,295,296,298,300,303,305,307,311,313,316,317,320,323,325,328,330,332,334,336,338,340,341,344,348,351,353,356,360,364,366,368,370,372,374,376,378,381,383,387,392,395,399,401,404],[82,39,40,243,83,39],"project\u002Fmixed\u002Fdesign",[229,39,39,245,11,42],"maker\u002Fpositive\u002Fnone",[247,39,40,248,249,39],"5751344","project\u002Fmixed\u002Fexecution","nfvs",[251,39,18,252,253,39],"5751370","project\u002Fpositive\u002Fdesign","jamiecurle",[255,39,40,256,257,39],"5751515","project\u002Fneutral\u002Fdesign","StavrosK",[130,39,42,259,92,39],"project\u002Fcritical\u002Fdesign",[98,39,18,252,99,39],[262,39,40,256,263,39],"5757110","tripzilch",[110,42,42,259,111,39],[148,42,40,266,149,39],"project\u002Fneutral\u002Fexecution",[268,42,40,243,269,39],"5751566","bpatrianakos",[271,42,40,266,272,39],"5751835","fredsted",[67,274,42,275,68,39],2,"project\u002Fcritical\u002Fperformance",[232,274,39,277,11,42],"maker\u002Fneutral\u002Fnone",[170,40,18,279,171,39],"project\u002Fpositive\u002Fidea",[281,40,18,279,282,39],"5751244","gbadman",[222,40,40,266,223,39],[218,40,39,285,219,39],"other\u002Fneutral\u002Fnone",[235,40,39,279,11,42],[288,289,42,259,290,39],"5752423",4,"btilly",[136,18,42,292,137,39],"project\u002Fcritical\u002Fexecution",[294,18,39,277,11,42],"5750964",[204,33,40,256,205,39],[102,297,18,252,103,39],7,[200,297,40,299,201,39],"project\u002Fneutral\u002Fidea",[301,297,39,302,11,42],"5755242","commenter\u002Fneutral\u002Fnone",[155,304,40,266,156,39],8,[306,304,39,277,11,42],"5750960",[308,309,40,299,310,39],"5750689",9,"grimtrigger",[60,309,39,312,11,42],"maker\u002Fneutral\u002Fidea",[314,309,18,279,315,39],"5755885","aytekin",[122,34,42,292,123,39],[318,34,42,259,319,39],"5750928","Semaphor",[321,322,40,243,92,39],"5758627",11,[52,324,18,252,53,39],12,[326,31,42,259,327,39],"5754511","joekarma",[329,31,39,277,11,42],"5755285",[114,331,40,256,115,39],14,[333,331,39,277,11,42],"5755269",[144,335,40,248,145,39],15,[337,335,39,277,11,42],"5755278",[211,339,18,279,212,39],16,[163,32,40,243,164,39],[342,226,40,299,343,39],"5751436","INTPenis",[345,346,18,252,347,39],"5750737",19,"spindritf",[349,346,39,350,11,42],"5750752","maker\u002Fneutral\u002Fdesign",[185,352,40,266,186,39],20,[354,352,39,355,11,42],"5752636","maker\u002Fneutral\u002Fexecution",[357,358,42,259,359,39],"5751460",21,"Deestan",[361,358,39,362,363,39],"5751555","commenter\u002Fcritical\u002Fdesign","ndr",[86,365,18,245,87,39],22,[367,365,39,277,11,42],"5755262",[192,369,40,266,193,39],23,[177,371,40,299,178,39],24,[373,371,39,299,11,42],"5752652",[91,375,18,279,92,39],25,[377,375,39,245,11,42],"5752637",[379,239,40,299,380,39],"5750793","atacrawl",[382,239,39,299,11,42],"5753258",[384,385,40,256,386,39],"5752021",27,"nej",[388,389,40,390,391,39],"5753262",28,"project\u002Fneutral\u002Fperformance","BillSaysThis",[393,389,39,394,11,42],"5755261","project\u002Fpositive\u002Fperformance",[396,397,42,292,398,39],"5751998",29,"netcraft",[400,397,39,355,11,42],"5752643",[402,240,18,245,403,39],"5754215","Oculus",[405,406,18,252,407,39],"5751956",31,"dylanhassinger",[409,410,413],{"id":4,"t":12,"points":14,"comments":15},{"id":411,"t":412,"points":40,"comments":39},"8141362",1407307976,{"id":414,"t":415,"points":42,"comments":39},"12070443",1468238926,[417,421,425,430,435,440],{"id":418,"name":419,"points":420,"category":20},"5720648","7-min workout timer",760,{"id":422,"name":423,"points":424,"category":20},"5736155","LeanStack",261,{"id":426,"name":427,"points":428,"category":429},"5743067","Raspberry",125,"hardware",{"id":431,"name":432,"points":433,"category":434},"5751797","Cookening",114,"web_saas",{"id":436,"name":437,"points":438,"category":439},"5744558","awaxman.com",103,"consumer_social",{"id":441,"name":442,"points":443,"category":434},"5750251","Analog",69,false,"v2",{"id":447,"name":5,"line":6,"ai":444,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":448,"top":18,"kw":449,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":450,"url":9,"mix":451,"praise":79,"objection":107,"sub":21},5750504,0.04,[24,25,26,27],"3351513105301353335133033535315035033015",[31,32,33,34],1794036507029]