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
Адаптивность на сайтах на сегодняшний момент, как правило, решается единственным способом. Читать