Skip to content

tomByrer/jsperf-tutorial

Repository files navigation

A bookmarklet to run a tutorial on jsPerf.com homepage using Intro.js.

If you don't know, jsPerf is a croud-sourced JavaScript speed test site. It is helpful if you want to benchmark one function against another or find new, faster methods. Disclaimer: This project is not connected to jsPerf or maintainers.

Usage

Tested on Windows Firefox, Chrome, IE10.

Graphical instructions at http://tombyrer.github.io/jsperf-tutorial/

  1. Add bookmarklet to your bookmarks toolbar ("Favourites" in IE): javascript:(function(){var%20e=document.createElement("SCRIPT");e.type="text/javascript";e.src="//tombyrer.github.io/jsperf-tutorial/jsperf-tutorial.js";document.getElementsByTagName("body")[0].appendChild(e)})(); (For Android, you might have to replace %20 for an actual space.)
  2. Go to http://jsperf.com/, or enter /edit after an existing test.
  3. Run bookmarklet from your toolbar.
  4. At the upper-right hand corner of the page, you'll see a "Run tutorial" banner appear in a second. Click there, then you should see a modal popup, highlighting a field.
  5. Use the [Enter] key or the [Next ->] button to step though the tutorial.
  6. To end, click anywhere outside of modal or [Skip].

Helping

You can send an issue if you need help, but first please read CONTRIBUTING.

ToDo

  • DRY loader from instructions
    • JSON for data?
    • make new repo for loader
  • testing
    • iOS & Android tablets
    • OSX
  • improve CSS
    • button:active highlight
  • teach links on bottom
  • fix then add tutorial for the run-test page

Licence

MIT

About

bookmarklet to run a tutorial on jsPerf.com

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published