Подборка небольших и полезных библиотек JavaScript

Итак, сегодня у нас небольшая подборка полезных (на мой взгляд) JS скриптов и плагинов, которые могут вам пригодится при работе. Мне, например, уже пригодились несколько раз.

В статье мы рассмотрим следующие скрипты: смена favicon.ico (уведомления а-ля Gmail), конвертер валют, обработчик изменений hash документа, скрипты для форматирования дат, чисел и денежных величин, скрипт для фильтрации, сортировки и поиска по элементам списка, скрипт для автоматической подстановки вендорных префиксов в CSS, генератор шумовых фонов и кое-что еще.

Интерфейсные гайдеры с помощью jQuery

В этой статье я хочу рассмотреть очень полезный плагин для jQuery — jQuery Guiders. Он позволяет удобным способом создавать интерактивные руководства для веб-интерфейсов, которые помогают пользователям быстрее разобраться с новым для них продуктом или его частью.

Те из вас, кто пользуется Gmail, не раз замечали подобный прием: при появлении какой-то новой кнопки или раздела в почте от Гугла, около нее появляется такое окошко со стрелочкой, кратко объясняющее ее назначение. Рассматриваемый плагин позволяет создавать как отдельные такие окошки, так и их цепочки — благодаря этому вы можете показать пользователю все нужные вам элементы.

Объект jQuery Deferred

В новой версии jQuery 1.5 было внесено много изменений, однако, основные изменения коснулись внедрения объекта Deferred() в каждый метод AJAX, а так же возможность создавать объект Deferred() почти для любых функций.

Метод Deferred() позволяет создавать очередность методов, которые выполняются в зависимости от готовности определенных функций, причем как пользовательских, так и встроенных в jQuery.

Объект Deferred() может быть использован как средство для отслеживания завершения других jQuery методов и для создания отсроченных действий, что окажется полезным для выполнения определенных действий на странице в зависимости от успешного выполнения, например, AJAX запроса или методов анимации.

Zoomy — красивое и удобное решение для увеличения картинок

Всем привет!

Сегодня мы рассмотрим плагин Zoomy для jQuery, который позволяет рассматривать мелкие детали на картинках. Я про что-то подобное уже писал несколько лет назад в статье «Лупа на jQuery», но с тех пор прошло много времени, технологии не стоят на месте, да и это решение намного лучше.

Рассматриваемый плагин позволяет показывать увеличенную выбранную часть изображения поверх него, при это можно двигать мышкой по исходному изображению как увеличительным стеклом. Прямо как на картинке слева.

Вращение объектов в jQuery UI с помощью CSS transform

Всем привет!

Сегодня я хочу вам рассказать о плагине для jQuery UI, который я написал в процессе работы над одним проектом. Сразу скажу, что плагин в своем роде уникальный, таких больше нет (ну или я не нашел).

Собственно, плагин добавляем в jQuery UI возможность вращать предметы вокруг их центра, зажав определенный контрол мышкой. Этот плагин дополняет имеющиеся в jQuery UI возможности изменения размера и перемещения.

Как тестировать и оптимизировать JS скрипты

Всем привет!

Сегодня мы посмотрим как можно тестировать производительность своего JS кода и, соответственно, оптимизировать его.

Пару месяцев назад я написал статью про Firebug и console, в которой мы рассматривали как пользоваться этой самой консолью. Сегодня мы будем использовать метод console.profile() и увидим как с его помощью можно протестировать и затем улучшить скрипты.

Статья основана на статье Сидхарта «How jQuery beginners can test and improve their code».

jsPlumb — визуализируем связи объектов на странице

Привет всем,

Сегодня хотелось познакомить вас с одним замечательным скриптом, который позволяет визуально связывать различные объекты на сайтах. С его помощью удобно делать сетки турниров (в онлайн и офлайн играх), показывать иерархию или наследование. В общем, поле применения широко, как мне кажется.

Этот плагин для jQuery называется jsPlumb и с помощью <canvas> он умеет рисовать линии от одного элемента на странице до другого. Линии могут быть прямые или кривые. Им можно задавать цвета, размер и положение относительно блоков. 

SWFUpload + jQuery: очередная имплементация файлового загрузчика

На тему файловых загрузчиков я уже написал три статьи: раз, два, три. Возможно внешний вид файлового загрузчика - моя личная маниакальная одержимость и мне надо к врачу, или же я просто делюсь своими стремлениями к идеалу красоты загрузчика. Искусство мыть слона в действии.

На этот раз будем будем использовать js-библиотеку SWFUpload и jQuery.

Подборка плагинов jQuery для выбора даты

Всем привет!

Сегодня у нас не большая, но полезная подборка скриптов для выбора даты с использованием jQuery.

В статье мы рассмотрим календари, с помощью которых можно задать конкретную дату, несколько дат, диапазон дат и время.

Надеюсь, эта статья добавится к вам в закладки. Поехали!

Делаем автозаполнение на JavaScript

Всем привет!

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

Зачем, просите вы. Ведь есть же Гугл, нужный плагин найти не проблема. Да, Гугл это вещь, но проблема-то в другом — сейчас плагинов развелось столько, что в них черт ногу сломит. Плагинов море, но какие из них хорошие, удобные, быстрокастомизируемые — никто не знает. Поэтому мы и решили делать свою подборку плагинов «проверено на временно» ;-) 

Мы посовещались и я решил начать нашу подборку плагинов с плагина автозаполения полей. В статье мы рассмотрим плагины как под Mootools, так и под jQuery (который я немного доработал).