Shepherd - skrypt przewodnika po stronie WWW | DailyWeb.pl - codziennie o sieci

Shepherd - skrypt przewodnika po stronie WWW

Opublikowano 3 lata temu -


Jeśli Twoja strona jest skomplikowana, zawiera całą masę opcji, to w zasadzie masz dwa wyjścia. Uprościć wszystko maksymalnie, albo dodać przewodnik po stronie ;-) Oczywiście najlepiej będzie połączyć oba rozwiązania ze sobą. Dziś w sekcji Krótko i na temat, skrypt z tych, które już na blogu mają swoich reprezentantów. Jednym z nich jest narzędzie o nazwie Intro.js, który w zasadzie spełniał swoje zadanie bez większych zastrzeżeń. Była też mowa o komercyjnym, nieco bardziej rozbudowanym narzędziu WalkMe. To jednak nie przeszkadza zaprezentować Wam kolejną propozycję, tj. Shepherd.

Porównując je do konkurencji, przynajmniej darmowej, sam Shepherd jest zdecydowanie bardziej rozbudowany. Do dyspozycji mamy całą masę możliwości sterowania skryptem, które doskonale opisane są w kompleksowej dokumentacji. Kolejne dymki budowane są, tworząc kolejne kroki. Te z kolei odwołują się do konkretnej klasy elementu, zawierają także tytuł i opis, w formacie widocznym poniżej. Sami zobaczcie, cóż to cudo potrafi.


tour = new Shepherd.Tour
defaults:
classes: 'shepherd-theme-arrows'

tour.addStep 'example',
title: 'Example Shepherd'
text: 'Creating a Shepherd is easy too! Just create ...'
attachTo: '.hero-example bottom'
advanceOn: '.docs-link click'

tour.start()

Demo Pobierz