TagCSS

Мысли о PostCSS

«А нафиг оно нужно?», — спросите вы.
«А хрен его знает», — отвечу я вам.

Главное назначение PostCSS — дать хипстоте возможность выпендриться перед коллегами. «Я не на препроцессорах, а на постпроцессорах».
А то, что теперь ты не видишь что за ересь передают с расширением .css. Нужно будет угадывать каких модулей наподключал в PostCSS очередной верстала — это тоже никого не волнует. А там может быть скобкота и неподдерживаемые свойства CSS4, может быть арабская вязь или вообще код на мунспике.

Да, есть в PostCSS и плюсы. Например, autoprefixer — вещь, позволившая выкинуть Compass (для которого нужен медленный Ruby Sass). И на этом плюсы в принципе заканчиваются.

Автор PostCSS толканул речь как это круто, создает конкуренцию — сидите пилите плагины на JS к PostCSS. Но нафиг это нужно. Это такой же довод в пользу Ruby Sass – что в случае чего можно залезть в код и переделать компилятор под себя. Но этот случай так и не настал, а на сцену вышел Libsass, в код которого никто не полезет. Сами же авторы Sass уперлись в потолок для реализации на Ruby и объявили о переходе на Dart.

Кто хочет посмотреть что за зверь PostCSS, добро пожаловать под кат (два видео).
Continue reading

CSS grid как замена Flex

В стародавние времена Веб-разработки были популярны портянки текста. Потом кто-то придумал сделать сайдбар. И реализовал его на фреймах, либо на таблицах. Ныне от фреймов остался только <iframe>. А <table> используются только для таблиц (строка-столбец).

В середине нулевых весь Веб начал переходить на блоки («дивы» <div>, даже ходил забавный термин «дивная верстка»). Они обтекали (float) друг друга и таким образом выстраивались в колонки. Данная метода постепенно отмирает.
Continue reading

Как сделать адаптивность для IE8

Для создания адаптивности используются медиа-запросы CSS. Но, как известно, в Internet Explorer 8 они не поддерживаются.

Как я писал ранее, крайне не рекомендуется поддерживать старинные IE вообще. Но любителей Эксплорера в XP по-прежнему больше, чем любителей оного в Windows 7 и 8, что видно по статистике использования.
Так почему бы не сделать поддержку мягкого отказа для IE8 с минимальными трудозатратами?
Continue reading

Less.js [WinError 2] Не удается найти указанный файл

Нехорошие люди советовали, что при ошибке
[WinError 2] Не удается найти указанный файл
нужно искать опечатку в путях.

На самом деле нужно дописать:
"shell" : true,

Пример для LESS:
{
"shell" : true,
"cmd": ["lessc", "-x", "$file", "${file_path}/${file_base_name}.css", "--source-map", "--verbose"],
"selector": "source.css.less"
}