Органайзер

ДЕМО                          СКАЧАТЬ

Этот  плагин JQuery специализируется для показа  запланированного ряда мероприятий. Вы можете вставлять все виды средств массовой информации, в том числе твитов, видео и карты, и связать и ... Читать дальше »

Индикатор надежности пароля

ДЕМО                      СКАЧАТЬ

В этом уроке мы будем создавать красивый индикатор надежности пароля. Он будет определять сложность пароля и двигаться с помощью нового ... Читать дальше »

Создание JQuery Таймер

Сегодня мы собираемся построить плагин JQuery для отображения таймера обратного отсчета. Он покажет оставшиеся дни, часы, минуты и секунды до вашего мероприятия, а также анимированные обновления на каждую секунду. ... Читать дальше »

Эффект всплывающей миниатюры для навигации

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

Оформление навигации в стиле Mac OSX

Мы собираемся использовать CSS анимацию для достижения цели, которая будет требовать ключевых кадров. В HTML ниже устанавливает 7 div, которые 5 из них папки, 1 кнопка и основная папка, которая вмещает в себя  другие папки. Все 7 div имеют значок папки и некоторый текст, 6 из них, имеют  ссылку  навигации.

... Читать дальше »

Эластичное перелистывание фотографий

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

... Читать дальше »

Горизонтальное выпадающее меню на CSS 3

СМОТРЕТЬ ДЕМО                            СКАЧАТЬ ИСХОДНИК

 В данном уроке мы будем создавать  красивое, профессиональное, горизонтальное выпадающее меню на CSS. Меню создавалась с использованием только одного изображения. Градиент, тень, и закругленные углы сделаны при помощи CSS 3.

... Читать дальше »

Эффект фотозатвор  портфолио с JQuery и Canvas

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

  ... Читать дальше »

CSS3 Анимированные кнопки

Чтобы превратить обычную  ссылку на своей странице в анимированную  кнопку  CSS3, нужно просто присвоить кнопке класс button и один из поддерживаемых цветов. Ниже приведено несколько примеров:

  ... Читать дальше »

Фотогалерея с альбомами на JQUERY

В этом уроке мы собираемся создать галерею изображений. У нас будет несколько альбомов содержащих слегка повернутые миниатюры, которые будут, появляются при  наведении курсора мыши. Полное изображение будет загружаться при нажатии на миниатюру. Для этой галерее мы будем использовать 2D Transform плагин для анимации вращения.

  ... Читать дальше »