8 genialnych pluginów do jQuery, które uatrakcyjnią twoją stronę



Naprawdę nie trzeba wiele wysiłku by uatrakcyjnić naszą stronę główną czy nawet cały serwis. Zawsze z pomocą przychodzi biblioteka JQuery i bogactwo pluginów które ze sobą niesie. Zobacz w jak bardzo prosty sposób, przy użyciu zaledwie kilku pluginów możesz wznieść swój serwis na całkiem nowy poziom.

jQZoom

jQZoom jest Javascriptowym pluginem do JQuery, służącym do powiększania zdjęć na stronie (efekt lupy). Obsługa wtyczki jest naprawdę prosta i może znaleźć szerokie zastosowanie w systemach e-commerce do prezentowania szczegółów produktów bez przeładowywania strony.

JQuery plugin - powiększanie zdjęć

Zobacz Demo || Zobacz Tutorial

JParallax

Przykład wykorzystania pluginu do JQuery – JParallax – w celu uatrakcyjnienia nagłówka strony (np. portfolio). Za pomocą pluginu wybrane elementy na stronie będą reagować na ruch kursora, przemieszczając się tym samym po wyznaczonym obszarze. Zainstalowanie i użycie wtyczki jest naprawdę proste, a efekt jest po prostu genialny.

JQuery plugin - reakcja na ruch myszy

Zobacz Demo || Zobacz Tutorial

Sexy Drop Down Menu w jQuery & CSS

Menu górne z reguły przyciąga największą uwagę użytkowników strony – tam też w pierwsze kolejności szukają wszystkich najistotniejszych informacji na stronie. Dlatego tak ważnym jest by nawigacja była przejrzysta i intuicyjna. Dzięki tej wtyczce do JQuery, wykonanie rozwijanego menu nawigacyjnego nigdy nie była tak łatwe. Poza tym nie bez przyczyna plugin nazywany jest Sexy Drop Down Menu.

JQuery plugin - łatwe menu

Zobacz Demo || Zobacz Tutorial

Dynamiczny, rozsuwany panel logowania w JQuery

Bardzo przejrzysty i funkcjonalny plugin, pozwalający na dynamiczne pokazywanie/chowanie panelu logowania. Zastosowanie takiego mechanizmu logowania pozwoli na logowanie się użytkownika na dowolnej stronie bez konieczności przenoszenia go na osobną stronę logowania. +1 do Usability.

JQuery plugin - dynamiczny panel logowania

Zobacz Demo || Zobacz Tutorial

Dynamiczne miniaturki w JQuery

Ten plugin prezentuje wręcz genialny sposób prezentowania miniaturek zdarzeniem hover. W kilka prostych kroków, z wykorzystaniem tego pluginu, zmienisz swoją statyczną galerię w prawdziwą animację.

JQuery plugin - dynamiczne miniaturki

Zobacz Demo || Zobacz Tutorial

Pokaz zdjęć wraz z opisem (JQuery / CSS)

Pokaz zdjęć pod JQuery jest idealnym rozwiązaniem do zaprezentowania elementów portfolio, produktów eCommerce czy galerii zdjęć. Plugin ten pozwoli ci tchnąc odrobinę życia w twoją statyczną stronę główną.

JQuery plugin - pokaz zdjęć z opisem

Zobacz Demo || Zobacz Tutorial

Plugin JQuery do podmiany zdjęć

Plugin z założenia jest łatwy w użyciu, prosty i szybki, a przy tym umożliwia naprawdę genialne efekty przechodzenia pomiędzy zdjęciami. Wtyczka idealnie nadaję się do części wizerunkowej na twojej stronie, a czas wdrożenia tego rozwiązania est naprawdę niewielki.

JQuery plugin - podmiana zdjęć

Zobacz Demo || Zobacz Tutorial

Galeria zdjęć Polaroid

Fantastyczny plugin do JQuery, który wzniesie twoją galerię zdjęć na wyższy poziom. Plugin ten jest idealnym przykładem na fakt, że wszystko co można zrobić we flashu można też za pomocą JQuery. Plugin sam w sobie jest bardzo prosty w użyciu, a efekt jest wręcz fenomenalny. Zdjęcia stylizowane na Polaroid, można swobodnie przenosić po całym ekranie, a kliknięte zdjęcie automatycznie przenoszone jest na wierzch.

JQuery plugin - Galeria zdjęć Polaroid

Zobacz Demo || Zobacz Tutorial

Zapisz się na RSS by dowiadywać się o nowościach w serwisie!Zapisz się na RSS w blog.alchemycode.pl

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

2 komentarze do “8 genialnych pluginów do jQuery, które uatrakcyjnią twoją stronę”

niezłe zestawienie! dzięki :)

[...] pomocą 8 genialnych pluginów do jQuery, które uatrakcyjnią twoją stronę | Alchemy Code. Komentarze [...]

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>
-