MATOV.PRO

Размышления о жизни, разработке и людях к ней причастным. Все статьи основаны на реальном опыте руководителя, разработчика и просто человека.

Режимы и состояния в SCSS

Соображения на тему использования режимов и состояний компонентов пользовательского интерфейса.

Режимы и состояния в SCSS

Рассмотрим применение подхода при работе с препроцессорами стилей. Осторожно, в статье слишком много примеров кода.

Палитра цветов для веб-разработки

Дизайнерам и фрондендерам посвящается. Сказ о том, как с палитрой удобно работать.

Палитра цветов для веб-разработки

Речь не о том как выбрать палитру цветов, а том, как именно с ней работать: к какому виду её привести, как сделать так, чтобы по ходу разработки не пришлось цвета делать «чуть-чуть поярче» (смайл).

Таргетинг стилей по устройству

.some-block {
    z-index: 1;
    position: relative;
    
    @include device(desktop, ie, tablet) {
        @include section(portfolio) {
            border: 1px solid #000;
            }
        }
    }

Сайты нужно делать адаптивными, а для этого хорошо бы уметь управлять содержимым и представлением сайта в зависимости от типа устройства пользователя.