Как конвертировать html в css?

Question

[Morbit]

Интересует инструментарий, который по имеющемуся DOM-дереву строит таблицу стилей.
В идеале было бы отлично найти конвертер, который делает из html scss или ему подобные.
В поисках сабжа было найдено два решения:
https://github.com/dannygarcia/html-to-scss
Но тут не обойтись без node.js, а ставить его ради одной фичи не очень хочется.
Еще нашел скринкаст, где чувак на ломаном англиском показывает то, что мне нужно с помощь textmate bundle:
http://www.screenr.com/TZ0

Знаете ли вы пути решения проблемы?

Answer 1

[lacki]

Вот пост в тему: http://habrahabr.ru/post/198420/

Answer 2

[Илья Шабанов]

Вот что нашел

https://github.com/jrobertson/html-to-css

https://github.com/akella/grunt-htmltosass

Answer 3

[xfenix]

Я удивлён, что никто не сказал про http://bearcss.com/

Answer 4

[Денис Инешин]

Как фронтенд-разработчик со стажем, говорю вам, это совершенно лишнее и так никто не делает. Что вас удручает, то что 2 раза приходится писать названия классов, один раз в html, второй раз в css? Это вовсе не плохо, когда идет интенсивный рабочий процесс, такие казалось бы задержки идут только в плюс, пока вы пишите название класса, переносите его в css (ctrl+c, ctrl+v), вы обдумываете этот класс, его содержимое. Очень часто в этот момент вы решаете что-то изменить, переименовать класс или вообще убрать. Вот где гибкость разработки. А то что вы хотите - это банально не удобно.

Answer 5

[Назар Мокринский]

Страшно даже спрашивать, но зачем оно вам?
Вы же не собираетесь вешать стили отдельно на каждый элемент, который в DOM дереве только потому что они там есть?

Comments

[Morbit]

Знаю, идея немного странноватая. Но родилась она глядя как работает emmet. Такое решение неплохо ускорит процесс верстки. Сначала набрасываем шаблон в emmet, а потом получаем для него css. И все, что остается это прописывать свойства.