{"id":1688,"date":"2016-08-04T14:13:57","date_gmt":"2016-08-04T12:13:57","guid":{"rendered":"http:\/\/hesmid.nl\/test\/?p=1688"},"modified":"2016-08-04T14:15:32","modified_gmt":"2016-08-04T12:15:32","slug":"website-tour-instructions-and-help-plugins","status":"publish","type":"post","link":"https:\/\/hesmid.nl\/test\/website-tour-instructions-and-help-plugins\/","title":{"rendered":"Website tour, instructions and help plugins"},"content":{"rendered":"<h3>Intro.js<\/h3>\n<p><a href=\"http:\/\/introjs.com\/\">website+demo<\/a>\u00a0\u00a0<a href=\"https:\/\/github.com\/usablica\/intro.js\">github<\/a><\/p>\n<p>&#8211; 10KB JavaScript and 2.5KB CSS<br \/>\n&#8211; user-friendly<br \/>\n&#8211; browser-compatibility<br \/>\n&#8211; hints, enable\/disable, HTML in tooltip, floating guide, multi-page guide, progress bar, auto-positioning<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1692\" src=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-002.png\" alt=\"2016-08-04 002\" width=\"502\" height=\"180\" srcset=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-002.png 868w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-002-150x54.png 150w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-002-300x107.png 300w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-002-768x275.png 768w\" sizes=\"(max-width: 502px) 100vw, 502px\" \/><\/p>\n<h3><\/h3>\n<p><!--more--><\/p>\n<h3 id=\"step1\">Angular Intro.js<\/h3>\n<p><a href=\"https:\/\/github.com\/mendhak\/angular-intro.js\">github<\/a><\/p>\n<p>Angular version of intro.js<\/p>\n<h3>Trip.js<\/h3>\n<p><a href=\"http:\/\/eragonj.github.io\/Trip.js\/\">website<\/a>\u00a0<a href=\"http:\/\/eragonj.github.io\/Trip.js\/demo.html\">demos<\/a>\u00a0<a href=\"https:\/\/github.com\/EragonJ\/Trip.js\">github<\/a><\/p>\n<p>&#8211; Autoplay tutorial<br \/>\n&#8211;\u00a0Tested and work well on IE 9+, Chrome 32+, Firefox 32+ and Safari 9+<br \/>\n&#8211; Complete API, callbacks, keyboard support and options to customize the look.<br \/>\n&#8211;\u00a0Configure positions ( n, e, s, w )<br \/>\n&#8211; Change themes<br \/>\n&#8211; Animations<br \/>\n&#8211; Go back to the top after finished<br \/>\n&#8211; Show close box and show navigation<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1696\" src=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-007.png\" alt=\"2016-08-04 007\" width=\"215\" height=\"142\" srcset=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-007.png 215w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-007-150x99.png 150w\" sizes=\"(max-width: 215px) 100vw, 215px\" \/><br \/>\n&#8211; Highlighting<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1697\" src=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-008.png\" alt=\"2016-08-04 008\" width=\"413\" height=\"83\" srcset=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-008.png 926w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-008-150x30.png 150w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-008-300x60.png 300w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-008-768x154.png 768w\" sizes=\"(max-width: 413px) 100vw, 413px\" \/><\/p>\n<h3>Bootstro.js<\/h3>\n<p><a href=\"https:\/\/github.com\/clu3\/bootstro.js\">github<\/a>\u00a0<a href=\"http:\/\/clu3.github.io\/bootstro.js\/\">demo<\/a><\/p>\n<p>&#8211;\u00a0Tiny JS library taking advantage of bootstrap&#8217;s popover to help guide your users around<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1695\" src=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-006.png\" alt=\"2016-08-04 006\" width=\"405\" height=\"232\" srcset=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-006.png 912w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-006-150x86.png 150w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-006-300x172.png 300w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-006-768x440.png 768w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><\/p>\n<h3>Bootstrap Tour<\/h3>\n<p><a href=\"http:\/\/bootstraptour.com\/\">website+demo<\/a><\/p>\n<p>&#8211;\u00a0quick and easy way to build your product tours with Twitter Bootstrap Popovers.<br \/>\n&#8211; Easy to use and has many options to customize.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1694\" src=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-005.png\" alt=\"2016-08-04 005\" width=\"399\" height=\"251\" srcset=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-005.png 643w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-005-150x94.png 150w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-005-300x189.png 300w\" sizes=\"(max-width: 399px) 100vw, 399px\" \/><\/p>\n<h3>Sheperd<\/h3>\n<p><a href=\"http:\/\/github.hubspot.com\/shepherd\/docs\/welcome\/\">website<\/a>\u00a0<a href=\"https:\/\/github.com\/HubSpot\/shepherd\">github<\/a><\/p>\n<ul>\n<li>dependencies: tether<\/li>\n<li>IE9 and all modern browsers<\/li>\n<li>Works great on mobile\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1691\" src=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-003.png\" alt=\"2016-08-04 003\" width=\"381\" height=\"257\" srcset=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-003.png 677w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-003-150x101.png 150w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-003-300x203.png 300w\" sizes=\"(max-width: 381px) 100vw, 381px\" \/><\/li>\n<\/ul>\n<h3>Crumble<\/h3>\n<p><a href=\"http:\/\/blog.tommoor.com\/crumble\/\">website+demo<\/a>\u00a0<a href=\"https:\/\/github.com\/tommoor\/crumble#crumble\">github<\/a><\/p>\n<p>&#8211;\u00a0Add a bubble to any element;<br \/>\n&#8211; configure its rotation on a 360 degree axis and define its distance from the centre of the element.<br \/>\n&#8211; Bubble size adapts to contents &#8211; perfect when text is localised and size can not be determined up front.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1693\" src=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-004.png\" alt=\"2016-08-04 004\" width=\"436\" height=\"205\" srcset=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-004.png 646w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-004-150x71.png 150w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-004-300x141.png 300w\" sizes=\"(max-width: 436px) 100vw, 436px\" \/><\/p>\n<h3><\/h3>\n<h3>Joyride<\/h3>\n<p><a href=\"http:\/\/zurb.com\/playground\/jquery-joyride-feature-tour-plugin#\" target=\"_blank\">demo<\/a> \u00a0<a href=\"https:\/\/github.com\/zurb\/joyride\">github<\/a><\/p>\n<p>&#8211; responsive<br \/>\n&#8211; edge-aware repositioning of tooltips<br \/>\n&#8211; cookie support<br \/>\n&#8211; 12kb<\/p>\n<p><a href=\"https:\/\/github.com\/zurb\/joyride\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1690\" src=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-001-1.png\" alt=\"2016-08-04 001\" width=\"420\" height=\"236\" srcset=\"https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-001-1.png 621w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-001-1-150x84.png 150w, https:\/\/hesmid.nl\/test\/wp-content\/uploads\/2016\/08\/2016-08-04-001-1-300x169.png 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Intro.js website+demo\u00a0\u00a0github &#8211; 10KB JavaScript and 2.5KB CSS &#8211; user-friendly &#8211; browser-compatibility &#8211; hints, enable\/disable, HTML in tooltip, floating guide, multi-page guide, progress bar, auto-positioning<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7],"tags":[101,252],"acf":[],"_links":{"self":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/1688"}],"collection":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/comments?post=1688"}],"version-history":[{"count":3,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/1688\/revisions"}],"predecessor-version":[{"id":1701,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/1688\/revisions\/1701"}],"wp:attachment":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/media?parent=1688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/categories?post=1688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/tags?post=1688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}