[{"data":1,"prerenderedAt":725},["ShallowReactive",2],{"project-5380056":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":47,"post_text":51,"what":52,"said":90,"maker_in_thread":254,"shape":266,"grid":269,"attempts":688,"same_week":689,"maker_shows":399,"maker_hidden":717,"reader_version":718,"card":719},"5380056","Intro.js","Weekend project, Intro.js","title","Show HN: Weekend project, Intro.js","http:\u002F\u002Fusablica.github.com\u002Fintro.js\u002F","usablica.github.com","afshinmeh",1363348160,2013,716,154,7,1739,1,"legend","dev_tools","javascript ui library","library",[24,25,26,27,28],"javascript","guided tour","user onboarding","tutorial overlay","vanilla js","mixed",0.412,{"positive":32,"neutral":33,"mixed":34,"critical":35},43,24,15,11,93,{"idea":38,"execution":41,"design":44,"docs":46},{"positive":39,"critical":40},21,0,{"positive":42,"critical":43},3,8,{"positive":45,"critical":42},6,{"positive":18,"critical":40},[48,49,42,50,50,42,42,42,42,49,42,40,40,48,49,18,42,49,48,49,49,48,49,48,49,49,49,49,48,18,48,49,42,49,49,49,49,49,18,40],4,5,2,null,{"problem":53,"audience":51,"pricing":51,"motivation":65,"time_to_build":72,"stack":76,"openness":87,"stage":88,"team_size":89},{"value":54,"source":55,"evidence":56},"Guiding users through a web app's features with highlighted step-by-step tooltips","commenter",[57,61],{"id":58,"by":59,"text":60},"5380333","nachteilig","Thanks. I like what seems to be the differentiating feature here -- highlighting the actual elements on the page rather than pointing at it. I'm looking forward to the pull…",{"id":62,"by":63,"text":64},"5380200","benharrison","I really like this. I think it would be neat to see a discrete help button or toggle switch, that allows novice users to go into a help mode overlayed on top of a live web app.",{"value":66,"source":67,"evidence":68},"Built as a weekend project","maker",[69],{"id":70,"by":11,"text":71},"5380722","Use it buddy :) I spent all of my weekend time to built it and I just published it open-sourced.",{"value":73,"source":67,"evidence":74},"About a weekend",[75],{"id":70,"by":11,"text":71},[77],{"value":78,"source":67,"evidence":79},"JavaScript",[80,83],{"id":81,"by":11,"text":82},"5380251","Yeah but it works with jQuery. What if I don't want to add jQuery to my page? IntroJs built with pure JavaScript.",{"id":84,"by":85,"text":86},"5380204","felix","Nicely done. Bonus points for not making it a jQuery plugin!","open_source","launched","unknown",{"praise":91,"objections":117,"requests":168,"questions":212,"alternatives":218},[92,108],{"value":93,"source":55,"evidence":94},"Clean, simple, and well executed",[95,96,100,104],{"id":84,"by":85,"text":86},{"id":97,"by":98,"text":99},"5380680","posabsolute","Hey, we have been looking to integrate a solution like this in our product, I got a couple of suggestions. First, using data attribute is too intrusive, a json object would have…",{"id":101,"by":102,"text":103},"5380337","dubcanada","Overall though its nice to see a non jQuery plugin! And it's very nicely done. Could use some finessing, on Opera there appears to be a white square\u002Frectangle that appears on the…",{"id":105,"by":106,"text":107},"5380831","ehmuidifici","Awesome project, this plugin is great to do \"howtos\" and online interactive manuals. Cheers!",{"value":109,"source":55,"evidence":110},"Non-jQuery vanilla JS is a plus",[111,112,116],{"id":84,"by":85,"text":86},{"id":113,"by":114,"text":115},"5382201","mikeleeorg","Neat! Fantastic first version! It has lots of potential. I love how it's not tied to jQuery. And I agree with what some of the others have said - it's possible you could build a…",{"id":101,"by":102,"text":103},[118,137,153],{"value":119,"source":55,"evidence":120},"Next button is too small, especially on touch devices",[121,125,129,133],{"id":122,"by":123,"text":124},"5380296","niggler","Looks very cool but the fact that you have to hit the tiny \"next\" link makes it hard to use on iPad. It's compounded by the fact that the page isn't scrolling down all the way…",{"id":126,"by":127,"text":128},"5384563","donnfelker","I love it. I wish the next and skip links were larger so it would look good on a mobile device. :)",{"id":130,"by":131,"text":132},"5381001","cemregr","AWESOME! The next button could be way bigger though, I felt like I was trying to catch it every time :) And maybe you can pre-focus on it with JS, so you'd give users the…",{"id":134,"by":135,"text":136},"5380268","racbart","This is very nice but I have some suggestions to improve: Navigation: The “next” link is very small and it's in different place on every step. A fixed navigation and\u002For bigger…",{"value":138,"source":55,"evidence":139},"Step numbers are unnecessary or confusing",[140,141,145,149],{"id":134,"by":135,"text":136},{"id":142,"by":143,"text":144},"5380662","matthuggins","I felt the same about the numbers appearing. It reminded me of the numbers that appear on my Facebook notifications\u002Fmessages, and it made me feel like I needed to click\u002Ftake some…",{"id":146,"by":147,"text":148},"5381074","dmragone","Agreed - came to comments to say the numbers aren't necessarily, and the navigation is unclear (though I just used keyboard arrow keys)",{"id":150,"by":151,"text":152},"5380259","lukifer","Great concept and execution! One item of feedback: the styling of the numbers look nearly identical to the feedback badge on iOS, which made me think for a second that it was…",{"value":154,"source":55,"evidence":155},"Tooltip scrolling does not keep the text box in view",[156,160,164],{"id":157,"by":158,"text":159},"5383339","mcintyre1994","Very almost perfect. The only issue I have is with its scrolling - when it scrolls down it only scrolls enough to show the highlighted area, not the textbox underneath it with…",{"id":161,"by":162,"text":163},"5380099","przemoc","Nice but lacks automatic scrolling to guarantee visibility of highlighted part and comment.",{"id":165,"by":166,"text":167},"5381249","frozenport","Good work. It would be cool if you could also scroll the browser window. For example, in my the I need to scroll down to see the 2nd bubble and up to see the following.",[169,182,193,205],{"value":170,"source":55,"evidence":171},"Mobile and touch device support",[172,173,177,178],{"id":122,"by":123,"text":124},{"id":174,"by":175,"text":176},"5381264","andyl","Nice weekend project - cool! Worked fine on my laptop - a few problems on my iPad. Suggestion: enlarge the next\u002Fprev buttons. Thank you Afshinmeh and happy new year! :-)",{"id":126,"by":127,"text":128},{"id":179,"by":180,"text":181},"5383563","muyuu","Great to see some proper Irani geeks doing good stuff. Does this work in mobile browsers? maybe a compatibility table in the front page?",{"value":183,"source":55,"evidence":184},"Support for older browsers such as IE7 and IE8",[185,189],{"id":186,"by":187,"text":188},"5382546","Jeremy1026","Falls apart on IE7. Love what you've done though. (Note to employer, UPGRADE MY COMPUTER)",{"id":190,"by":191,"text":192},"5382928","ckarmann","\"Currently for Modern Browsers only\". Can you be more specific? No IE? IE from version 9? 10?",{"value":194,"source":55,"evidence":195},"Configurable tooltip position and presentation options",[196,200,204],{"id":197,"by":198,"text":199},"5383889","mariusz331","Hey, I just added intro.js to my project. One thing I noticed is the tooltip always shows up at the bottom. The most useful thing I can think of is supporting an attribute to…",{"id":201,"by":202,"text":203},"5380300","meerita","My suggestion: take all the presentation. Make it less graphical and more scalable, lets say i dont want red circle with number i want just the overlay part. Looks good and I…",{"id":142,"by":143,"text":144},{"value":206,"source":55,"evidence":207},"Callback events for each step",[208],{"id":209,"by":210,"text":211},"5381281","js-coder","The HN effect: Visited the project 3-4 hours ago, and it had 40 stargazers, now 650. :) I really like it by the way, and I think I'll use it for my next project. How about some…",[213],{"value":214,"source":55,"evidence":215},"Does it work in mobile browsers and which IE versions are supported",[216,217],{"id":179,"by":180,"text":181},{"id":190,"by":191,"text":192},[219,226,233,240,247],{"value":220,"source":55,"evidence":221},"Zurb Foundation Joyride",[222],{"id":223,"by":224,"text":225},"5380245","avel","A nice alternative is Zurb Joyride: http:\u002F\u002Fwww.zurb.com\u002Fplayground\u002Fjquery-joyride-feature-tour-plugin http:\u002F\u002Ffoundation.zurb.com\u002Fdocs\u002Fcomponents\u002Fjoyride.html",{"value":227,"source":55,"evidence":228},"WalkMe",[229],{"id":230,"by":231,"text":232},"5383672","ChrisCinelli","Somebody already thought about it: walkme.com",{"value":234,"source":55,"evidence":235},"Taurus",[236],{"id":237,"by":238,"text":239},"5383986","bmelton","Or HN's own, https:\u002F\u002Ftaurus.io\u002F",{"value":241,"source":55,"evidence":242},"jQuery Impromptu",[243],{"id":244,"by":245,"text":246},"5381253","Bjoern","Good stuff! Thanks for this. Just to put it out there, here is an alternative built on jquery. http:\u002F\u002Ftrentrichardson.com\u002FImpromptu\u002F",{"value":248,"source":55,"evidence":249},"Tutorialize.me",[250],{"id":251,"by":252,"text":253},"5381104","abailin","Look great for super lightweight tutorials. If you need to customize more, http:\u002F\u002Ftutorialize.me is my favorite.",{"comments":255,"answered":42,"key":256},38,[257,260,263],{"id":258,"text":259},"5383557","Nice work! really really awesome.",{"id":261,"text":262},"5380591","Thanks buddy. I think I'll have those features for next version.",{"id":264,"text":265},"5383410","yeah we should have a config method.",{"commenters":267,"max_depth":45,"maker_replies":255,"first_comment_mins":34,"lifespan_hours":268},100,33,[270,274,278,279,280,283,286,290,291,293,295,297,298,300,303,304,307,309,312,315,317,321,324,327,329,332,333,335,338,341,344,346,347,349,353,355,356,358,361,363,365,369,372,374,376,377,379,382,385,387,390,394,398,400,403,405,407,408,411,414,417,420,424,427,429,432,434,436,439,441,443,445,447,451,455,459,462,465,468,472,474,476,480,482,484,487,491,493,495,497,499,501,505,507,508,510,512,515,518,520,524,527,530,534,537,539,543,545,549,550,553,555,557,559,561,564,566,568,570,574,578,582,584,588,590,593,595,597,600,605,607,612,616,620,624,628,632,636,640,644,648,650,652,654,658,662,666,670,673,675,677,679,683,686],[271,40,49,272,273,40],"5380700","project\u002Fpositive\u002Fidea","diego_moita",[275,40,42,276,277,40],"5381401","project\u002Fneutral\u002Fidea","thom",[230,40,42,276,231,40],[237,40,42,276,238,40],[281,40,40,282,277,40],"5385308","commenter\u002Fneutral\u002Fnone",[284,40,40,285,238,40],"5386088","other\u002Fneutral\u002Fnone",[287,40,49,288,289,40],"5382880","project\u002Fpositive\u002Fexecution","heelhook",[258,40,40,282,11,18],[197,40,42,292,198,40],"project\u002Fneutral\u002Fdesign",[134,18,42,294,135,40],"project\u002Fmixed\u002Fdesign",[261,18,40,296,11,18],"maker\u002Fneutral\u002Fnone",[142,18,42,294,143,40],[146,18,18,299,147,40],"project\u002Fcritical\u002Fdesign",[301,18,42,292,302,40],"5381354","ehsania",[264,18,40,292,11,18],[305,18,42,294,306,40],"5384994","Zecc",[308,18,40,296,11,18],"5385464",[310,18,42,292,311,40],"5383536","rjernigan",[313,50,18,299,314,40],"5380452","kmfrk",[316,50,40,296,11,18],"5380604",[318,50,42,319,320,40],"5380621","project\u002Fneutral\u002Fdocs","jliechti1",[322,42,40,285,323,40],"5385370","coldtea",[325,42,40,285,326,40],"5385644","nfg",[328,42,40,282,11,18],"5385947",[330,42,40,285,331,40],"5386598","devcpp",[223,48,42,276,224,40],[81,48,40,334,11,18],"project\u002Fneutral\u002Fnone",[336,48,40,282,337,40],"5381366","ineedtosleep",[339,48,42,294,340,40],"5381109","xpose2000",[342,48,42,294,343,40],"5383909","mos2",[345,48,40,292,11,18],"5384852",[122,49,18,299,123,40],[348,49,40,296,11,18],"5386764",[350,45,49,351,352,40],"5381209","maker\u002Fpositive\u002Fnone","bamdadd",[354,45,40,296,11,18],"5386754",[84,16,49,288,85,40],[357,16,40,334,11,18],"5380218",[359,43,42,319,360,40],"5382238","javajosh",[362,43,40,319,11,18],"5384841",[244,364,42,276,245,40],9,[366,367,40,285,368,40],"5380514",10,"davefp",[370,367,40,285,371,40],"5380576","gregmolnar",[373,367,40,285,11,18],"5380598",[375,367,40,282,371,40],"5380686",[70,367,40,282,11,18],[378,367,40,285,368,40],"5380712",[380,367,40,285,381,40],"5380601","windsurfer",[383,367,40,285,384,40],"5381442","gruseom",[386,367,40,285,368,40],"5381658",[388,367,40,285,389,40],"5385623","tptacek",[391,35,42,392,393,40],"5381409","project\u002Fmixed\u002Fexecution","eranation",[395,396,49,272,397,40],"5381123",12,"hugofirth",[150,399,42,294,151,40],13,[401,399,40,402,11,18],"5386779","project\u002Fneutral\u002Fexecution",[209,404,49,272,210,40],14,[406,404,40,334,11,18],"5383541",[130,34,42,294,131,40],[101,409,18,410,102,40],16,"project\u002Fcritical\u002Fexecution",[412,409,40,282,413,40],"5380450","nkozyra",[415,409,40,282,416,40],"5380509","jgeerts",[418,409,40,282,419,40],"5380612","Hovertruck",[421,422,42,392,423,40],"5380848",17,"prakashk",[425,422,42,402,426,40],"5381176","taoufix",[428,422,40,296,11,18],"5384859",[430,422,42,402,431,40],"5381266","davidradcliffe",[433,422,40,296,11,18],"5384832",[62,435,49,272,63,40],18,[437,435,40,438,11,18],"5380230","maker\u002Fneutral\u002Fidea",[97,440,42,392,98,40],19,[442,440,40,438,11,18],"5380802",[444,440,42,276,98,40],"5381210",[165,446,42,402,166,40],20,[448,39,49,449,450,40],"5381041","project\u002Fpositive\u002Fdesign","moe",[452,453,49,272,454,40],"5381941",22,"Mahn",[456,457,49,449,458,40],"5384086",23,"stinky613",[460,457,40,461,11,18],"5384846","maker\u002Fneutral\u002Fdesign",[463,33,42,319,464,40],"5380440","drd",[466,33,40,467,11,18],"5380610","maker\u002Fneutral\u002Fdocs",[469,470,49,288,471,40],"5380223",25,"spobin",[473,470,40,296,11,18],"5380241",[113,475,49,272,114,40],26,[477,478,42,292,479,40],"5380476",27,"voodoomagicman",[481,478,40,282,416,40],"5380489",[483,478,42,402,479,40],"5380538",[485,478,40,486,11,18],"5380653","maker\u002Fneutral\u002Fexecution",[488,489,49,272,490,40],"5381999",28,"Smudge",[492,489,40,486,11,18],"5383465",[105,494,49,272,106,40],29,[157,496,18,410,158,40],30,[58,498,49,272,59,40],31,[500,498,40,296,11,18],"5383550",[502,503,49,272,504,40],"5383433",32,"cyrilga",[506,503,40,296,11,18],"5383459",[201,268,42,294,202,40],[509,268,40,461,11,18],"5380740",[511,268,49,449,202,40],"5383460",[513,514,40,285,245,40],"5381268",34,[516,514,49,449,517,40],"5382435","monkeyspaw",[519,514,42,296,245,40],"5386422",[521,522,49,449,523,40],"5384955",35,"droncancio",[251,525,42,526,252,40],36,"project\u002Fmixed\u002Fidea",[528,525,40,285,529,40],"5382386","lshemesh",[531,532,49,272,533,40],"5380810",37,"haddr",[535,255,49,272,536,40],"5380756","cturhan",[179,538,42,334,180,40],39,[540,541,49,272,542,40],"5382154",40,"mrgreenfur",[126,544,42,294,127,40],41,[546,547,49,272,548,40],"5381408",42,"dave_sid",[190,32,42,334,191,40],[551,32,42,334,552,40],"5383198","alecdibble",[554,32,40,467,11,18],"5383481",[161,556,18,410,162,40],44,[558,556,40,486,11,18],"5380113",[560,556,18,410,162,40],"5380284",[562,556,18,410,563,40],"5380288","mediumdeviation",[186,565,18,410,187,40],45,[567,565,40,486,11,18],"5383380",[569,565,49,272,187,40],"5384161",[571,572,49,272,573,40],"5382062",46,"photorized",[575,576,49,272,577,40],"5381434",47,"donniefitz2",[579,580,49,272,581,40],"5380197",48,"coffeeyesplease",[583,580,40,282,11,18],"5380202",[585,586,42,526,587,40],"5380199",49,"padwan",[589,586,40,282,11,18],"5380222",[591,586,42,276,592,40],"5380282","tzaman",[594,586,42,276,587,40],"5380416",[596,586,40,276,11,18],"5380688",[598,586,49,272,599,40],"5383964","born2web",[601,602,49,603,604,40],"5380502",50,"project\u002Fpositive\u002Fdocs","voltagex_",[606,602,40,282,11,18],"5380955",[608,609,49,610,611,40],"5380941",51,"project\u002Fpositive\u002Fnone","acjohnson55",[613,614,49,610,615,40],"5380469",52,"Inversechi",[617,618,49,449,619,40],"5380261",53,"ceeK",[621,622,49,351,623,40],"5381042",54,"acmecorps",[625,626,49,610,627,40],"5380984",55,"floydpink",[629,630,49,610,631,40],"5381933",56,"jv22222",[633,634,49,610,635,40],"5381783",57,"arrowgunz",[637,638,49,272,639,40],"5380579",58,"quizotic",[641,642,49,610,643,40],"5381443",59,"dested",[645,646,49,351,647,40],"5380949",60,"bamazizi",[649,646,40,282,11,18],"5380961",[651,646,49,610,647,40],"5380986",[653,646,40,282,11,18],"5381124",[655,656,49,610,657,40],"5381117",61,"danzajork",[659,660,49,272,661,40],"5380830",62,"pchekuri",[663,664,49,610,665,40],"5381498",63,"joshmattvander",[667,668,18,410,669,40],"5380550",64,"jQueryIsAwesome",[671,668,42,402,672,40],"5380577","acoleman616",[674,668,18,410,669,40],"5380745",[174,676,42,294,175,40],65,[678,676,40,282,11,18],"5383448",[680,681,40,285,682,40],"5381353",66,"adamgravitis",[684,681,40,285,685,40],"5381466","alphakappa",[687,681,40,285,368,40],"5381719",[],[690,695,699,704,709,713],{"id":691,"name":692,"points":693,"category":694},"5395463","XKCD-inspired StackSort",948,"languages",{"id":696,"name":697,"points":698,"category":20},"5407499","Webflow",503,{"id":700,"name":701,"points":702,"category":703},"5372183","CupidWithFriends",200,"web_saas",{"id":705,"name":706,"points":707,"category":708},"5377130","Replace Reader",175,"productivity",{"id":710,"name":711,"points":712,"category":20},"5386713","Advanced Namespace Tools (ANTS)",131,{"id":714,"name":715,"points":716,"category":694},"5390954","np",122,false,"v2",{"id":720,"name":5,"line":6,"ai":717,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":721,"top":18,"kw":722,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":723,"url":9,"mix":724,"praise":93,"objection":119,"sub":21},5380056,0.41,[24,25,26,27,28],"4532233335300451354554545555414535555510",[32,33,34,35],1793990892089]