Мини-курс по jQuery для дизайнеров. Урок 6. Галерея. Иконки файлов

Сегодня у нас заключительный урок из мини-курса по jQuery для дизайнеров. А создавать мы сегодня будем мини галерею. Так же будем стилизовать ссылки на файлы,...
Сегодня у нас заключительный урок из мини-курса по jQuery для дизайнеров. А создавать мы сегодня будем мини галерею. Так же будем стилизовать ссылки на файлы, добавляя определенному типу файла свою иконку. Код как всегда будет достаточно прост. А все примеры по JavaScript можно посмотреть на демо сайте http://www.jsdemos.rusdigi.org. (далее…)

Вращающиеся лучи с помощью анимации CSS3 и JavaScript

Сегодня у нас очень интересный эксперимент. Мы будем заниматься созданием вращающихся лучей вокруг картинки. Работать все это будет с использованием анимации CSS3 и JavaScript. Код...
Сегодня у нас очень интересный эксперимент. Мы будем заниматься созданием вращающихся лучей вокруг картинки. Работать все это будет с использованием анимации CSS3 и JavaScript. Код довольно-таки простой, но эффект сможет поразить любого! Итак приступим. (далее…)

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

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

Взрывной логотип с помощью 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. (далее…)

CSS3 для начинающих. Часть 4.1. Подсказки. Меню.

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

Мини-курс по 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 для наведения красоты. (далее…)