WEBduty.ru css html javascript jquery

Список реально полезных плагинов для jQuery

Статья от 02.07.09 в категории jQuery
Теги: jQuery, плагины, список

jQuery в настоящее время является лучшей JavaScript-библиотекой. Она позволяет разрабатывать веб-приложения с достаточно быстрой скоростью, избавляя разработчика от рутины. Кроме того для jQuery существует огромное количество всевозможных плагинов, которые улучшают функционал этой замечательной библиотеки. О них и пойдет речь в этой статье.
Я составил список плагинов и расширений, которые могут быть полезны для веб-разработчиков пишущих на Javascript, используя jQuery. Конечно же, я не претендую на полноту списка, естественно существуют и другие очень полезные плагины, которые здесь не представлены. И если вы активно используете плагин, которого нет в моём списке, пожалуйста напишите его описание в комментариях в этой статье, и ссылку на сайт плагина. Заранее благодарен.
В свою очередь я сам буду дополнять данный список.

AJAX

• PeriodicalUpdater
  Добавляет возможность управлять загрузкой контента, подгружать контент через определённые интервалы. Пытается оптимально нагружать браузер, дабы избежать его затупления (такое бывает).
• BlockUI
  Позволяет имитировать синхронность поведения про использовании AJAX (технология AJAX использует асинхронную передачу данных), он не позволит пользователю что-либо делать со страницей (или с частью страницы), пока подгружаются данные.
• Ajax Manager
  Позволяет более гибко управлять AJAX-запросами и ответами (например прерывание запроса).

Анимация & Эффекты

• Color Animation
  Осуществляет цветовую анимацию в jQuery 1.2+.
• Background Position Animation
  Осуществляет анимацию, использую позицию фона.
• CSS Class Based Animations
• ScrollTo
  Плавный скроллинг к элементу страницы.
• jqDock
  Этот jQuery-плагин позволяет легко создавать меню в стиле MacOS (или эффект “fish eye”), превращая обычные изображения в расширяющуюся область, вертикальную или горизонтальную. jqDock хорошо работает во всех основных браузерах, включая Internet Explorer 6.
• Very Simple Tooltip (mi)
  Реализует всплывающие подсказки.

Графики & диаграммы

• jqPlot
  Один из лучших плагинов для построения всевозможных графиков и диаграмм.
• Flot
  Рисует графики произвольных наборов данных налету на стороне клиента. Работает практически во всех браузерах, в т.ч. IE6. Версия для IE8 в данный момент находится в разработке. Очень прост в использовании.
• Google Charts
  Рисует диаграммы Google API

Дизайн

• Corner
  C помощью этого плагина нужные блоки обретают оригинальные углы, причем углы очень разные: скруглённые, конические, вырезанные, перекушеные. А какие ещё вы знаете виды углов? Этот плагины может делать любые из них с помощью одной строчки. Например $(this).corner(“30px”) сделает углы скруглёнными с радиусом 30px.
• Переключатель стилей на jQuery

Работа с файлами

• Preload CSS Images
  Автоматически подгружает все изображения, использованные в файлах CSS. Например изображения пунктов меню при наведении. Очень удобно.
• Lazy Load
  Полная противоположность предыдущему плагину. Lazy Load задерживает загрузку изображений на веб-страницах. Это применяется для длинных страниц. Изображения подгружаются по мере скроллинга. Т.е. как только изображение становится видимым пользователю, оно начинает подгружаться. Например я посоветовал бы этот плагин сайту tema.ru в разделе путешествий. Там у Артемия Лебедева очень длинные страницы с фотографиями мест, которые он посетил. Всё бы круто, но трафик льётся очень быстро, т.к. фотографии качественные.
• jCrop
  Плагин, который позволяет отрезать кусок изображения “налету”.
• File Uploader
  Очень удачная реализация загрузчика файлов и минимальным php-кодом и удобным интерфейсом.
• Uploadify
  Ещё один загрузчик файлов. Позволяет загружать одновременно несколько файлов.

Шрифты

• FontAvailable
  Проверяет, поддерживает ли браузер тот или иной шрифт.
• FontAvailable
  Позволяет использовать текстовые эффекты, такие как тень, градиент, блик и др.

Таблицы

• Tablesorter
  Сортирует элементы таблицы.
• Colorize
  Раскрашивает таблицы, умеет достаточно много, например подсвечивать строчку/столбец при наведении.

Формы

• Masked Input
  Позволяет применять маски для полей ввода, например __/__/____ для даты.
• Really Simple Validation
  Самый простой способ проверки форм “налету”. Плагин очень прост в использовании.
• Editable
  Позволяет преобразовать любой тег (span, div, p и др.) в поля ввода текста, пароля, выпадающий список. Т.е. делает редактируемым контент нужный блок страницы.
• FormClear
  Тупо очищает поля формы.
• TextArea Resizer
  Этот плагин позволяет изменять размеры полей ввода текста.

Аудио & Видео

• jMedia
  Позволяет быстро и просто вставить медиа-данные на сайт.
• jQuery Media Plugin
  Заменяет ссылки на медиа-файл в нужном блоке на слой с объектом. Например вместо ссылки на видео-ролик, будет слой с самим роликом.
• Page Sound Enabler
  Кроссбраузерный скрипт, включающий фоновый звук на веб-странице, который терпеть не могут большинство пользователей.

Карты

• jMaps
  Представляет из себя простой API для создания и управления несколькими картами Google на одной странице.

Клавиатура & Мышь

• ShortKeys
  Плагин даёт возможность использовать “горячие клавиши”.
• Right Mouse
  Позволяет перехватывать событие нажатия правой кнопки мыши. Существует возможность отключить контекстное меню браузера, например для вызова собственного меню.
• Mouse Wheel
  Добавляет поддержку колеса прокрутки мыши. Просто пишите $(‘div.mousewheel_example’).mousewheel(fn); и функция fn исполняется при прокрутке колеса.

RSS

• jFeed
  Парсер RSS/ATOM фидов. Поддерживает RSS 0.91, 0.92, 1.0, 2.0 и Atom 1.0 фиды.
• RssReader
  Позволяет добавить rss-канал на ваш сайт используя AJAX.

Разное

• jQuery Alert Dialogs
  Набор методов, которые обеспечивают вызов нестандартных алертов. Примеры
• Sortables
  Свободное перемещение элементов по странице

Пока всё. Продолжение следует.

Подпишись на обновления

Если вам понравилась статья, подпишитесь на обновления через RSS (?), чтобы не пропустить новые интересные статьи. Также Вы можете зафолловить меня в Twitter или подписаться на обновления по email.

Закладки

Похожие статьи:

• 8-мибитная игра на jQuery
• Построение диаграмм и графиков с помощью jQuery Visualize
• Великолепная галерея с помощью jQuery
• Обзор CSS библиотек.
• Список сервисов для веб-разработчиков