Skryptów do przewijania grafik, treści czy materiałów video prezentowałem już naprawdę sporo. Dziś kolejny, nieco inny niż konkurencja. Jego główną zaletą jest to, że użytkownik za pomocą wygodnego interfejsu jest sam w stanie ustawić sposób prezentowania materiałów czy też wybrać efekt przejścia pomiędzy nimi.
Spośród pięciu zakładek, użytkownik może wybrać rodzaj animacji spośród ogromnej listy, wybrać formę i rodzaj nawigacji pomiędzy kartami czy też dodać dodatkowe style.
Ciężko było nadać sensowną nazwę dla powyższego skryptu i nie do końca wiem czy to się udało. Do czego właściwie służy skrypt? Prezentuje on treści podczas przewijania strony w sposób niestandardowy. Co to znaczy? Otóż treści w miarę przewijania strony, pojawiają się według określonego, zróżnicowanego toru. Ta ścieżka, jest z góry ustalona i co ciekawe, będziecie mogli ją podejrzeć, ewentutalnie edytując kod – przygotować ją po swojemu. Efekt końcowy jest zachwycający.
Skrypt nada się z pewnością do stworzenia raczej prostych stron, o niewielkiej objętości. Doskonały sposób, by na jego podstawie zbudować np. portfolio. Dodam, że do nawigacji w skrypcie może posłużyć scroll w myszce, ale także klawiatura (spacja, strzałki). Robi wrażenie, prawda?
Ile to już było wyjątkowo atrakcyjnych skryptów do przewijania obrazków i treści? Sporo i wszystkie były stworzone na jedno kopyto, patrząc z perspektywy czasu. Dziś ponownie atrakcyjny (tylko takie staram się Wam przedstawiać ;) ) slider, który odróżnia się nieco na tle konkurencji. Czym konkretnie? Efekt przejścia między poszczególnymi odsłonami wykonywany jest w sposób sprawiający, wrażenie większej dynamiki.
Serwis Tympanus, na którym pojawił się owy slider, nosi nazwę Parallax Content Slider i został przygotowany przy ożyciu jQuery i CSS3 a inspiracją do jego powstania był slajder znajdujący się na stronie Kendo UI. Do dyspozycji w slajderze mamy dwie opcje odtwarzania, tzw. autoplay, czyli automatyczne przewijanie kart, ale mogą być one zmieniane tylko po kliknięciu wybranej strzałki przez użytkownika. Gorąco polecam, na tle konkurencji PCS wypada świetnie.
Sequence.js to plugin oparty o bibliotekę jQuery to prezentowania treści w postaci dynamicznie zmienianych treści. Jest on tyle unikalny, że sposób prezentacji treści jest wysoce atrakcyjny, co odróżnia go od tego typu podobnych rozwiązań. Ciekawostką jest to, że skrypt ten nie posiada żadnych gotowych szablonów rotacji zdjęć czy tekstu, a sposób zachowania animacji jest zależna od nas.
Do SequenceJs jest dostępna dość rozbudowana i szczegółowa dokumentacja. Z pewnością urozmaici on wasze strony internetowe, niemniej trzeba będzie mu poświecić chwilę uwagi. Twórca na swojej stronie oddaje nam do dyspozycji trzy, bardzo ciekawe demonstracjie wykorzystania Sequence. Niestety pierwsza z nich nie do końca chce współpracować z moim Firefox 10.2.
Kolejny już dzisiaj skrypt przygotowany przez serwis tympanus.net. Posłuży on do prezentacji zdjęć w postaci pokazu slajdów ale nada się ona także do naprawdę ciekawego slajdera do wykorzystania na stronie internetowej.
Do dyspozycji oddano nam możliwość automatycznego odtwarzania zdjęć lub wywołania dopiero po kliknięciu w miniaturkę. Dostępne są one po najechaniu na szary boks w dolnej części skryptu. Efekt jest naprawdę świetny a ilość zastosowań nieograniczona. Polecam!
Jeżeli poszukujecie atrakcyjnych i wydajnych sliderów na swoją witrynę, z pewnością powinniście zainteresować się Slider.js. Biblioteka ta, przy użyciu elementów canvas czy transition wzbogaci wasze przewijane grafiki. Ogromną zaletą tego narzędzia jest API, dzięki któremu będziecie mogli zdecydować się na 1 z kilkunastu atrakcyjnych efektów przejść. Do wyboru developer zostawił nam, także możliwość wyboru między jasną i ciemną skórką a także ułożeniem menu nawigacji. Bardzo ciekawe rozwiązanie, przydałoby się jeszcze napisać na jego podstawie wtyczkę do WordPressa ;-)
Czym jest slider? To nic innego jak mechanizm, który w rotacyjny sposób wyświetla wybrane informacje w postaci tekstu lub grafiki. Aktualnie to nieodłączny element każdej strony WWW. Dziś chciałbym zaprezentować wam jeden z nich, jednak ten który zaraz zobaczycie – wyświetla informacje pionowo w bardzo atrakcyjny sposób. Skrypt został przygotowany przez serwis Tympanus.net Przygotowałem 5 wersji demonstracyjnych, każdy znajdzie z pewnością coś dla siebie, pozostałe linki do przykładów znajdziecie w stopce poniższego demo
