Zbiór pluginów jQuery – przydatne i ciekawe rozszerzenia

jQuery

Poziom średnio-zaawansowany

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:

http://stickyjs.com/

2. pwdMeter

To niewielki plugin służący do pomiaru siły haseł. Ponadto ma wbudowany generator silnych haseł. Rozwiązanie proste i skuteczne.

pwdMeter jQuery plugin

pwdMeter jQuery plugin

Dostępny na stronie:

http://shouvik.net/pwdmeter.php

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

Progression.js

Progression.js

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.

Selectize.js

Selectize.js

Do pobrania:

http://brianreavis.github.io/selectize.js/

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.

Facebox Plugin

Facebox Plugin

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.

Toolbar.js plugin

Toolbar.js plugin

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.

Intro.js jQuery plugin

Intro.js jQuery plugin

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

http://www.jquery4u.com/

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

Programista WWW i aplikacji mobilnych z wieloletnim doświadczeniem, początkujący bloger. Pasjonat programowania, nowych technologii, e-commerce, a także sportu i motoryzacji.

Twitter LinkedIn Google+ Skype Xing 

Podaj dalej: Share on Facebook0Tweet about this on TwitterShare on Google+1Share on LinkedIn1Share on Tumblr0Digg thisEmail this to someonePin on Pinterest1
Możesz skomentować leave a response, lub podać trackback z własnej strony.