Zbiór pluginów jQuery - przydatne i ciekawe rozszerzenia - javascript-html5-tutorial.pl

javascript-html5-tutorial.pl

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

Styczeń 21st, 2014

Dominik-W

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:

&amp;lt;script src=&amp;quot;jquery.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script src=&amp;quot;jquery.sticky.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script&amp;gt;
  $(document).ready(function() {
    $(&amp;quot;#my-element&amp;quot;).sticky({topSpacing: 0});
  });
&amp;lt;/script&amp;gt;

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

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

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

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

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

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

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