CSS3 меню с
иконками В уроке мы создадим красивую CSS3 меню с иконками в
металлическом стиле. Это будет довольно стандартное UL-LI многоуровневое меню. |
CSS3 меню эффектом LavaLamp Я думаю, что вы уже видели анимированные меню с LavaLamp
эффектом (основанный на JQuery плагине). Сегодня я хотел бы вам
рассказать, как повторить то же самое поведение только с CSS3 (без JavaScript). Я
буду использовать CSS3 переходы в нашем меню (для анимации элементов). Итак,
если вы готовы, давайте начнем. ... Читать дальше » |
Музыкальное выпадающее меню Сегодня создадим музыкальные выпадающего меню (HTML5 +
CSS3). Это меню имеет css3 анимационный эффект (эффект выпадения при
наведении на элементы меню). Мы также использовали HTML5 аудио элементы
для того, чтобы добавить музыку к этому меню. Если вы готовы, начнем. |
Анимированный ProgressBar JQuery
Сегодня мы будем делать динамический анимированный ProgressBar. Я думаю,
вы уже знаете, JQuery виджет -Progressbar . По
умолчанию - это статическая виджет без анимации. Сегодня мы расширим
возможности этого плагина. |
Как создать фотоальбом с TN3
Просматривая веб – сайты я заметил новые
интересные библиотека - TN3. Это JQuery галерея изображений со слайд-шоу,
переходы эффекты, несколько вариантов альбомов и т.д. Кроме того, вы будете в
состоянии настроить его (через CSS). Сегодня я покажу вам, как можно
реализовать эту галерею, чтобы создать собственный фотоальбом. |
HTML5 видео плеер JQuery плагин Как вы знаете - HTML5 <video> элемент уже поддерживается большинством . В ходе исследования я понял несколько вещей: что каждый браузер поддерживает только несколько форматов видео, и каждый браузер имеет свои собственные элементы управления видео (и все они разные). Но, к счастью, HTML5 может дать нам все необходимые возможности, чтобы сделать собственный интерфейс для управления нашим видео. Сегодня я покажу вам процесс создания собственного проигрывателя html5 , более того, это будет новый плагин JQuery. ... Читать дальше » |
Как создать слайд-шоу на чистом CSS3 Сегодня мы будем создавать слайд-шоу (без использования JavaScript). Слайд-шоу будет содержать левую и правую кнопки навигации, изображений и трекер бар. ... Читать дальше » |
КАК СОЗДАТЬ ПРОСТОЙ MULTI-SLIDER Суть урока создать простой слайдер категорий с минимальным дизайном и использованием CSS анимации и jQuery. Идея состоит в том, чтобы элементы скользили последовательно за слайдо зависимости от направления. ... Читать дальше » |
Галерея книга MOLESKINE НОУТБУК С JQUERY БУКЛЕТ Сегодня мы покажем вам, как использовать и настраивать плагин буклет JQuery Grauvogel. Мы создадим виртуальный блокнот Moleskine с последними сообщениями из блога. ... Читать дальше » |
Оригинальные эффекты при наведении курсора мыши на
объекты Возможности CSS3 впечатляют. В данном уроке мы будем
использовать их для реализации творческих замыслов. В результате
получится набор эффектов, которые сопровождают событие наведения курсора мыши
на объект - будет выводиться описание с использованием разных стилей для
каждого примера. |