Web-дизайн

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

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

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

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

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

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

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

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

Круговая навигация с эффектом пузыря на JQUERY

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

Навигация с эффектом лестницы

В данном уроке мы разберем вопрос создания визуального эффекта для навигационного меню. При наведении курсора мыши на пункт меню он будет становиться самой "высокой" ступенькой лестницы, а пункты до и после него будут ступеньками "ниже". Простой эффект, но он встречается редко в разных проектах. Вероятно, основная причина - нет возможности выбрать "предыдущий" элемент в CSS.;/p>

Цифровые часы на JQuery и CSS3

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

Слайдер box меню с JQUERY и CSS3

В этом уроке мы создадим уникальный раздвижной навигационный блок. Идея состоит в том, чтобы сделать меню со слайдами. Мы также будем включать подменю с ссылками на страницы. Подменю будет скользить влево или вправо в зависимости от пункта меню

Создание Page Flip журнала

В этом уроке мы будем использовать PHP и плагин turn.js , для осуществления на странице флип-эффекта с использованием CSS3 и Jquery. Мы будем получать самые популярные изображения с Instagram каждый час, и использовать их как страницы

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

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