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; /* […]

Почитать

Как выложить свой проект на GitHub

Если вы, как и я, решили освоить git, то скорее всего у вас возникнет желание разместить свой проект на GitHub.com для публичного доступа. Как новичку мне было сложно понять, каким образом создать связь между репозиториями. То есть локально у нас есть набор файлов проекта. Нужно каким-то образом выложить их на гитхаб. По сути это обычное […]

Почитать

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

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

Почитать

Форма в bootstrap

В Twitter Bootstrap 3 основная задача для веб-разработчика в основном сводится в добавлении необходимых классов для элементов управления, форм и контейнеров. Основные моменты при создании и оформлении формы представим в виде следующих этапов: Указать вид формы. В Bootstrap 3 различают следующие виды форм: вертикальная (без добавления класса), горизонтальная (.form-horizontal) и в одну строку (.form-inline). Добавить […]

Почитать