postcss — CSS Guru http://starhack.ru Верстка сайтов, использование CSS, Javascript, jQuery, веб-разработка Sun, 18 Jun 2017 18:24:12 +0000 ru-RU hourly 1 https://wordpress.org/?v=5.7.7 Первый postcss плагин. http://starhack.ru/emify-everything/ http://starhack.ru/emify-everything/#respond Thu, 01 Jun 2017 14:01:24 +0000 http://starhack.ru/?p=1080 Читать далее Первый postcss плагин.]]> В продолжение темы postcss. Если коротко, то я в восторге!
Второй день работы с postcss, и я уже пишу себе плагинчик, для перевода пикселей в EM’ы. Да, вы скажете, что уже есть такое, но дело в том, что в наследие от работы с SASS в стилях осталось много мест с вызовом SASS-функции em($font-size, $context). �? чтобы не менять пока, на время миграции, этот подход, набросал плагинчик, повторяющий подобное поведение.
Не хватает пока, разве что, указания точности в настройках (precision). Чтобы уменьшить количество знаков после запятой.

]]>
http://starhack.ru/emify-everything/feed/ 0
Прогресс в CSS нагнал и меня http://starhack.ru/progress-v-css-nagnal-i-menya/ http://starhack.ru/progress-v-css-nagnal-i-menya/#respond Wed, 31 May 2017 09:08:53 +0000 http://starhack.ru/?p=1076 Читать далее Прогресс в CSS нагнал и меня]]> Сколько бы я не сопротивлялся, прогресс в CSS нагнал и меня. Когда я пришел на нынешнее место работы, SASS, который тут использовали, показался мне громоздким и неудобным. Но со временем, изучив его возможности, я так с ним сроднился, что переход на что-то другое мне казался пустой тратой времени и сил. К тому же кода уже столько, что миграция просто пугает.
Но вот пришло время изменений. Сборка стилей SASS’ом стала чуть ли на самым узким местом в проекте. Сборка стилей длится в секундах, что печалит.
Решили переходить на использование postcss. А для пущего интереса в связке с CSSNext.
На ближайшие дни и недели меня ждет увлекательное изучение нового и менее увлекательное переписывание старого.
Постараюсь описывать найденные и собранные грабли.
Всем добра!
Намасте!

]]>
http://starhack.ru/progress-v-css-nagnal-i-menya/feed/ 0