ArtsLab

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

Последний раз я делился 10 адаптивными темами еще в начале этого года. За это время появилось немало новых и достойных тем, поэтому думаю что пришло время для свежей подборки тем для WordPress.

В добавку к прошлой записи, еще один небольшой пример с простой адаптивной менюшкой. Будем использовать CSS Media Query + jQuery. Демо с кодом, как всегда на Codepen, в продолжений поста более подробное, пошаговое описание.

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

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

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