Intro.js
Dev tools
javascript ui library
SHOW HN2013
716points
154comments
#7of 1,739 in 2013
Top 1%of 2013 by points
How HN took it
MixedNo clear lean
43 positive, 24 neutral or asking, 15 mixed, 11 critical, out of 93 comments about the project. Thread score +0.41.
Idea: 21 for, 0 againstExecution: 3 for, 8 againstDesign: 6 for, 3 againstDocs: 1 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Clean, simple, and well executed
From 4 comments
Nicely done. Bonus points for not making it a jQuery plugin!
felix on HNHey, 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…
posabsolute on HNOverall 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/rectangle that appears on the…
dubcanada on HNAwesome project, this plugin is great to do "howtos" and online interactive manuals. Cheers!
ehmuidifici on HN
Non-jQuery vanilla JS is a plus
From 3 comments
Nicely done. Bonus points for not making it a jQuery plugin!
felix on HNNeat! 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…
mikeleeorg on HNOverall 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/rectangle that appears on the…
dubcanada on HN
Objections
Next button is too small, especially on touch devices
From 4 comments
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…
niggler on HNI love it. I wish the next and skip links were larger so it would look good on a mobile device. :)
donnfelker on HNAWESOME! 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…
cemregr on HNThis 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/or bigger…
racbart on HN
Step numbers are unnecessary or confusing
From 4 comments
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/or bigger…
racbart on HNI felt the same about the numbers appearing. It reminded me of the numbers that appear on my Facebook notifications/messages, and it made me feel like I needed to click/take some…
matthuggins on HNAgreed - came to comments to say the numbers aren't necessarily, and the navigation is unclear (though I just used keyboard arrow keys)
dmragone on HNGreat 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…
lukifer on HN
Tooltip scrolling does not keep the text box in view
From 3 comments
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…
mcintyre1994 on HNNice but lacks automatic scrolling to guarantee visibility of highlighted part and comment.
przemoc on HNGood 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.
frozenport on HN
Requests
Mobile and touch device support
From 4 comments
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…
niggler on HNNice weekend project - cool! Worked fine on my laptop - a few problems on my iPad. Suggestion: enlarge the next/prev buttons. Thank you Afshinmeh and happy new year! :-)
andyl on HNI love it. I wish the next and skip links were larger so it would look good on a mobile device. :)
donnfelker on HNGreat to see some proper Irani geeks doing good stuff. Does this work in mobile browsers? maybe a compatibility table in the front page?
muyuu on HN
Support for older browsers such as IE7 and IE8
From 2 comments
Falls apart on IE7. Love what you've done though. (Note to employer, UPGRADE MY COMPUTER)
Jeremy1026 on HN"Currently for Modern Browsers only". Can you be more specific? No IE? IE from version 9? 10?
ckarmann on HN
Configurable tooltip position and presentation options
From 3 comments
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…
mariusz331 on HNMy 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…
meerita on HNI felt the same about the numbers appearing. It reminded me of the numbers that appear on my Facebook notifications/messages, and it made me feel like I needed to click/take some…
matthuggins on HN
Callback events for each step
From 1 comment
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…
js-coder on HN
Questions
Does it work in mobile browsers and which IE versions are supported
From 2 comments
Great to see some proper Irani geeks doing good stuff. Does this work in mobile browsers? maybe a compatibility table in the front page?
muyuu on HN"Currently for Modern Browsers only". Can you be more specific? No IE? IE from version 9? 10?
ckarmann on HN
Alternatives named
Zurb Foundation Joyride
From 1 comment
A nice alternative is Zurb Joyride: http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin http://foundation.zurb.com/docs/components/joyride.html
avel on HN
WalkMe
From 1 comment
Somebody already thought about it: walkme.com
ChrisCinelli on HN
Taurus
From 1 comment
Or HN's own, https://taurus.io/
bmelton on HN
jQuery Impromptu
From 1 comment
Good stuff! Thanks for this. Just to put it out there, here is an alternative built on jquery. http://trentrichardson.com/Impromptu/
Bjoern on HN
Tutorialize.me
From 1 comment
Look great for super lightweight tutorials. If you need to customize more, http://tutorialize.me is my favorite.
abailin on HN