Блог вебмастера

По мотивам этого перевода.



На одном из текущих проектов мы хотели добавить эффект на иконки меню — приподнимание в момент наведения мышкой. Я поэкспериментировал, используя встроенный в jquery эффект animate, на иконках двух типов: с отражениями и с тенями.







Смотрим демо

Привет, %username%

Как-то раз мне пришлось писать форму для добавления постов в блог. Помимо стандартных полей (название, дата, текст и.т.д.) необходимо было привинтить юзабельную форму добавления тегов.

Т.к. я кодю в jQuery, то и выбор был однозначным.

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

1. Легко в настройке
2. Все теги храняться в одном файле (в кэше)
3. Минимальная нагрузка на сервер и клиента
4. Список тегов — подсказок открывается только для выбранного запроса на определенный тег.

Недавно я наткнулся на сайт Dragon Interactive (dragoninteractive.com). Сайт этот достаточно добротно сделан в плане дизайна. А изюминкой можно назвать их анимированное меню. Ну вот если бы это было сделано в Adobe Flash, я даже и не упоминал бы о таком. Но при более близком рассмотрении оказалось, что их меню — это сочетание простых XHTML, CSS и Javascript. В данной статье я собираюсь продемонстрировать, как создавать менюшки (очень близкие к Dragon Interactive’s menu).



Смотрим демо

Ввиду недавнего обсуждения скорости работы jQuery.live и благоразумности писать свое собственное делегирование обработчиков событий, решил по полочкам разобрать работу jQuery.live. Т.е. целью данного топика поставлена задача выявления всех особенностей при использовании live-биндера и анализ кода. Без сравнительных характеристик, без приведения оптимальных методов делегирования.



Принцип работы live основан на делегировании обработчиков событий.



Делегирование — паттерн, в основе которого лежат 2 принципа javascript: всплытие событий (event bubbling stage) и возможность определения элемента, отследившего событие.



Тот факт, что делегирование отслеживает исключительно стадию всплытия события, объясняет невозможность обвешивания live-биндеров на события blur, focus, mouseenter, mouseleave, change и submit: все эти события не имеют стадий захвата и всплытия.

Это перевод статьи, написанной Jon Hobbs-Smith. Я счел ее довольно интересной и решил выложить в своем блоге, а также поделиться им с хабрапользователями, также как и я заинтересованными в библиотеке jQuery. Перед тем как начать хочу отметить, что написана она (как и переведена) далеко не экспертом в jQuery, поэтому если вы найдете в ней ошибку, пожалуйста, сообщите. Итак, начнем.

Простой плагин для jQuery, позволяющий закэшировать работу селекторов.

По наводке tenshi в камментах к habrahabr.ru/blogs/javascript/63119/

Почти незаметно вышел второй поддерживающий релиз jQuery UI 1.7.



Подробный список исправлений я переведу позднее, однако на рабочем проекте обновление библиотеки произошло без проблем. Кстати, проблема с toggle решена. И, главное, начата работа над jQuery UI 1.8!

Загрузить

Файлы

• Пакет разработчика: jquery-ui.googlecode.com/files/jquery-ui-1.7.2.zip
• Пакет тем оформления: jquery-ui.googlecode.com/files/jquery-ui-themes-1.7.2.0.zip

Список изменений

Смотрите список изменений версии 1.7.2, чтобы увидеть, что именно включено в этот релиз…

Новые темы

Filament Group снова сделала это. Они отдали нам 7 ещё более красочных тем оформления в галерее ThemeRoller.



P.S.: от переводчика: перевод не окончательный, дорихтую… главное — анонс релиза.

jQuery Tools v1.0.1 — это инструмент/библиотека представляет собой файл весом в 5,8 кб включающий в себя наиболее важные компоненты для вебдванольных сайтов, а именно: табы, всплывающие подсказки, плавные переходы, прокрутки, всплывающие окна и т.д.



Не буду тянуть резину, лучше, как говориться, один раз увидеть, чем сто раз услышать!

Переходим по ссылке и смотрим более 50 (!) демок:



Несколько понравившихся мне демонстраций. Очень рекомендую!

Маскируем фоновое изображение;

AJAX-табы с поддержкой истории переходов;

Неколько всплывающих окошек на одной странице.

Привет! Сегодня решил сойти с ума! Конечно родной datepicker в ui это хорошо, но когда нужно и параметр «время» – данного виджета не хватает.

Внимание! Писал все быстро, инструкцию не пишу т.к. хватает этой.

Думаю разберетесь)

демо тут

UPD: Если минусуете то обосновывайте хоть(

UPD2: Спасибо за карму, перенес в jQuery(

_________

Текст подготовлен в ХабраРедакторе

В одном из моих проектов мне понадобился простой javascript календарь. Но из существующих jQuery плагинов, только один «почти» соответствовал мои требованиям. Решил написать свой плагин — проба пера calendarLite plugin.