Consider caching your element selectors like this:<p>var $image = $('#my-div img');<p>This way jQuery doesn't have to traverse the DOM more than once to select the element.<p>Also, I believe you can do all of your mousedown() event code in one block.<p>Edit: oops, upon further inspection, I see you are doing this all in the console. Caching the selector is still possible, but now I understand why you did the mousedown() event the way you did.
+1 for the share button up top (<a href="https://github.com/carrot/share-button" rel="nofollow">https://github.com/carrot/share-button</a>) - but adjust that hover color to blue or grey!<p></shameless plug>
Nice! I actually used a horrible version of Street Fighter for my Intro to Programming course. We were learning conditionals, so I thought, "Why not teach them character selection and Event listeners?" A little confusing, but kept everyone interested.
Thank you! If I can make one suggestion it would be to add somewhat at the end a demo of the final project. The first thing I do with tutorials is always to scroll to the end and see what I am going to end up with.
While I applaud the time the author took to write this, isn't the message a bit misguided? Wouldn't it be more useful to encourage people to "Learn JavaScript and how to read an API"?
I'm not able to scroll down the page on my iPad - it doesn't seem to hang, I just can't scroll. Any idea why?<p>Will definitely check it out when I'm on my laptop, seems cool!
What is the purpose of the opacity fade at the bottom? Stylistic? I'd really rather be able to see everything clearly. Looks like there is some good content otherwise.