background preloader

Tours

Facebook Twitter

Bootstrap Tour. Bootstro Tour. Features Works cross-browser, cross-devices .

Bootstro Tour

C'mon, it is bootstrap Utilises Bootstrap Popovers Bootstro popovers can have variable width, even though Bootstrap 2.3 popovers does not (yet) (issue #1730 & solution) Small (3.0K minified JS & 0.5K minified CSS) No collision. More features Any element anywhere on the page can be intro'ed: popovers are automatically scrolled to so they always get focused Easily customizable: Bootstro provides various public methods so you can control as you like bootstro.start(), bootstro.next(), bootstro.prev()...

Keyboard shortcuts: Works with Esc, → ↓, ← ↑ shortcuts too. Bootstrap Tour Extended - Powerful JavaScript Tour library built for highly dynamic applications (a.k.a SaaS/RIA) Bootstrap Tour Extended is a fork of Bootstrap Tour by sorich87.

Bootstrap Tour Extended - Powerful JavaScript Tour library built for highly dynamic applications (a.k.a SaaS/RIA)

I forked it because it was not enough powerful to be useful as a tour library for my own products Bringr and Redsmin. I wanted a persistant, clean, evented, deferred based Tour library with optional overlay support. Online app Tour services could not offer (from what I saw) this depth of customization. Bootstrap Tour Extended allows developers to build quickly and easily extremely configurable product tours using Twitter Bootstrap Popovers.

Bootstrap Tour. 25+ Free JQuery Plugins For Doing Guided Tours Through A Website - ninodezign.com. When you have a web application which requires some getting used to from your users, a walkthrough of the interface is in order.

25+ Free JQuery Plugins For Doing Guided Tours Through A Website - ninodezign.com

There are awesome jQuery plugins that easy guiding users and creating site/page tours. You would find these plugins really useful for improving your overall user experience on your website. They are stylish, customizable and simple to use. Check them out: 1 – intro.js Demo Download Intro.js is a simple and fast javascript plugin for creating better introductions to websites and features with step-by-step guides with keyboard and mouse support. Feature tours and guiders (Javascript) on pluginGeek. 10+ jQuery Web Tour, Help and Instructional Plugins. Take your user experience to another level by incorporating one of these pretty interesting jQuery Web Tour, Help and Instructional Plugins in your website.

10+ jQuery Web Tour, Help and Instructional Plugins

You would find these plugins really useful for improving your overall user experience on your website. Have fun! Update 02/06/2013: Added 11. Power Tour - A powerful and creative jQuery tour solution. Pageguide by AppNeta. aSimpleTour: Alvaro's Simple Tour Plugin for jQuery v1.0. Website Tour with jQuery. Today we want to share a little script with you that allows to create a tour on a website with jQuery.

Website Tour with jQuery

This can be very useful if you want to explain your users the functioning of your web application in an interactive way. You might have noticed that Facebook used something like […] View demoDownload source. Bootstro.js demo. Features Works cross-browser, cross-devices .

Bootstro.js demo

C'mon, it is bootstrap Utilises Bootstrap Popovers Bootstro popovers can have variable width, even though Bootstrap 2.3 popovers does not (yet) (issue #1730 & solution) Bootstrap Tour. Trip.js. Crumble - jQuery Feature Tours. Crumble allows you to quickly and easily build feature tours for your website or app using small bubbles!

Crumble - jQuery Feature Tours

The bubbles are visually interesting, will draw attention and due to the small size make sure that you will write using concise language that visitors will read. The tour itself is defined as a standard ordered list in your html, making it accessible. Demo The demo is running on this page! Check out the source, or read the documentation here to find out more about how it works. Download Crumble can be downloaded from the public repository on github. Crumble depends on grumble.js to generate the bubbles, you can download it here Contact. Amberjack: Amazing On-Page Tutorials. 11 Awesome “jQuery Site Tour Plugins” For Guiding Users With Style. It is always hard to guess how users browse + how they perceive the content and flow of a website or web app.

11 Awesome “jQuery Site Tour Plugins” For Guiding Users With Style

There are tools to analyze these as much as possible and, using methods like A/B testing, improving the usability is always possible. However, it is always a great idea to guide users whenever they want. Nothing to lose on that for sure. There are awesome jQuery plugins that ease guiding users and creating site/page tours for them. They are stylish, customizable and simple to use. jQuery TourBus. jQuery TourBus takes more of a toolkit approach than some of the alternatives that try to have focusing elements, auto-progress with timers and indicators, on and on, all built in... too much stuff!

jQuery TourBus

Less is more! Basic Usage. Better introductions for websites and features with a step-by-step guide for your projects. jQuery Joyride Feature Tour Plugin - ZURB Playground - ZURB.com. Create jQuery Feature Tours in a Breeze Setting up Joyride is simple, just attach the needed files, drop in your markup and choose your settings.

jQuery Joyride Feature Tour Plugin - ZURB Playground - ZURB.com

Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images. Now let’s see just how easy it is to take your first ride without getting the fuzz involved. New in Version 2 There have been many significant performance improvements in Joyride 2, along with a myriad of new features. It works on every screen size! Step 1 Pack Your Bags You’ll definitely need the Joyride kit in order to do this, so make sure you download it.