Все для веб-дизайнера
Анимация для сайта с эффектом параллакса на JS
Ноя 9
Параллакс. И снова мы возвращаемся к данной тематике, из-за пристального внимание к данной теме, пользователям это интересно, это и не странно, ведь тратя минимум усилий пользователь получает почти готовый шаблон. В данном уроке мы рассмотрим весьма интересную анимацию с применением параллакса. У нас будет достаточно много изображений, которые будут постепенно накладываться друг на друга, крове это данная анимация будет напоминать ретро-картинки. У нас будет создаваться эффект анимированной книжки.
Анимация изображения для сайта с помощью CSS
Ноя 7
Иногда возникает необходимость создать анимацию для изображения, при этом затратив минимум усилий. Дело в том, что для обычной анимации картинки необходимо приложить не мало усилий, учитывая что не все умеют реализовать данную задумку. Мы решили рассказать, как можно создать весьма хитрую анимацию для картинки, а именно мы заставим ее двигаться как куклу, разбив изображения на точки, которая будет двигаться по заданной траектории. В результате мы получим движения волнами. К тому же мы подобрали картинку в виде моря.
Прокрутка с эффектом увеличения с помощью JS
Ноя 5
Недавно наткнулся на работы одного нашего коллеги, он подошел весьма интересно к реализации эффекта для прокрутки. Дело в том, что все пытаются создать прокрутку с плавным появлением материала. Ник, так зовут нашего коллегу, решил поставленную задачу иначе, он создал прокрутку в глубь сайта, а именно увеличение с эффектом параллакса во время прокрутки. Смотрится все достаточно фантастично, создается ощущение полета в глубь страницы. Из-за различия в накладке изображений мы и получаем такой эффект 3D.
Абстрактная визуализация аудио для сайта на JS
Ноя 3
На некоторых сайтах-портфолио используется музыкальное сопровождение, зачастую оно сопровождается ковером, я сталкивался с такой ситуацией в своей практикой, когда было необходимо установить обложку альбома для портфолио диджея, но эту музыкальнуж дорожку можно было скрасить не только обыденной картинкой, а нечто большим. В данном уроке, мы рассмотрим как создать весьма интересную, абстрактную визуализацию аудио-дорожки для сайта с помощью JS. Идея состоит в том, что у нас есть хаотически разбросаны многогранники, а музыка задает ритм.
Интересный hover-эффект для изображений сайта
Ноя 1
Изображения являются неотъемлемой частью любого сайта, мировая глобализация и широко распространенные социальные сети слились в единое с блогами положив начало внедрения кнопок самых популярных сообществ на сайт. Зачастую пользователи нуждаются в кнопке для самого изображения, нежели для всей статьи, исходя с личного опыта, по этому данный вопрос необходимо креативно решить. Благодаря небольшому hover-эффекту для изображений мы получим результат, в котором пользователь сможет делится понравившемся изображением.
Создаем слайдер для сайта с эффектом 3D
Окт 31
Минимализм и эффект объемной трансформации совместно шагают по просторам современного веб-дизайна. Красочное сочетание этих эффектов позволяет добавить изюминку в дизайн сайта, а это плодотворно сказывается на узнаваемости ресурса. Успешность сайта кроется в удобстве и простоте, кроме этого не забывайте о мелочах. В данном уроке мы рассмотрим процесс построения весьма простого слайдера, но в нем будет небольшой нюанс, он будет объемный, в сочетании с простотой дизайна мы получаем весьма удачную смесь слайдера.
Как создать галерею миниатюр в стиле OS X
Окт 29
Красивая галерея это всегда привлекает посетителей, удобность и простота это залог успеха проекта, ведь все гениальное это просто. Если Вам приходилось работать на оборудованию мастеров из Купертино, то замечали весьма интересную анимацию разворота окон и приложений. В данном уроке мы рассмотрим как создать галерею миниатюр которые будут размещаться на нижнем доке, а при нажатии на них будет происходит плавный разворот в стиле OS X. Для данной реализации нам понадобится весьма увесистый код, но поверьте, результат оправдывает проделанную работу.
Загрузка ...