Архив метки: jQuery

Взрывной логотип с помощью 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 Читать статью

Мини-курс по 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 Читать статью

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

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

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

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

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

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