Полезное в сети

Всегда в теме

Статистика


Яндекс.Метрика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Рекомендуем



Главная » CSS//HTML//JS


Фотоальбом превью с CSS3 и Jquery

 


Сегодня мы будем создавать скрипт для просмотра содержимого альбома со слайд-шоу. Он может быть использован как  фотогалереи, интернет-магазины, страницы профиля и многое другое. Пример взят в Facebook, где вы наведите курсор мыши на альбом и получаете слайд-шоу из некоторых из фотографий, содержащихся в нем. ... Читать дальше »

Категория: CSS//HTML//JS | Просмотров: 2211 | Добавил: Wrecker | Дата: 13.04.2013 | Комментарии (0)

3D меню для ресторанного сайта


Применение CSS 3D преобразования для компонент может принести больше реализма для плоских элементов сайта. В результате наших проб, создали  шаблон для ресторанного сайта, где открывается  3D  меню. Нажатие на связанные элементы откроет модальное окно, в  котором содержится белее подробная  информация о заказе. ... Читать дальше »

Категория: CSS//HTML//JS | Просмотров: 1679 | Добавил: Iron | Дата: 08.04.2013 | Комментарии (0)

ПЛАГИН ДЛЯ ВЫВОДА ПОХОЖИХ НОВОСТЕЙ НА JQUERY И CSS3

 

Сегодня будем создавать нечто вроде небольшого виджета, который можно использовать, для показа похожих новостей на сайте. Основная идея заключается в том, чтобы показать фиксированный список в правой части экрана с выглядывающими иконками. При наведении указателя мыши на элементы, они скользят, открывая название и две ссылки, одна для перехода на материал и одна для демо-версии. Кроме того, мы установим  кнопку под списком. При нажатии на кнопку, список будет обновляться согласно категории. ... Читать дальше »

Категория: CSS//HTML//JS | Просмотров: 816 | Добавил: Wrecker | Дата: 07.04.2013 | Комментарии (0)

Создаем рекламный щит с эффектом вращения, на JQUERY и CSS

 


В этом уроке мы будем использовать несколько изображений, CSS и JQuery, чтобы создать эффект вращающегося рекламного щита с двумя объявлениями. Идея состоит в том, чтобы сделать один набор изображений исчезающий, а другой (другие объявления) появляется. Мы будем уменьшать ширину каждого исчезающего среза,  и увеличить ширину каждого появляющегося среза. Это даст эффект вращения, так же, как во вращающейся системе рекламного щита. ... Читать дальше »

Категория: CSS//HTML//JS | Просмотров: 1536 | Добавил: Wrecker | Дата: 06.04.2013 | Комментарии (0)

Эффекты HTML5 Image – Emboss (тиснения изображения)


Сегодня мы продолжаем рассматривать HTML5 с применением фильтров к изображению, сегодня я хотел бы поделиться с вами способом нанесения эффекта тиснения к изображениям. Это довольно сложный способ, но я уверен, что вы можете повторить его. В нашей демо вы можете работать с различными изображениями, нажав на кнопку «Применить эффект», а также мы можем «экспортировать» наш результат на элемент изображения (<img>).

... Читать дальше »
Категория: CSS//HTML//JS | Просмотров: 1219 | Добавил: Iron | Дата: 02.04.2013 | Комментарии (0)

HTML5 3D Cube слайд-шоу


Этот урок рассказывает о создании анимированных 3D Cube слайд-шоу (фотографии находятся в стенах куба). Сам куб вращается непрерывно. ... Читать дальше »

Категория: CSS//HTML//JS | Просмотров: 1023 | Добавил: Wrecker | Дата: 02.04.2013 | Комментарии (0)

Image Flow - несколько альбомов


Сегодня я решил создать фото галерею с использование нескольких фотоальбомов. Таким образом, вы можете загружать различные наборы изображений (альбомы) на лету. Наконец, я поставил наши альбомы в CSS3 горизонтальный аккордеон. ... Читать дальше »

Категория: CSS//HTML//JS | Просмотров: 923 | Добавил: Iron | Дата: 01.04.2013 | Комментарии (0)

Создаём аудио плеер для сайта

До сих пор мне вспоминаются 2000-е годы, когда воспроизведение музыки или видео на сайте было ограниченным. Сегодня же ситуация сильно изменилась, в нашем распоряжении есть такие сайты как last.fm, Youtube... ... Читать дальше »

Категория: CSS//HTML//JS | Просмотров: 1710 | Добавил: Wrecker | Дата: 24.03.2013 | Комментарии (0)

Фото вдохновения (эффект увеличение затухания)

Сегодня будем создавать фотогалерею с эффектом полного исчезновения и масштабирования изображения,  который отлично подойдет как для презентаций, так и для фотоальбомов.  Я подготовил 2 режима переключения (вы можете переключить его с помощью добавленной ​​кнопки) ... Читать дальше »

Категория: CSS//HTML//JS | Просмотров: 918 | Добавил: Wrecker | Дата: 22.03.2013 | Комментарии (1)

CSS3 анимированное выпадающее меню


В этой статье вы увидите, как можно построить удивительное CSS3 анимированное  меню с некоторыми из этих интересных функций. ... Читать дальше »

Категория: CSS//HTML//JS | Просмотров: 7454 | Добавил: Wrecker | Дата: 22.03.2013 | Комментарии (0)

« 1 2 3 4 5 6 7 »

Поиск

Вход

Гость
  • Вход
  • Регистрация
  • Читаемое

    Категории

    Заходи не жди