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 впечатляют. В данном уроке мы будем использовать их для реализации творческих замыслов.  В результате получится набор эффектов, которые сопровождают событие наведения курсора мыши на объект -  будет выводиться описание с использованием разных стилей для каждого примера. ... Читать дальше »