[{"data":1,"prerenderedAt":206},["ShallowReactive",2],{"project-5240168":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":29,"sentiment":30,"stance_mix":31,"scored_comments":36,"aspects":37,"strip":41,"post_text":43,"what":44,"said":61,"maker_in_thread":128,"shape":137,"grid":140,"attempts":166,"same_week":167,"maker_shows":197,"maker_hidden":198,"reader_version":199,"card":200},"5240168","swipeout","Swipe-to-delete goodness for the mobile web","title","Show HN: Swipe-to-delete goodness for the mobile web","https:\u002F\u002Fgithub.com\u002Fankane\u002Fswipeout","github.com","akane",1361216428,2013,21,12,974,1739,57,"shown","languages","javascript ui library","library",[24,25,26,27,28],"swipe to delete","mobile web","javascript","touch gestures","ios web","roasted",-0.167,{"positive":32,"neutral":33,"mixed":34,"critical":35},2,0,1,3,6,{"design":38,"idea":39,"execution":40},{"positive":33,"critical":34},{"positive":33,"critical":34},{"positive":32,"critical":34},[34,33,33,34,33,34,33,42,42,33,35,33],5,null,{"problem":45,"audience":43,"pricing":43,"motivation":43,"time_to_build":43,"stack":51,"openness":59,"stage":60,"team_size":60},{"value":46,"source":47,"evidence":48},"Adds swipe-to-delete to mobile web lists","inferred",[49],{"id":50},"post",[52],{"value":53,"source":47,"evidence":54},"WebKit CSS transforms",[55],{"id":56,"by":57,"text":58},"5240378","ferongr","Webkit only :( Misses CSS rules and a transform (AFAICT) for Gecko, Presto (RIP) and Trident.","open_source","unknown",{"praise":62,"objections":81,"requests":100,"questions":109,"alternatives":114},[63,75],{"value":64,"source":65,"evidence":66},"Feels native on iOS and Android Chrome","commenter",[67,71],{"id":68,"by":69,"text":70},"5240307","nsp","This is fantastic - feels native (iPhone 5, iOS 6.1). Semi related: does anyone know of a good js library for displaying side navigation(a la face books app) or detecting swipes…",{"id":72,"by":73,"text":74},"5240390","CrazedGeek","Feels great on Chrome on Android. My only nitpick might be that the delete button is really close to the edge of the screen; a larger margin would be nice, I think.",{"value":76,"source":65,"evidence":77},"Works on Firefox for Android",[78],{"id":79,"by":57,"text":80},"5240554","Tested on Firefox for Android Nightly and it seems to work great.",[82,89,93],{"value":83,"source":65,"evidence":84},"Discoverability: users may not know swipe gesture",[85],{"id":86,"by":87,"text":88},"5240443","hayksaakian","I'd hesitate on implementing this. What kind of discoverability does this have? Do er simple assume all our users have been trained in this technique by others?",{"value":90,"source":65,"evidence":91},"Only worked in WebKit browsers at first",[92],{"id":56,"by":57,"text":58},{"value":94,"source":65,"evidence":95},"Swiping a second item only cancels the first swipe",[96],{"id":97,"by":98,"text":99},"5240371","sethbannon","Super cool. Small issue: if you swipe one entry, then immediately swipe another, it only cancels the first swipe. You have to swipe a second time to bring up the delete option.…",[101,105],{"value":102,"source":65,"evidence":103},"Larger margin for delete button near screen edge",[104],{"id":72,"by":73,"text":74},{"value":106,"source":65,"evidence":107},"Swiping another item should cancel the first and reveal delete",[108],{"id":97,"by":98,"text":99},[110],{"value":111,"source":65,"evidence":112},"Is there a JS library for edge swipe detection",[113],{"id":68,"by":69,"text":70},[115,122],{"value":116,"source":117,"evidence":118},"Hammer.js for swipe detection","maker",[119],{"id":120,"by":11,"text":121},"5240487","Glad you like it :) You should be able to accomplish edge swipe detection with Hammer.js http:\u002F\u002Feightmedia.github.com\u002Fhammer.js\u002F",{"value":123,"source":117,"evidence":124},"iOS Mail app swipe behavior",[125],{"id":126,"by":11,"text":127},"5240481","Right now, it's implemented just like the iOS mail app. Your suggestion sounds more intuitive though. I'm curious to hear if others feel the same way.",{"comments":42,"answered":32,"key":129},[130,131,134],{"id":126,"text":127},{"id":132,"text":133},"5240999","Yes, this assumes users are aware of the swipe-to-delete paradigm. I would still recommend adding a delete option in a more obvious place for each item.",{"id":135,"text":136},"5240463","My bad, updated it to include other browsers.",{"commenters":138,"max_depth":35,"maker_replies":42,"first_comment_mins":139,"lifespan_hours":32},7,26,[141,143,145,149,151,152,154,156,158,159,161,164],[97,33,34,142,98,33],"project\u002Fcritical\u002Fdesign",[126,33,33,144,11,34],"maker\u002Fneutral\u002Fdesign",[146,33,33,147,148,33],"5240538","commenter\u002Fpositive\u002Fnone","jsloat",[86,34,34,150,87,33],"project\u002Fcritical\u002Fidea",[132,34,33,144,11,34],[56,32,34,153,57,33],"project\u002Fcritical\u002Fexecution",[135,32,33,155,11,34],"maker\u002Fneutral\u002Fexecution",[79,32,42,157,57,33],"project\u002Fpositive\u002Fexecution",[68,35,42,157,69,33],[120,35,33,160,11,34],"maker\u002Fneutral\u002Fnone",[72,162,35,163,73,33],4,"project\u002Fmixed\u002Fdesign",[165,162,33,144,11,34],"5240536",[],[168,173,178,182,187,192],{"id":169,"name":170,"points":171,"category":172},"5238537","What colour is your IP address?",208,"other",{"id":174,"name":175,"points":176,"category":177},"5244456","TextRazor",118,"ai",{"id":179,"name":180,"points":181,"category":20},"5251361","importd",116,{"id":183,"name":184,"points":185,"category":186},"5231487","bcp",110,"dev_tools",{"id":188,"name":189,"points":190,"category":191},"5216992","Semantics3",108,"data",{"id":193,"name":194,"points":195,"category":196},"5231435","Docracy Mobile Privacy Policy",106,"learning_science",9,false,"v2",{"id":201,"name":5,"line":6,"ai":198,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":202,"top":18,"kw":203,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":204,"url":9,"mix":205,"praise":64,"objection":83,"sub":21},5240168,-0.17,[24,25,26,27,28],"100101055030",[32,33,34,35],1794036504239]