JavaScript

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

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

07 Май, 2011 | Рубрики: JavaScript Читать статью

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

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

02 Май, 2011 | Рубрики: CSS3, JavaScript Читать статью

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

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

02 Май, 2011 | Рубрики: JavaScript Читать статью

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

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

29 Апрель, 2011 | Рубрики: CSS3, JavaScript Читать статью

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

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

26 Апрель, 2011 | Рубрики: JavaScript Читать статью

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

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

25 Апрель, 2011 | Рубрики: CSS3, JavaScript Читать статью

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

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

22 Апрель, 2011 | Рубрики: JavaScript Читать статью

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

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

20 Апрель, 2011 | Рубрики: JavaScript Читать статью

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

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

20 Апрель, 2011 | Рубрики: JavaScript Читать статью

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

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

15 Апрель, 2011 | Рубрики: CSS3, JavaScript Читать статью