5 najświeższych pluginów do jQuery – efekt ruchu



5 najświeższych pluginów do jQuery - efekt ruchu

Po dłuższej przerwie, ponownie wracamy do tematu pluginów do jQuery. Jak mogliśmy zobaczyć w poprzednich zestawieniach pluginów, czy też w tutorialach dotyczących zrobienia konkretnej wtyczki do jQuery – biblioteka ta daje naprawdę ogromne (wręcz nieograniczone) możliwości w prezentowaniu elementów webowych.

W dzisiejszym artykule spojrzymy na ostatnio wydane pluginy do jQuery – wszystkie związane z ruchem i animacją elementów, które idealnie nadają się do zwiększenia użyteczności strony.

Fluid Navigation

Czyli jak stworzyć informacyjny pasek menu z wykorzystaniem jQuery i CSS. Bardzo ciekawy przykład jak w prosty sposób zmienić z pozoru typowe menu nawigacyjne w nowatorski sposób informowania użytkownika o treści zawartych w pozycji menu. Dzięki pluginowi po najechaniu na kategorię, użytkownik zobaczy krótką informacje co jest w niej zawarte – bardzo proste a zarazem użyteczne rozwiązanie.

animowane menu jQuery

Zobacz Demo || Pobierz Plugin


Automatyczny Slideshow z wykorzystaniem jQuery i CSS

Bardzo prosty a zarazem bardzo efektowy plugin do jQuery realizujący automatyczny slideshow wykorzystując HTML/CSS/Javascript. Ważnym aspektem pluginu jest część HTML-owa, dzięki której wszystkie informacje są bezpośrednio na stronie co pozostaje nie bez znaczenia dla szeroko-pojetego SEO.

animowane menu jQuery

Zobacz Demo || Pobierz Plugin


Karuzela elementów w jQuery

Roundabout jest bardzo nowatorskim pluginem do jQuery umożliwijacycm w bardzo prosty sposób umieszczenie interaktywnej karuzeli statycznych elementów HTML-owych na stronie. Sama konfiguracja jest bardzo prosta i domyślnie animuje listy, ale po chwili konfiguracji możliwa jest animacja dowolnych elementów HTML-owych. Dodatkowym plusem jest łatwa integracja z innymi pluginami typu lightbox.

karuzela elementów w jQuery

Zobacz Demo || Pobierz Plugin


SlideDeck

SlideDeck proponuje całkiem inny sposób prezentowania elementów na stronach czy telefonach komórkowych na zasadzie paneli. Plugin nastawiony jest na silną interakcję z użytkownikiem.

SlideDeck jQuery

Zobacz Demo || Pobierz Plugin


jQuery Quicksand Plugin

Rewelacyjny wręcz plugin wykorzystywany do sortowania i filtrowania elementów na stronie, a wszystko w połączeniu z bardzo przyjemną, płynną animacją. W swoim podstawowym działaniu wtyczka po prostu zastępuje jedną listę elementów inną, a można to wykonać poprzez: żądanie AJAX-we, wraz z pobraniem innego zestawu danych lub poprzez przesortowanie elementów za pomocą JavaScriptu. Zachęcam do obejrzenia Dema.

jQuery Quicksand Plugin

Zobacz Demo || Pobierz Plugin

Related Posts with Thumbnails
Prześlij dalej:
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

4 komentarze do “5 najświeższych pluginów do jQuery – efekt ruchu”

commenter

SlideDeck twierdzi, że Opera mu się nie podoba. W przypadku polskich realiów to ok 10% użytkowników, więc wcale nie tak mało.

commenter

prawda, że wg. ranking.pl aktualnie niecałe 8% użytkowników używa Opery, ale sam plugin jest interesującą pozycją – może ktoś pokusi się o to, by napisać inną jego wersję, która będzie wspierać Operę :)

Fakt, Opera nie rozumie kilku kwestii zawartych w kodzie js… ale od czego wyobraźnia :) Może nie na 100% możliwości tego skryptu w innych przeglądarkach, ale da się tak zmodyfikować js i css a także zakombinować w grafikach, że Opera mimo, że „nie chce” – pokaże to co JA CHCĘ identycznie, jak w pozostałych NOWYCH przeglądarkach liczących się na rynku :) Najwięcej w tym potrzeba wyobraźni graficznej i odczepienia – moim zdaniem zupełnie zbędnych i w sumie nie wiem czemu służących – możliwości skryptu js.

commenter

prawda jest taka, że wszystko da się zrobić pod każdą przeglądarką, tylko pozostaje kwestią czy mamy na to czas, zasoby i środki by się tego podjąć :)

Zostaw komentarz:

Imię (wymagane):
Email:
Strona www:
Komentarz (wymagany):
XHTML: W komentarzach możesz korzystać z nastepujących tagów: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
-