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

Работая с jQuery многие рано или поздно сталкиваются с одной особенностью: когда мы хотим показать с анимацией скрытый блок, его появление может быть дерганым. Происходит это не всегда, но довольно часто. К сожалению не все разработчики знают как с этим бороться, а те кто знают, зачастую ленятся. Явный пример дерганного появления блока, можно посмотреть прямо на главной странице jQuery, нажав на кнопку Run Code:

Некоторое время назад я опубликовал статью «Простейший редактор BB кодов». В запале обсуждения пообещал выполнить редактор в виде плагина. Вчера у меня выдалось несколько свободных часов, вот выполняю обещание.

На сколько я заметил среди разработчиков часто стоит вопрос как защититься от роботов. Каждый понимает что Captcha (цифровая и текстовая) очень мозолит на глаза при авторизации и регистрирование на ресурсах или при выполнение каких либо действий.



Также я заметил, что на Хабре частенько появляются посты с более удобной и несложной для пользователя видами Captcha. На самом деле любой вид от роботов уникален по своему к примеру Clickcha — one click captcha чтобы пройти проверку надо нажать на указанную область в Captcha.

Здравствуйте. Сегодняшний топик я хотел написать о том, что механизм анимации в jQuery не эффективен, создает кучу таймеров, каждый из которых работает по отдельности, что приводит к чрезмерно частой перерисовки контента и сильно тормозит браузер, и хотел описать некоторые приемы написания «правильной анимации». В ходе подготовки примеров я понял, что я ошибался. Механизм анимации jQuery действительно не эффективен, создает кучу проблем, но причины этих проблем вовсе не в создании большого количества таймеров, а в нечте совсем другом, и, кажется, я добился замечательных результатов в устранении этих проблем.

Доступен для бесплатной загрузки инструмент jQueryPad, который может значительно облегчить жизнь разработчикам использующим jQuery. Этот инструмент предлагает работу с целевым html, запросами jQuery и результатом запросов в одном окне:







Здесь, нижняя часть с текстом — это встроенный компонент Internet Explorer с результатом работы jQuery и возможностью посмотреть исходный код. jQueryPad так же находит другие установленные браузеры для организации просмотра результата в них. Пример найденных браузеров на скриншоте в блоге автора.



jQueryPad написан на WPF и требует для работы .NET Framework 3.5 Service Pack 1



Почитать анонс jQueryPad можно в блоге автора.

Прямая ссылка на архив с программой.

qTip

qTip — это бесплатный плагин для jQuery для создания подсказок (tooltip). Данный плагин кроссбраузерный, имеет обширные возможности к настройке и содержит множество функций, таких как: закругленные углы без применения изображений, speech bubbles (изображение речи как в комиксах), а так же эффекты — fade (постепенное исчезновение изображения), slide и возможность создания собственных эффектов. Данный плагин уже включает пять готовых тем, но можно создавать свои темы без особых усилий. Кроме того можно создавать окна диалогов, изменять цвет фона подсказки и места, где она отображается.



Скачать | Демо

Тема загрузки файлов без перезагрузки страницы поднималась уже неоднократно. Даже я как-то давно писал про это. В основном рассматривались решения без флэша, но сегодня я хотел бы поговорить про плагин для jquery с использованием флэша, а именно о JQuery Uploadify.



Конечно, можно использовать и другой флэшевский загрузчик SWFUpload, но Uploadify, по моему мнению, на порядок легче и проще, вполне подходит для большинства целей, ну и конечно не забываем, что это плагин для нашего любимого jquery, что избавляет нас от подключения еще каких-либо библиотек



Теперь рассмотрим всё на примере.

Итак, мне понадобилась поддержка событий online/offline в браузерах(напомню, что согласно черновику

html5 они возникают при появлении/исчезновении соединения соответственно). На данный момент Mozilla и

IE8 эти события поддерживают. А это уже немало.

Вчера невероятным образом слилась карма у одного хорошего человека, Setti. Он написал топик, но, к сожалению, не успел его опубликовать. Собственно вот он:



Понадобилось быстрое и простое решение для отображения формы с подстановкой введенных данных. Так нашелся jQuery плагин Populate. Его помощь трудно переоценить: HTML исходник формы не захламляется PHP кодом, а всю работу, помимо плагина, берет на себя всего лишь одна строка:

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



Перевод этой статьи