Взрывной логотип с помощью CSS3 и MooTools или jQuery

Сегодня я хотел бы перевести очень интересную статью Дэвида Волша (DavidWalsh). Речь в этой статье пойдет о создании логотипа, который при наведении курсора мыши будет...
Сегодня я хотел бы перевести очень интересную статью Дэвида Волша (DavidWalsh). Речь в этой статье пойдет о создании логотипа, который при наведении курсора мыши будет разлетаться на мелкие кусочки. Есть два варианта реализации - CSS3+jQuery и CSS3+MooTools. Отличие лишь в использовании разных Java библиотек. Давайте разберемся как сделать взрывной логотип. Хочется сразу оговориться - данный эффект будет работать в браузерах Chrome, Safari и Firefox. Остальные пользователи увидят обычный логотип. (далее…)

Мини-курс по jQuery для дизайнеров. Урок 4. Аккордеон и подсказки.

Продолжу сегодня мини-курс по jQuery для дизайнеров. В предыдущем уроке мы разбирали создание меню с эффектом аккордеон. Сегодня мы его немного доработаем и научимся делать...
Продолжу сегодня мини-курс по jQuery для дизайнеров. В предыдущем уроке мы разбирали создание меню с эффектом аккордеон. Сегодня мы его немного доработаем и научимся делать всплывающие подсказки. Как сделать всплывающие окна с подсказками с помощью CSS3 мы разбирали в этой статье. Напоминаю, что все примеры по CSS3 и JavaScript распологаются на специальных демо-сайтах: http://www.css3demos.rusdigi.org и http://www.jsdemos.rusdigi.org. (далее…)

Мини-курс по jQuery для дизайнеров. Урок 3. Движение и меню аккордеон.

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

Мини-курс по jQuery для дизайнеров. Урок 2: выдвигающаяся панель и эффект исчезновения

Итак, в первой части нашего мини-курса по jQuery для дизайнеров мы разобрали основы работы с jQuery: структуру применения и как обратиться к нужному нам элементу....
Итак, в первой части нашего мини-курса по jQuery для дизайнеров мы разобрали основы работы с jQuery: структуру применения и как обратиться к нужному нам элементу. Давайте теперь применим эти знания на практике. Сегодня мы будем работать над созданием выдвигающейся панели и воссоздадим эффект исчезновения. (далее…)

Мини-курс по jQuery для дизайнеров

Этот мини-курс содержит шесть небольших уроков по использованию jQuery. Курс предназначен для тех, у кого нет никакого опыта работы с jQuery и JavaScript. Примеры все...
Этот мини-курс содержит шесть небольших уроков по использованию jQuery. Курс предназначен для тех, у кого нет никакого опыта работы с jQuery и JavaScript. Примеры все простейшие, но при этом будут содержать код на Javascript. Каждый урок снабжен демо страницами, на которых можно увидеть результат работы того или иного скрипта. Курс поможет понять основы работы с JavaScript с использованием библиотеки jQuery. (далее…)

Как сделать кнопку «наверх» с использованием CSS3 и jQuery

Я думаю тема не новая. Многие уже видели и знают как сделать кнопку "Наверх", которая бы плавно прокручивала страницу к верху. Видел несколько вариантов, но...
Я думаю тема не новая. Многие уже видели и знают как сделать кнопку "Наверх", которая бы плавно прокручивала страницу к верху. Видел несколько вариантов, но все они не впечатлили. А вот вчера попался довольно интересный и грамотно сделанный вариант. Интересен прежде всего минимализмом и использованием CSS3, по которому я пишу цикл статей CSS3 Для начинающих. В данном примере используются свойства CSS3 transition и border-radius, а так же jQuery для наведения красоты. (далее…)

Плавающая панель для сайта с использованием jQuery

Сегодня хочу рассказать о замечательном маленьком, но уже набравшем обороте проекте под названием jixedbar. Плагин основан на jQuery и позволяет реализовать плавающую панель (fixed bar)...
Сегодня хочу рассказать о замечательном маленьком, но уже набравшем обороте проекте под названием jixedbar. Плагин основан на jQuery и позволяет реализовать плавающую панель (fixed bar) у себя на сайте или в программе. Преимуществом jixedbar является возможность кастомизации - задание собственных стилей CSS, использование иконок, различная компоновка панели. О том, где скачать и как установить плавающую панель на jQuery jixedbar и будет эта статья. (далее…)

jQuery UI tabs — делаем меню вкладками

Вечер добрый. Как и обещалось, речь сегодня пойдет о JavaScript. Этой статьей я открываю новую рубрику, в которой и буду писать о различных Java скриптах,...
Вечер добрый. Как и обещалось, речь сегодня пойдет о JavaScript. Этой статьей я открываю новую рубрику, в которой и буду писать о различных Java скриптах, которые использую сам или которые считаю полезными. Сегодня у нас на обзоре jQuery UI, а если быть точнее его виджет Tabs. Виджет этот достаточно прост и позволяет нам использовать вкладки. Прямую реализацию можете посмотреть у меня в сайдбаре - да-да, это именно он. С его помощью я сэкономил место в сайдбаре и смог повесить список последних комментариев. Давайте рассмотрим данный виджет поближе. (далее…)