CSS, HTML, LESS, SASS
Верстка с помощью CSS Grid Layout
23-07-2018CSS, HTML, LESS, SASS
Спецификация по Grid Layout опубликована уже достаточно давно, но вебмастера всё ещё редко используются grid-вёрстку. Тут две основные причины. Первая — распространенность IE11 (по статистике около 2%), которая, к тому же поддерживает только старую версию спецификации. Вторая — реальная потребность в grid не очень высока: существующего flex хватает для 90% стоящих задач. Читать ➝
Автоматическая компиляция SASS в CSS
13-06-2017CSS, HTML, LESS, SASS
Поначалу для компиляции sass-файлов в css я использовал сторонние программы, вроде Koala. Через какое-то время она стала жутко тормозить и грузить комп и чем больше отслеживаемых файлов, тем больше эти тормоза. После этого я попробовал поработать через Grunt, но там не очень удобно добавлять каталоги, да и когда их много для отслеживания, тоже возникает большая нагрузка. Читать ➝
Нормальное описание Flexbox-модели
10-02-2016CSS, HTML, LESS, SASS
Почти все руководства по Flexbox стараются вместить в себя описание всех его свойств и возможностей. Это приводит к тому, что вебмастеру довольно сложно соориентироваться какие свойства правильно использовать. Читать ➝
LESS-компиляция через Node.js и Grunt
09-12-2015CSS, HTML, LESS, SASS
Смысл этой затеи в том, чтобы автоматизировать компиляцию less-файлов. Работать должно так: сохранили любой less-файл, сам запускается компилятор и на выходе получается готовый css-файл. Сейчас я расскажу про вариант, который может использоваться любым вебмастером, но самое главное, что он универсальный и подходит и для других целей, например компиляция SCSS. Читать ➝
CSS: унификация классов и прототипирование (часть 2)
20-12-2014CSS, HTML, LESS, SASS
Классы Berry CSS состоят из простых css-правил. Этот фреймворк не задает UI сайта. Его задача — перенести верстку с уровня css-файла в html-код. Читать ➝
CSS: унификация классов и прототипирование (часть 1)
19-12-2014CSS, HTML, LESS, SASS
В процессе работы с Landing Page Framework постоянно возникало желание как-то унифицировать используемые css-классы. Проблема именования классов до боли знакома каждому верстальщику. Любой, даже самый примитивный, чисто «технический» блок, потребует своего уникального класса, чтобы указать стили, даже если это всего одна строчка кода. Читать ➝
Адаптивная сетка. Верстка по-новому
02-10-2013CSS, HTML, LESS, SASS
Адаптивность на сайтах на сегодняшний момент, как правило, решается единственным способом. Читать ➝