Анонсы с пометкой «сайт»

Создаем адаптивный слайдер с помощью SVG

Разработка Создаем адаптивный слайдер с помощью SVG

На прошлой неделе мы экспериментировали с SVG анимированием содержания и сделали слайдер во всю страницу с интересными переходами. Сегодня мы используем ту же технику, чтобы создать адаптивный слайдер контента. На этот раз мы использовали SVG, чтобы непосредственно обрезать слайды изображения, чтобы показать промежуточный слой при перелистывании. Обсудить »
Создаем анимированный футер для сайта на CSS

Разработка Создаем анимированный футер для сайта на CSS

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

Разработка Шаблон портфолио ваших проектов для сайта

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

Разработка Создаем итересную игру с встиле Warehouse

Все мы знаем, что разработчики в сфере веб-верстки заходят за грани привычным нами граней, и создают удивительные примеры, к примеру: игры, анимации или объемные модели. Сегодня мы бы хотели вам рассказать, и показать как создать замечательную игру для создания которой нас вдохновила легендарная warehouse. Логическая игра которая заставит пользователя погрузиться в игровой процесс. Обсудить »
Создаем эффект снега с эффектом параллакса

Разработка Создаем эффект снега с эффектом параллакса

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

Разработка 3D меню для сайта со смещением на CSS3 и HTML

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

Разработка Многоуровневое выпадающее меню на CSS3

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

Разработка Галерея для сайта в виде табов с помощью CSS3

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

Разработка Создаем временную шкалу для сайта на CSS3

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

Разработка Модальные окна с размытым фоном на CSS3

Модальные окна являются неотъемлемой частью современного веб-дизайна, с помощью их, разработчик может прибегнуть к методу зацикливания на одной странице и не перебрасывания посетителя на вспомогательные страницы. В данном уроке мы рассмотрим как создать замечательные модальные окна с размытым фоном для сайта с использованием jQuery и CSS3. Обсудить »
Новогодний параллакс для сайта на JS и CSS3

Разработка Новогодний параллакс для сайта на JS и CSS3

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

Разработка Онлайн покупка билетов в кинотеатре для сайта

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

Разработка Эффект чернильного перехода для сайта на CSS3

Недавно я наткнулся на несколько веб-сайтов с использованием чернильных эффектов в качестве перехода. Хорошим примером является сайт Sevenhills . Сначала я думал , что они использовали технику , приведенный в действие HTML холста (для обеспечения возможности прозрачности), а затем я проверил исходный код и выяснил , что они не используют видео, но применено изображение со спрайтами PNG. Обсудить »
Анимированное взаимодействие с корзиной сайта

Разработка Анимированное взаимодействие с корзиной сайта

В данном уроке мы рассмотрим как создать анимацию всплывающего окна для пользователя который решил купить товар на вашем сайте. Корзина на сайте с покупками является неотъемлемым дизайном интернет магазина. Иногда разработчики не много внимания уделяют данному разделу, по этому он остается блеклым звеном в дизайне. Мы решили исправить данную проблему и создать замечательный дизайн, при нажатии Обсудить »
Вращающиеся на 360 градусов 3D фото товаров

Разработка Вращающиеся на 360 градусов 3D фото товаров

Обзор товара весьма важен не только для покупателя, но и для продавца, по этому данная технология для просмотра изображений в последнее время весьма популярное. Ранее уже мы рассказывали о подобном приеме, но сегодня хотелось бы уделить больше внимания данному подходу. Мы создадим слайдер изображений который будет вращать изображения, при этом у нас будет индикатор, который покажет процесс Обсудить »

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Активность на сайте