Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

40 JQuery плагинов, которые могут вам пригодиться

14 мая 2013 | Опубликовано в Веб-дизайн | 1 Комментарий »

Разработчики jQuery, пожалуй, одни из самых трудолюбивых и щедрых людей в Интернете.  Сегодня существует много различных плагинов для бесплатного скачивания. Давайте рассмотрим некоторые из них. Возможно, в этом списке вы сможете найти новые для себя плагины, которые смогли бы вам пригодиться. Для удобного просмотра все плагины разделены на следующие категории категории.

 

 

 

Scrolling

jQuery Waypoints

screenshot

jQuery Waypoints - это плагин для реализации движения объектов по набору точек.

skrollr

screenshot 

Skrollr поможет со всеми видами различных эффектов, включая трансформацию, изменения цвета и многое другое.

Графики, таблицы и анимации

Handsontable 

screenshot

Handsontable — это  небольшой  jQuery плагин, который позволит вас создавать  Excel таблицы с помощью  HTML и jQuery. Вы обязательно должны им воспользоваться.

jQuery Sparklines

screenshot

jQuery Sparklines - плагин для jQuery, который способен генерировать линейные графики в браузере используя данные, указанные в HTML, либо в JavaScript.

Teamwork Gantt

screenshot

Teamwork Gantt представляет собой бесплатный jQuery-компонент, разработанный Teamwork,  который упрощает процесс создания диаграмм Ганта.

DataTables

screenshot

JQuery плагин для создания впечатляющих функциональных таблиц с данными. .Плагин позволяет делать сортировку по нескольким столбцам с определением типов данных, смарт-обработку ширины столбцов и многое другое.

arbor.js

screenshot

Arbor.js представляет собой библиотеку, с помощью которой вы можете визуализировать различные диаграммы и графики.

Макеты

Wookmark jQuery Plugin

screenshot

Wookmark jQuery Plugin - jQuery плагин для создания динамичных мульти-колонок.

jQuery Masonry

screenshot

Это JQuery-плагин позволяющий быстро и просто организовать динамический макет блоков разного размера практически без потери места.

Isotope

screenshot

Isotope – изысканный jQuery-плагин для анимированной сортировки данных в блоках. Можно скрывать и показывать данные по признакам, сортировать, располагать на странице.

FitVids.JS

screenshot

Легкий, простой в использовании  JQuery плагин для работы с видео.

gridster.js

screenshot

Gridster позволяет построить многоколоночный шаблон с возможностью перемещения ячеек.

Freetile.js

screenshot

Freetile позволяет создавать элементы любого размера, как для обычного, так и для адаптивного дизайна.

Текст

jQuery плагин TextExt 

TextExt  - это плагин JQuery, предназначен для обеспечения функций ввода тегов и автозаполнения. 

screenshot

Jeditable

Jeditable позволяет установить определенные HTML элементы, которые  могут редактировать пользователи. 

screenshot

FitText

Плагин FixText привязывает размер шрифта к размерам содержащего его элемента. Это может быть очень полезно при создании адаптивного дизайна. 

screenshot

UI

jQuery Knob

Этот плагин позволяет создавать круговые кнобы. 

screenshot

Noty — JQuery плагин уведомлений

Noty — JQuery плагин, который позволяет легко создавать уведомления (alert, success, error, warning, information)  или просто заменять стандартные алерты.

screenshot

PageSlide

Этот плагин позволяет создавать скрытые вставные боковые панели, которые могут содержать любую нужную информацию. 

screenshot

jQuery Collapse

Легкое модульное решение для простой организации раскрывающихся панелей.

screenshot

Avgrund

Позволяет создавать простой эффект анимированной страницы. 

screenshot

jQuery One Page Navigation

Плавная прокрутка к нужному разделу на странице.

screenshot

jqPagination

Отличный небольшой плагин для разбиения на страницы, позволяет пользователю ввести номер нужной страницы.

screenshot

jQuery Joyride Feature Tour Plugin

Этот плагин от ZURB, который позволяет управлять процессом взаимодействия посетителей с туром по вашему сайту

screenshot

Всплывающие подсказки

jQuery PowerTip

Достаточно надежный и мощный JQuery плагин всплывающих подсказок.

screenshot

tipsy

Другой отличный плагин всплывающих подсказок. Дает нам возможность создавать подсказки в стиле  Facebook. 

screenshot

Слайдеры

jQuery Slider Shock

Адаптивный JQuery / WordPress слайдер с множеством настроек, стилей и возможностей. 

screenshot

Backstretch

Backstretch -слайдер, который позволяет поддерживать фоновые изображения для любой страницы или элемента.

screenshot

jQuery Anystretch

Anystretch является плагином JQuery , который позволяет добавлять динамические фоновые изображения на любую страницу или блочный элемент. Изображение будет растягиваться, чтобы помещаться на странице и автоматически изменять размеры при изменении размера окна.

screenshot

jQuery Lightbox

screenshot

FlexSlider 2

FlexSlider является адаптивным слайдером. 

screenshot

ColorBox

Еще один простой плагин лайтбокс. Поддержка фото, группировка, слайд-шоу, AJAX, inline, и iframed контент. 

screenshot

WOW Slider

Буквально одним из лучших, самый мощный и полнофункциональный слайдеров. Адаптивный, имеет множество различных переходов.  

screenshot

Другие

Timeago

Быстрый, легкий плагин, который следит за временными отметками и автоматически обновляет их,

screenshot

JQuery проверка

screenshot

jQuery Validation Plugin умеет проверять форму на корректность заполенных данных.

jQuery File Upload Demo

screenshot

Довольно надежная загрузка файлов.

jQuery Instagram

screenshot

Плагин позволит отображать результаты с фотографиями с Instagram по заданному тегу или географическим координатам.

jQuery Shadow Plugin

screenshot

Поможет легко добавить все виды различных теней  к HTML-элементам.

MotionCAPTCHA

screenshot

MotionCAPTCHA представляет собой jQuery-плагин, который предлагает вам различные типы картинок-кэпчей, включая даже систему, когда человек должен нарисовать увиденную фигуру в специальном поле.

jQuery Transit

screenshot

CSS3 преобразования и переходы для JQuery. Поворот, перспектива, наклон, масштабирование и многое другое.

Автор: Joshua Johnson

Перевод — Дежурка

Смотрите также:

50 полезных плагинов JQuery 2012 года

 




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]