From 1b8bb32c28ceb41985ca00e69abef3363e3d8c33 Mon Sep 17 00:00:00 2001 From: Jeff Pickhardt Date: Sat, 26 Jan 2013 20:23:04 -0800 Subject: [PATCH 1/2] First commit of the dev branch and beginning of version 2.0.0! Changelog: - Started keeping a changelog in changelog.txt. - Since this is a major change, I am incrementing the version number to 2.0.0. (Following Semantic Versioning, http://semver.org/) - Created a dev branch on GitHub. (https://github.com/jeff-optimizely/Guiders-JS/tree/dev) Contributors, issue pull requests to the dev branch so I can safely pull them without worrying about screwing up master code. - Changed the file names from guiders-(version).js and guiders-(version).css to simply guiders.js and guiders.css, so that it's easier to track changes in GitHub. If you want to know what version you have, just open the file or check guiders.version. - Upgraded jQuery from 1.51 to 1.90. It should still work with older versions of jQuery. - Use var guiders = this.guiders = {}; instead of var guiders = (function() { ... }) in order for guiders to attach to the window object more reliably. (Thanks @spmason https://github.com/spmason/Guiders-JS/commit/7229f66870701b980e98d80d1ac79cbb0016b92d#commitcomment-2506855) - Added bower support in component.json (Thanks rajkissu https://github.com/jeff-optimizely/Guiders-JS/pull/78) - Added a method: guiders.getCurrentGuider, to get the current guider. This can be useful for analytics tracking, for example. - guiders.next and guiders.prev return the value of guiders.getCurrent() - Allow creating guidres in the HTML, then creating guiders via $("#guider2").guider(options). The options can be passed in through options or set as data-attrs on the object in the HTML. (Thanks @tarr11 https://github.com/jeff-optimizely/Guiders-JS/issues/85) --- .DS_Store | Bin 0 -> 6148 bytes README.html | 68 +++--- changelog.txt | 21 ++ component.json | 22 ++ guiders-1.3.0.css => guiders.css | 19 +- guiders.jquery.json | 0 guiders-1.3.0.js => guiders.js | 350 +++++++++++++++++++------------ jquery-1.5.1.min.js | 16 -- jquery.min.js | 4 + 9 files changed, 322 insertions(+), 178 deletions(-) create mode 100644 .DS_Store create mode 100644 changelog.txt create mode 100644 component.json rename guiders-1.3.0.css => guiders.css (97%) create mode 100644 guiders.jquery.json rename guiders-1.3.0.js => guiders.js (81%) delete mode 100755 jquery-1.5.1.min.js create mode 100644 jquery.min.js diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 - - - + + + +
@@ -56,6 +57,26 @@


+ + + +
+
+

Guiders are typically attached to an element on the page.

+ +

+ For example, this guider is attached to the 12 o'clock direction relative to the attached element. The Guiders.js API uses a clock model to determine where the guider should be placed.

Attaching a guider to an element focuses user on the area of interest. +

+ +
+
Close
+
Next
+
+
+ +
+
+