By masster
Недавно мне понадобился календарь в виде органайзера, который бы умел экспортировать события в формат iCal. В принципе несложно написать такой виджет самостоятельно, но сначала я попробовал найти готовое блюдо в сети. Поиск привел меня к календарю Plans, который, как оказалось, многое умеет и не уступает платным скриптам. Написан на Perl, легко инсталлируется, хорошо документирован. Единственное, что вызвало недоумение, так это смесь самих данных (событий) и параметров их визуализации в одном xml файле.
By masster
Очень свежая, нужная и весьма оригинальная идея - автоматически разбить форму на сайте с большим количеством полей на несколько форм, каждая из которых представляет собой логический шаг по заполнению.
Ниже приводим подробный урок, как это сделать с помощью jQuery.
Скачать
Демо
Задача
Если вы по какой либо причине должны иметь на сайте большую форму для заполнения с большим количеством полей, то ее следует семантически разбить на отдельные группы полей (fieldsets). Каждая такая группа полей должна иметь четкое и ясное название. И хотя множество примеров в инете сегодня выглядят совершенно по разному, этому правилу все же надо стараться следовать.
Таким образом можно сказать, что каждая группа полей представляет собой подзадачу одной более большой задачи - заполнения вебформы. Следовательно, каждая подзадача может стать логическим шагом со своим названием (или описанием), полями ввода и навигацией “вперед” и “назад”, являющейся отличительной чертой мастера (визарда) заполнения форм. Весь процесс заполнения форм разбивается на несколько простых шагов.
Создаем “шаги”
Теперь поясним код, приведенный ниже. Чтобы определить, сколько должно быть шагов, нам необходимо выделить все группы полей (fieldsets) и получить размер этого набора групп полей. Затем мы проходим по этому набору (который возвращает как раз все группы полей), чтобы определить количество шагов. Каждую группу полей мы с помощью jQuery на лету помещаем в слой (div) и присоединяем к нему HTML элементы “параграф”(<p></p>), которые как раз и будут кнопками “веред” и “назад”.
Read more »
By masster
Легким движением руки с помощью данного плагина jQuery вы превращаете обычный выпадающий список вот в такой прикольный - с иконками и с оригинальным дизайном - скин для него легко настраивается.
Отличная кроссбраузерность, поддержка множества событий, не затрагивает логику работы в форме (данные штатно отправляются на сервер), возможность навигации по списку с помощью клавиш - вобщем, прикольный плагинчик для вебмастера.
Скачать его можно отсюда
Read more »
By masster
Недавно при разработке сайта мне понадобилось выводить эффектные заголовки, при этом цвета должны были меняться динамически в зависимости от ряда условий (опций). Изображения отпадают - поручать PHP скрипту создавать на лету графические заголовки - расточительно и неэффективно. Хотелось поручить эту работу клиентской части. На помощь пришел плагин FontSize, написанный для тех, кто использует фреймворк jQuery.
Идея работы плагина очень проста - создается многослойный сэндвич из слоев, чуть-чуть сдвинутых (в зависимости от эффекта) друг относительно друга. Если при этом динамически менять CSS стиль, то получим огромное количество вариаций. Естественно, всю эту работу проделывает сам плагин - веб дизайнеру остается настроить CSS стиль, и задать параметры плагина для получения нужного эффекта.
By masster
В продолжение предыдущего поста, где я рассказал о необычной карусели, хочется продолжить тему оригинальных сайтов, использующих возможности jQuery. Сегодня речь пойдет о меню, которое можно смело отнести к произведением веб искусства - здесь и динамика, и дизайн, и креайтивность.
Сам скрипт, проделывающий всю работу находится в файле global.js.
Функция, которая реализует скольжение пунктов меню - slideFX
Само меню реализовано в виде ненумерованного списка <ul></ul>
