
Oto mały zbiór pluginów jQuery, z którymi zdarzyło mi się pracować, a które uznałem za godne uwagi.
Pluginy jQuery
Ilość dostępnych pluginów jQuery jest naprawdę przytłaczająca. Nie sposób przejrzeć ich wszystkich. Z drugiej strony szukając wtyczki jQuery realizującej jakieś zadanie, prawie na pewno znajdziemy to czego szukamy.
1. Sticky Plugin
Sticky to plugin jQuery, dający możliwość przyczepienia dowolnego elementu na stronie tak, aby był zawsze widoczny, niezależnie od przewijania strony.
Użycie jest bardzo proste:
<script src="jquery.js"></script> <script src="jquery.sticky.js"></script> <script> $(document).ready(function() { $("#my-element").sticky({topSpacing: 0}); }); </script>
Demo i plugin do pobrania na stronie:
2. pwdMeter
To niewielki plugin służący do pomiaru siły haseł. Ponadto ma wbudowany generator silnych haseł. Rozwiązanie proste i skuteczne.
Dostępny na stronie:
3. Progression.js
Jest to proste rozszerzenie, które możemy podłączyć do formularza. Z przyjemnym dla oka efektem będzie ono informować użytkownika o postępie wypełnienia formularza.
Dla każdego pola formularza należy podać atrybuty: data-progression, który pozostawiamy pusty, oraz data-helper, w którym podajemy tekst pomocniczy (hint).
Demo:
http://git.aaronlumsden.com/progression/#demo
Do pobrania:
https://github.com/aarondo/progression.js/archive/master.zip
4. Selectize.js
Selectize oferuje jakby hybrydę pola tekstowego i pola typu select. Przydatny do tagowania, tworzenia list wyboru, itp.
Do pobrania:
5. Facebox Plugin
Jest to rozwiązanie typu lightbox, wyglądających i zachowującym się tak samo, jak ten który znamy z Facebook’a. Można w nim wyświetlać elementy właściwie dowolnego typu.
Strona projektu:
http://www.ajaxblender.com/demos/lightboxes/facebox/
6. Toolbar.js
Ten plugin umożliwia tworzenie konfigurowalnych pasków narzędziowych w dość prosty sposób. Może okazać się użyteczny w wielu aplikacjach WWW. Zawiera ikony z frameworku Twitter Bootstrap.
Strona:
http://paulkinzett.github.io/toolbar/
7. Intro.js
Kolejnym pluginem jQuery w naszym małym zbiorze jest Intro.js. To rozwiązanie pozwala zaimplementować na naszej stronie / aplikacji WWW funkcjonalność przewodnika, krok po kroku wprowadzającego użytkownika w szczegóły. Jest to rozwiązanie podobne do tego, stosowanego na Facebook’u.
Do pobrania:
https://github.com/usablica/intro.js
Więcej zasobów i pluginów jQuery
Przede wszystkim chciałbym dodać coś do artykułu o obsłudze Cookies w JavaScript. Mianowicie zbiór różnych pluginów jQuery służących obsłudze cookies i ułatwiających ją.
Zbiór dostępny tutaj:
http://www.jqueryrain.com/2014/01/macaroon-jquery-plugin-acessing-browser-cookies/
A dodatkowo:
– różne zasoby, w tym zbiory pluginów do różnych zastosowań:
– zbiory pluginów jQuery:
http://smashinghub.com/category/web-development-2/jquery
Podsumowanie
To wszystko na dziś. Mam nadzieję że niektóre z pluginów przydadzą się innym. Z czasem będą pojawiać się kolejne zbiory.
Zachęcam do rekomendowania swoich ulubionych pluginów jQuery.