Все для веб-дизайнера
Архивы за Апрель, 2015
Создаем красивый макет контактной формы
28 Апр
Все мы знаем, что контактная форма весьма важный элемент на сайте, ведь именно она позволяет установить связь между руководством сайта и посетителями сайта. Зачастую форму сайта создают однообразной, не придавая ей особого значения, но если вы хотите сделать уникальным каждый элемент на сайте то вам необходимо обратить внимание на этот элемент. В сегодняшнем уроке мы расскажем как создать макет достаточно красивой и универсальной контактной формы для сайта.
Как создать адаптивное мега-меню для сайта
25 Апр
В последнее время мега-навигация стала весьма популярна, вы можете организовать в структурированный список множество информации, при этом не занимая много места на сайте, некоторые разработчики умудряются поместить половину контента своего сайта в навигационной панели. Сейчас не малую роль отыгрывает адаптивность, ведь посетителю важно передвигаться на сайте с максимальной удобностью и на различных экранах. В данном уроке мы решили объединить мега-меню и адаптивность, вот что с этого получилось.
Как создать круговую панораму на сайте на JS
21 Апр
Сайты становятся все объемней, при этом возникает желание развивать ресурсы в ногу с новыми технологиями, как вы знаете, панорамы весьма популярные в наше время, по этому сегодня мы расскажем и покажем как можно реализовать этот замечательный эффект у себя на сайте не используя тяжелых техник, а попытаемся максимально упростить задачу. У нас будет большое изображение, которое будет развернуто на 360 градусов, при этом мы добавляем ползунок снизу, чтобы пользователь мог с легкостью перемещаться по панораме.
Создаем красивый шаблон сайта фотохудожника
17 Апр
Сегодня мы хотели бы поделиться идеей для макета сайта фотохудожника. Концепция основана на ползунке и нескольких альбомов с возможностью пролистования, и как только стопка фотографий открыта, она скользит вверх и показывает его содержимое. Фоновое изображение будет реагировать на движения мыши, создавая наклоны, как иллюзию движения, вдохновленный эффектом параллакса. После того, как стопка фотографий будет открыта, фоновое изображение будет превращаться в небольшой логотип в виде круга и двигаться вверх.
Вертикальный анимированный слайдер для сайта
13 Апр
Вертикальные слайдеры весьма удобны и популярны у веб-дизайнеров, они позволяют подчеркнуть и выделить необходимую информацию на сайте при этом визуально не нагромождая ресурс различной информацией. В данном уроке мы рассмотрим процесс создания такого слайдера. Идея состоит в том, чтобы сосредоточить четыре блока на одной странице, при этом часть информации будет скрыта до момента нажатия на следующую кнопку. При этом пользователь будет визуально информирован, что он переходит к следующему пункту простой анимацией.
Интерактивный фон с эффектом параллакса на JS
10 Апр
Нам часто пишут с просьбой рассказать и показать, как можно реализовать для сайта красивый, а главное, отзывчивый фон, при этом затратив минимум усилий и ресурсов, чтобы не нагружать лишний раз страницу. Зачастую разработчики останавливаются именно на дизайне с применением параллакса. Достаточно простой и креативный подход к реализации такого эффекта положительно сказывается на ресурсе и на дальнейшей узнаваемости. В данном уроке мы рассмотрим как создать такой эффект, который отлично подойдет для она или страницы-заглушки.
Эффект размытия при движении средствами SVG
4 Апр
В этой статье мы рассмотрим каким образом можно воспроизвести данный эффект при перемещении объектов по вертикали или горизонтали. Данный эффект довольно-таки часто используется в анимационном дизайне и анимации движения объекта. Для того чтобы реализовать эффект размытия нам необходимо применить к перемещаемому объекту эффект размытости в зависимости от скорости и направления движения. В результате мы получим достаточно популярный эффект, который широко используется не только в веб-дизайне.
Загрузка ...