Emmet ivestyle и stylus?

Question

[issssrt]

Начинаю использовать stylus для фронтеда. Раньше писал на чистом css и использовал плагин pixel perfect для chrome. Вот в чем вопрос. Можно ли использовать stylus и редактирование css прямо в браузера с обратной декомплияцией в stylus? Суть в чем. Я написал в stylus css-код, а дальше в браузере на лету редактирую css-код для того чтобы максимально сойтись с psd-файлом.

Comments

[issssrt]

Нашел то, что нужно npm install css2stylus

Answer 1

[gassmonkey]

Зачем вообще извращаться с редактированием css в браузере?
Как писал в stylus, так и подгоняй в stylus, в чём проблема?

Comments

[issssrt]

Это не извращение, а реально удобно добиваться точности методом наложения полупрозрачного png в хроме сразу подгонять. Попробуйте, реально время экономит.

[gassmonkey]

issssrt: Всегда проверяю наложением, я не об этом. Я не пойму зачем в браузере стили править.

[Сергей Наломенко]

issssrt: Используйте LiveReload, чтобы править стили в реальном времени, в чем проблема?

[issssrt]

gassmonkey: Время экономит. Вы в реальном времени подгоняете в хроме через инспектор кода, а emmet отлавливает и сразу в файле изменения сохраняет. Т.е. не нужно после редактирования копипастить, при этом в реальном времени проиходит сверка с пнг. Не нужно копипастить.

[issssrt]

Сергей Наломенко: так я использую. Только он файл css сохранит, а styl?

[gassmonkey]

issssrt: Что копипастить? Куда? Что за бред ты несёшь? О livereload ты, видимо, вообще не слышал. Пишу scss, все изменения сразу на странице. Или gulp + browsersync - вообще сказка.

[issssrt]

Сергей Наломенко: спасибо за livereload

[lavezzi1]

Как можно макет png с реальным сайтом сравнивать сейчас? Все же адаптивно резиновое

[issssrt]

lavezzi1: Ни все.

[issssrt]

lavezzi1: Да даже и для адаптивных сайтов pixel perfect никто не отменял для устройств >960px

[gassmonkey]

lavezzi1: Т.е. ты верстаешь на глаз? Я бы тебе работу не доверил.
Что значит "Как можно"? Это необходимо.

[lavezzi1]

gassmonkey: Как это на глаз? Я сам рисую дизайн по сетки и верстаю этот же дизайн по той же сетке, с тем же gutter. Никогда таким не занимался как "подкладыванием" png.

[gassmonkey]

lavezzi1: Ха-ха) Сам рисую, сам верстаю) Ну всё понятно тогда) В таком случае работу тебя я не доверил бы тем более.

[issssrt]

gassmonkey: Слушай, livereload работает с протоколом file типо file:///C:/Users..../index.html или нужно на веб-сервере тестить? Я поставил расширение, установил плагин для sublime, в статусбаре пишет что подконектился, но изменения не подхватывает

[gassmonkey]

issssrt:
Сервер, конечно. Но не твой, он сам конфигурируется.
А вообще, поставь gulp + browsersync и не мучайся с плагинами к редакторам. Если хочешь развиваться, изучать это всё равно придётся.

[lavezzi1]

gassmonkey: И славу богу, такую работу я точно не хочу. Ты, если в состоянии, можешь объяснить зачем делать эти манипуляции? я про подсовывание, когда есть сетка и avocode