Архивы за Октябрь, 2013

Создаем слайдер для сайта с эффектом 3D
31 Окт
Минимализм и эффект объемной трансформации совместно шагают по просторам современного веб-дизайна. Красочное сочетание этих эффектов позволяет добавить изюминку в дизайн сайта, а это плодотворно сказывается на узнаваемости ресурса. Успешность сайта кроется в удобстве и простоте, кроме этого не забывайте о мелочах. В данном уроке мы рассмотрим процесс построения весьма простого слайдера, но в нем будет небольшой нюанс, он будет объемный, в сочетании с простотой дизайна мы получаем весьма удачную смесь слайдера.

Как создать галерею миниатюр в стиле OS X
29 Окт
Красивая галерея это всегда привлекает посетителей, удобность и простота это залог успеха проекта, ведь все гениальное это просто. Если Вам приходилось работать на оборудованию мастеров из Купертино, то замечали весьма интересную анимацию разворота окон и приложений. В данном уроке мы рассмотрим как создать галерею миниатюр которые будут размещаться на нижнем доке, а при нажатии на них будет происходит плавный разворот в стиле OS X. Для данной реализации нам понадобится весьма увесистый код, но поверьте, результат оправдывает проделанную работу.

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

Прокрутка для сайта с эффектом параллакса на JS
25 Окт
Красивая анимация и плавность переходов, вот что радует взор посетителей и привлекает их внимание. Зачастую верстальщики прибегают к созданию эффекта параллакса, это правильный ход, ведь такие эффекты не особо распространенные у нас, но за рубежом все чаще прибегают к таким решениям. Мы максимально пытаемся навязать данную тенденцию у нас, публикуем множество уроков по данной тематике. Данный урок это еще один шанс создать красивый и яркий сайт, который пользователь полюбит с первого взгляда и будет рекомендовать остальным.

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

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