ArtsLab

О дизайне и веб-разработке

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

3D-эффект для создания объемного текста можно легко создать с помощью Photoshop, Gimp или любого другого графического редактора, но а так же и с помощью CSS3, без использования дополнительной графики. Преимуществом любого эффекта с применением CSS3 является быстрая скорость загрузки, а главным недостатком, конечно же, кроссбраузерность.

Сегодня хочу поделиться небольшим сниппетом, который позволит с помощью всего нескольких строк CSS создать простой градиент без лишней графики. Для этого мы используем свойство box-shadow. С небольшой хитростью мы сможем применить его для имитаций плавного градиента. Далее код с примером.

В социальной сети ВКонтакте появилась официальная возможность для настройки мгновенного репоста фоток из Instagram на стену или в фотоальбом на страничке пользователя. Теперь не нужно будет использовать никаких сторонних приложений или сервисов, которые работали не совсем стабильно.

Flat-дизайн на сегодняшний день несомненно является одним из главных трендов в мире веб-дизайна. В качестве дополнения к плоскому интерфейсу, в последнее время стали популярными длинные тени, которые отлично смотрятся на различных логотипах и иконках.