Все для веб-дизайнера
Архивы за Октябрь, 2013
Создаем слайдер для сайта с эффектом 3D
31 Окт
Минимализм и эффект объемной трансформации совместно шагают по просторам современного веб-дизайна. Красочное сочетание этих эффектов позволяет добавить изюминку в дизайн сайта, а это плодотворно сказывается на узнаваемости ресурса. Успешность сайта кроется в удобстве и простоте, кроме этого не забывайте о мелочах. В данном уроке мы рассмотрим процесс построения весьма простого слайдера, но в нем будет небольшой нюанс, он будет объемный, в сочетании с простотой дизайна мы получаем весьма удачную смесь слайдера.
Как создать галерею миниатюр в стиле OS X
29 Окт
Красивая галерея это всегда привлекает посетителей, удобность и простота это залог успеха проекта, ведь все гениальное это просто. Если Вам приходилось работать на оборудованию мастеров из Купертино, то замечали весьма интересную анимацию разворота окон и приложений. В данном уроке мы рассмотрим как создать галерею миниатюр которые будут размещаться на нижнем доке, а при нажатии на них будет происходит плавный разворот в стиле OS X. Для данной реализации нам понадобится весьма увесистый код, но поверьте, результат оправдывает проделанную работу.
Плавное увеличение изображения при наведении
27 Окт
Вся суть сайта кроется в его деталях, даже малейшее упущение позволит дать Вашему сайту негативную оценку. В сегодняшнем уроке мы рассмотрим достаточно примитивный эффект, а именно как создать плавное увеличение изображений при наведении курсора мыши, используя только заранее подготовленную картинку, и несколько параметров CSS, суть состоит в том, что изображение заключено в плоскую рамку, но при наведении картинка выдвигается из окантовки, при этом добавлены нами тени образуют эффект парения изображения в воздухе.
Прокрутка для сайта с эффектом параллакса на JS
25 Окт
Красивая анимация и плавность переходов, вот что радует взор посетителей и привлекает их внимание. Зачастую верстальщики прибегают к созданию эффекта параллакса, это правильный ход, ведь такие эффекты не особо распространенные у нас, но за рубежом все чаще прибегают к таким решениям. Мы максимально пытаемся навязать данную тенденцию у нас, публикуем множество уроков по данной тематике. Данный урок это еще один шанс создать красивый и яркий сайт, который пользователь полюбит с первого взгляда и будет рекомендовать остальным.
Создаем навигацию в виде полки приложений
23 Окт
В данном уроке мы рассмотрим процесс создания весьма интересной, но в тоже время простой полки приложений, на первый взгляд в ней нет ничего особенного, но это не так, мы добавили небольшую анимацию к иконкам при наведении курсора мыши. При этом иконка будет плавно сдвигаться в низ, а подписи плавно появляться с под иконки, при этом иконка немного выделяется тенью. Такой вариант навигации станет отличным дополнением для сайта, в котором решили отойти от обычной реализации организации материалов.
Боковое меню с прокруткой фона с помощью CSS3
20 Окт
В данном уроке мы рассмотрим весьма интересный концепт страницы для чтения. С первого взгляда ничего особенного в ней нет, обыденный текст на листе с простым меню, но все намного интереснее. Дело в том, что у нас будем боковое меню, выезжающее при наведении курсора мыши, при проведении по подпунктам последние будут плавно угасать, кроме этого у нас при прокрутке страницы будет использован небольшой эффект параллакса, что позволит создать эффект живой страницы.
Создаем iphone с эффектом параллакса на JS
17 Окт
Мы продолжаем рассматривать фишки которые вошли в новую систему разработчиков из Купертино, одним из весьма интересных нововведений является эффект параллакса для фона, хочу Вам сразу сказать, что смотрится достаточно эффектно на устройстве, кроме этого вызывает эффект глубины картинки и подчеркивает иконки. Мы решили попробовать воссоздать нечто подобное, но для сайта. Я часто на сайтах замечал телефоны, но что если надо такие телефоны оживить. Как Вы, наверное уже поняли, сегодня я Вам покажу как реализовать эффект параллакса на мобильном устройстве.
Загрузка ...