alex_xciv Jan 22 2015 at 15:45

Начинаем разбираться с Myth — препроцессором будущего

6 min

14K

CSS*

From sandbox

Comments 13

IonDen Jan 22 2015 at 16:04

Я бы не стал называть большим плюсом нативную CSS разметку.
Препроцессоры вроде LESS хороши тем, что позволяют писать разветвленные вложенные конструкции и визуально видеть свое дерево элементов.
В обычном CSS же, нас ждут километровые списки селекторов через запятую.

alex_xciv Jan 22 2015 at 16:37

Я все же считаю, что он может занять свою нишу в качестве переходного варианта на пути от чистого CSS -> LESS/SASS etc.

StreetStrider Jan 22 2015 at 16:17

Статья ни о чём, препроцессор ни о чём. Это не вина переводчика, сам оригинал таков. Кстати, не вижу ссылки на оригинал.

Jabher Jan 22 2015 at 17:32

А это пре- или пост-процессор все-таки?

usualdesigner Jan 22 2015 at 17:58

пре-

Jabher Jan 23 2015 at 12:06

бред какой-то… смысл делать препроцессор, который эмулирует новые спецификации css… пост-процессором он был бы куда уместнее.

radist2s Jan 22 2015 at 18:34

Угу, и в чем тут будущее? Если хочется простоты, обычного CSS-синтаксиса, то лучше взять LESS. Чтобы избавиться от миксинов на вроде .transition() и писать обычный CSS без префиксов — прогоняем CSS через Autoprefixer и получится то же самое что и в статье, кроме разве что уж сильно экстраординарных вещей.

RamonZzz Jan 22 2015 at 18:41

Первый абзац: «использовать полноценно использовать»

Iskin Jan 22 2015 at 22:27

Ох, не называл бы я Myth препроцессором. Это просто набор плагинов для Rework и Автопрефиксер. Разработчики Myth взяли чужие плагины и сделали только красивый сайт. Обидно, что автор статьи тоже не упоминает ни Rework, ни авторов других плагинов.

Iskin Jan 22 2015 at 22:28

Ну и о Myth уже поздно писать — Rework практически перестал развиваться, уступив пальму первенства PostCSS (на котором и написан Автопрефиксер). Для PostCSS существуют такие же наборы плагинов. Самый популярный среди них cssnext — функций у него сейчас, гораздо больше, чем у Myth.

UFO landed and left these words here

sayber Jan 23 2015 at 02:10

Меня более устраивает Stylus + Codekit (ну или gulp).
В последнее время, делая фронт приложения, использую следующую связку:

Jade
CoffeeScript
Stylus

Получается что весь код мы пишем в дном стиле, будь то css, js, или html.
Все жду, когда jadephp выйдет на нормальный уровень, что бы его использовать в symfony, заместо twig.

GruZZ Jan 23 2015 at 07:42

Всегда думал, что Myth постпроцессор, хотя в этом вопросе доверюсь мнению Iskin.

^{* Кстати, недавно наткнулся на интересное интервью с ним, про пре- и пост- процессоры и вообще: codehipsters.com/2014/11/27/sitnik-interview.html.}

А насчет перевода хочу заметить, что переводить

Use the Node.js command prompt to issue the appropriate command in order to navigate the location of your stylesheets.
cd /path/to/your/folder/css

как

Воспользуемся следующей командой Node.js, чтобы перейти в место, где располагаются наши стили:
cd /path/to/your/folder/css

вредно для начинающих, т.к. Use the Node.js command prompt — это не «команда Node.js», а просто «командная строка Node.js».