50 najbardziej użytecznych wtyczek jQuery do tworzenia frontendów

Dostępnych jest wiele innych frameworków JavaScript, ale jQuery jest zdecydowanie najpopularniejszym (według BuiltWith używa go obecnie ponad 78% najlepszych witryn).

Celem jQuery jest ułatwienie zarządzania i pisania wielu z tych funkcji JavaScript, które zwykle wymagają wielu wierszy kodu, poprzez połączenie ich w metody, które można wywołać za pomocą tylko jednej linii kodu.

Jest lekki, a ponieważ można go rozszerzać, są dostępne bezpłatnie wtyczki jQuery dla prawie każdej funkcji, o której możesz pomyśleć.

Wtyczki jQuery do układów internetowych i mobilnych

pagePiling.js

pagePiling.js to wtyczka jQuery do "układania" sekcji układu jedna na drugiej i uzyskiwania do nich dostępu poprzez przewijanie.

fullPage.js

fullPage.js to prosta wtyczka do tworzenia pełnoekranowych stron internetowych.

gridscrolling.js

gridscrolling.js to wtyczka do pozycjonowania sekcji i na bok w siatce oraz umożliwiająca łatwą nawigację za pomocą klawiszy kursora.

Migotanie

Flickerplate to responsywna, obsługiwana dotykiem i lekka wtyczka, która umożliwia „przeglądanie” treści.

jInvertScroll

jInvertScroll to lekka wtyczka, która umożliwia poruszanie się w poziomie z efektem paralaksy podczas przewijania w dół.

Animacja

Animsition to prosta wtyczka do dodawania przejść stron z animacjami CSS.

cegła praca

Brick Work to lekka (15 KB) i bogata w funkcje wtyczka do tworzenia responsywnych układów dynamicznych.

PrzewińMnie

ScrollMe to lekka wtyczka, która umożliwia dodawanie prostych efektów przewijania do stron internetowych.

smoothState.js

jquery.smoothState.js to wtyczka, która stopniowo ulepsza strony tak, aby zachowywały się bardziej jak aplikacja jednostronicowa.

multiscroll.js

multiscroll.js to prosta wtyczka do tworzenia witryn multi-scroll z dwoma pionowymi panelami przewijania.

matchHeight.js

matchHeight.js jest bardziej niezawodną wtyczką równości wysokości dla jQuery.

Wtyczki do nawigacji i menu jQuery

Suwaki

Slidebars to lekka (2kb) wtyczka do tworzenia menu push w stylu aplikacji.

scotchPanels.js

scotchPanels.js to wtyczka menu i panelu jQuery poza kanwą.

Wtyczki jQuery dla mediów (obrazy i wideo)

Punkt ostrości

Focuspoint to wtyczka do dynamicznego przycinania obrazów w celu wypełnienia dostępnej przestrzeni bez wycinania tematu obrazu.

Fluidbox

Fluidbox jest repliką modułu lightbox Medium.com z kilkoma dodatkowymi ulepszeniami.

GifPlayer

GifPlayer to mała wtyczka, która pozwala kontrolować, kiedy odtwarzać i zatrzymywać animowane pliki GIF.

rowGrid.js

rowGrid.js to wtyczka do umieszczania obrazów na siatce z obsługą nieskończonego przewijania.

SVGMagic

SVGMagic to prosta wtyczka zastępcza SVG, która znajduje obrazy SVG w Twojej witrynie i tworzy wersje PNG, jeśli przeglądarka ich nie obsługuje.

Zobacz jQuery

Vide to wtyczka jQuery do łatwego dodawania tła wideo do stron internetowych.

Gęsty.js

Dense.js to wtyczka do łatwego udostępniania obrazów gotowych do siatkówki.

Covervid

Covervid to prosta wtyczka, dzięki której wideo HTML5 będzie zachowywać się jak obraz tła.

jQuery-Cropbox

jQuery-Cropbox to naprawdę przydatna wtyczka do przycinania obrazów w miejscu (powiększanie i przesuwanie, w przeciwieństwie do zaznaczania i przeciągania).

Wykrywanie twarzy

Wykrywanie twarzy to potężna wtyczka jQuery/Zepto, która wykrywa twarze na obrazach, filmach i płótnach.

BttrLazyŁadowanie

BttrLazyLoading to wtyczka, która umożliwia aplikacji internetowej ładowanie obrazów tylko w oknie widoku podczas przewijania przez użytkownika.

Wtyczki suwaka, karuzeli i galerii jQuery

Prosty suwak jQuery

Prosty suwak jQuery to lekki suwak jQuery, który robi dokładnie to, co powinien robić suwak: „slajdy slajdów”.

FSVS

FSVS to prosty pełnoekranowy pionowy suwak wykorzystujący przejścia CSS3 z funkcją awaryjną jQuery.

anoFlow

anoFlow to bogata w funkcje i responsywna wtyczka lightbox/galeria.

nanoGALERIA

nanoGALLERY to responsywna, dotykowa i łatwa w użyciu wtyczka galerii obrazów.

Justified.js

Justified.js to wtyczka, która tworzy wyjustowaną siatkę obrazów.

Pomieszaj obrazy

Shuffle Images to wtyczka jQuery, która umożliwia wyświetlanie i tasowanie wielu obrazów w galerii poprzez przesuwanie lub potrząsanie kursorem.

Skippr

Skippr to super prosta i lekka wtyczka pokazu slajdów dla jQuery.

Wtyczki efektów tekstowych jQuery

fontFlex.js

fontFlex.js to lekka wtyczka do dynamicznie zmieniających się rozmiarów czcionek.

Maszyna do pisania

t.js to lekka wtyczka jQuery do efektów tekstowych podobnych do maszyn do pisania.

Morphext

Morphext — wtyczka karuzeli jQuery oparta na programie Animate.css dla fraz tekstowych.

Splitchar

Splitchar to wtyczka jQuery, która pozwala na stylizację i zaprojektowanie pierwszej, drugiej lub obu połówek postaci.

Wtyczki jQuery Form Element

BootstrapWalidator

BootstrapValidator to wtyczka jQuery do walidacji formularzy Bootstrap.

Etykietowanie

Labelauty – Przyjemna i lekka wtyczka jQuery, która upiększa pola wyboru i przyciski radiowe.

Opiekun

Guardian to elastyczna i łatwa w rozbudowie, uniwersalna wtyczka jQuery do walidacji formularzy.

fontIconPicker

fontIconPicker to lekka wtyczka, która umożliwia dołączenie prostego selektora ikon (z wyszukiwaniem i paginacją) w dowolnym formularzu.

Ukryj Szukaj

HideSeek to prosta, ale konfigurowalna wtyczka jQuery do wyszukiwania na żywo.

Wybór zegara

ClockPicker to selektor czasu w stylu zegara dla jQuery lub Bootstrap.

Wtyczki narzędziowe jQuery

jQuery Potwierdź pocztę

jQuery Confirm Mailto to wtyczka do potwierdzania z użytkownikami przed otwarciem jakiegokolwiek linku mailto: przez ich domyślnego klienta poczty e-mail.

jNoteria

jNottery to wtyczka umożliwiająca dodawanie notatek do strony.

Responsywne zakładki

Responsive Tabs to wtyczka oferująca responsywną funkcjonalność kart.

adaptacyjne-tła.js

adaptive-backgrounds.js to fajna wtyczka, która wyodrębnia dominujący kolor z obrazów na twojej stronie internetowej i stosuje kolor do ich rodzica.

…i w końcu…

Planetarium

Planetarium to wtyczka jQuery, która pozwala na konstruowanie interaktywnych planet i budowanie Wszechświata!

stół-przeciągacz

table-dragger umożliwia łatwe dodawanie sortowania metodą „przeciągnij i upuść” do tabeli bez jQuery.

Selektor

Selector to biblioteka micro JavaScript używana jako zamiennik dla jQuery, ważąca prawie 5 KB.

palant.js

jquery.wanker.js to humorystyczna wtyczka jQuery, która wyświetla ogłoszenie o usługach publicznych, gdy ludzie zaczynają nadmiernie zmieniać rozmiar swojej przeglądarki na komputerze, próbując zobaczyć responsywne punkty przerwania. Jak mówią: „Sieć ma być czytana, a nie ściskana!”