Thankfully, using JavaScript to create this effect isn’t that difficult. In this article, I’m going to show you how to write the JavaScript code for a rollover, step by step.

Mousetrap is a simple and small (1.5kb) library for handling keyboard shortcuts without the use of jQuery and works in IE 6+, Safari, Firefox, Chrome and possibly Opera (so we’ve heard).

JavaScript’s reduce is one of the most useful array methods that should be in a developer’s arsenal. Introduced in ES5, it’s somewhat similar to for…each and map methods that are used with ...