Най-добрите jQuery плъгини за 2012 1
Сподели урока
Годината е към своя край, затова реших да подбера най-добрите (според мен) jQuery плъгини за 2012 в една кратка колекция. Ще откриеш голямо разнообразие от плъгини. Някои ще ти помогнат да създадеш т.нар. адаптивен лейаут (layout). Други ще те улеснят в създаването на страхотни слайдшоу галерии, а трети пък, ще добавят различни ефекти в сайта ти. Заслужава си да ги разгледаш.
Лейаут / Layout
Equilize.js
Доста полезен плъгин за изравняване на височината или ширината на група елементи.
Freetile.js
Плъгин за подреждане на съдържанието в динамичен, ефикасен и гъвкав лейаут. Може да бъде приложен към контейнер, което ще накара вместените в него елементи да заемат свободното място по максимално сбит начин.
Gridster.js
Създаване на интуитивен, мулти-колонен лейаут, чиито елементи могат да бъдат пренареждани чрез drag-and-drop.
Woomark
Създаване на гъвкав, мулти-колонен лейаут. Този плъгин засича ширината на прозореца и автоматично организира съдържанието в колони създавайки мрежа от елементи.
Навигация
HorizontalNav
Хоризонтално меню, което обхваща цялата ширина на родителския елемент.
StickyMojo.js
Ще ти помогне да създадеш т.нар. “Sticky” (“залепен”) сайдбар с фиксирана позиция.
ddSlick
Плъгин, който ще ти позволи да вмъкнеш изображения и описание към падащ (drop-down) списък.
jQuery Collapse
Лек плъгин, чрез който можеш да създадеш функцията “скриване/показване” (hide/show) на съдържание.
Типография
ArcText.js
Извиване на текст под формата на арка с jQuery и CSS3.
Lettering.js
Страхотен плъгин, който ти дава пълен контрол върху текста на твоята страница. Начина на работа е елементарен. Плъгина огражда всяка буква от определения текст в <span> елемент и задава class с определена стойност на всеки от тях. Така имаш възможност да стилизираш всяка буква поотделно.
Textualizer
Плъгин, който ти позволява да направиш плавен преход между кратки пасажи от текст.
Trunk8
Интилигентен плъгин, който “отзрязва” излишните символи в края на текста като запазва съдържанието в определените граници и предотвратява застъпването с други елементи.
Слайдшоу / Slideshow
FlexSlider
Страхотен, изцяло адаптивен jQuery плъгин. Някои от предимствата му са: чист и семантичен код, поддръжка от всички популярни браузъри, хоризонтално или вертикално слайдшоу с плавна анимация и др.
Rslider
Лесен за употреба плъгин, с който можеш да създадеш адаптивно слайдшоу на цял екран.
BookBlock
Плъгин, който може да се използва за създаване на слайдшоу подобно на разглеждане на книжка. Прехода между отделните слайдове създава чувството на “прелистване”.
Rhinoslider
Гъвкав слайдер с богато разнообразие от ефекти. На сайта дори има специален генератор, чрез който ти самият можеш да създадеш уникални ефекти за още по-добри резултати. Rhinoslider е лесен за употреба и може да се настрои в няколко стъпки.
Sequence.js
Адаптивен слайдер с уникални CSS3 преходи (transitions). Някои от основните му предимства са: поддръжка от всички съвременни браузъри, изчистен и разбираем код, адаптивен дизайн и CSS3 преходи.
ResponsiveSlides.js
Лек и сравнително лесен за употреба плъгин с множество опции. Черти: напълно адаптивен, малък размер, CSS3 преходи с JavaScript алтернативи, прост код, поддръжка от множество браузъри и други.
Форми
jQuery File Upload
Интуитивна форма за качване на файлове. Предлага различни функции като избор на множество файлове, поддръжка на drag-and-drop, показване на прогрес, преглед на изображения и други.
Credit Card Validator
Валидатор, който засича и валидира номерата на различни по вид кредитни карти.
Други
Scroll Path
Плъгин за ръчно определяне на пътя и посоката (линията) за движение на скрола.
Stellar.js
Бързо и лесно създаване на parallax ефект. Това е ефект, при който някои от елементите променят позицията си при скрол, създавайки чувството на движение и динамичност.
iPicture
Интерактивни снимки с възможност за добавяне на допълнитело описание под формата на pop-up.
jQuery Transit
Плъгин, чрез който можеш да постигнеш гладки CSS3 преходи (transition) и анимации. Поддържа се от повечето модерни браузъри, така че е можеш да постигнеш доста добри резултати.
Backstretch
Елементарен плъгин, който е създаден с една единствена цел – да те улесни в поставянето на фонови изображения, които динамично променят размера си при оразмеряване на страницата или елемента.
Noty
jQuery плъгин, който ще те улесни в създаването на приятелски pop-up съобщения като алтернатива на стандартния alert прозорец. Съобщенията могат да бъдат позиционирани на различни места от страницата.
Това е всичко. Мислиш ли, че тези плъгини ще улеснят работата ти? Използваш ли вече някой от тях? Сподели мнението си в коментарите по-долу.
Поздравления, това е краят на този урок!
За награда получаваш вкусен мъфин.
Хареса ли ти урока? Сподели го със света :)
1
Много добър подбор :-)