CSS3 для вэб-дизайнеров

Автор книги Дэн Синдерхолм. Эта книга об использовании CSS3, области взаимодействия и свойствах, которые можно использовать прямо сейчас и в каких частях интерфейса их следует применять. О спецификации CSS3; об используемых браузерах и связанными с ними префиксами WebKit, Mozilla и Opera и о том, как работают эти браузерные префиксы. О том, что такое CSS-переходы, полная запись […]

Почитать

Брейкпоинты в верстке

Примеры брейкпоинтов: На основе практики создания адаптивных сайтов, используем вот такой комплект ширин (для верстки с использованием брейкпоинтов): 320 или 480 — телефоны/смартфоны 800 — смартфоны/планшеты 1024 — ноутбуки/планшеты 1280 — десктопы/планшеты/ноутбуки 1600 — десктопы Используйте стандартный набор брейкпоинтов: 320×568, 375×667, 768×1024, 1024×768, 1280×768, 1366×768 и 1920×1080. И не забывайте про landscape-режим на мобильных устройствах. […]

Почитать

Оформление кнопки Загрузить

Просто и легко поменять стиль для этой странной кнопки «Загрузить». CSS body { font-family: Arial, sans-serif; color: #4a4a4a; } .file-upload { position: relative; /* Даем возможность делать позиционирование, внутри данного элемента */ overflow: hidden; /* Все что выходит за пределы — скрываем */ width: 20%; /* Задаем ширину кнопки выбора файла */ height: 20px; /* […]

Почитать

Стилизуем placeholder при помощи CSS. Синтаксис, трюки, поддерживаемые стили в html5

Атрибут placeholder применяется для призыва к действию внутри пустых элементов input и textarea. В этой статье мы рассмотрим возможности стилизации текста placeholder-a, а также некоторые трюки Источник: Стилизуем placeholder при помощи CSS. Синтаксис, трюки, поддерживаемые стили в html5 И еще одна интересная статья на эту тему — свойства различные placeholder: Таблица стилей

Почитать