Как увидеть различия в дизайне после изменения CSS?

Question

[uhbif19]

Сейчас делаю верстку с помощью SASS и Live.js. В текстовом редакторе меняю SCSS-файл, 'sass --watch' автоматически компилирует CSS, а Live.js загружает в браузер. Удобно.

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

В принципе можно делать скриншоты страницы, но это неудобно делать каждый раз и я не знаю хороших скриншот-расширений для Chrome.

Хочется во-первых найти какой-нибудь более простой способ для сохранения предыдущих версий дизайна.

Во-вторых некий инструмент, рисующий "визуальные diffы" двух вариантов дизайна.

Существуют ли такие вещи в природе? Как вы сами решаете подобные задачи?

Comments

[uhbif19]

На счет image diff, есть простейший вариант на SO stackoverflow.com/questions/5132749/imagemagick-di...

Answer 1

[andymitrich]

Думаю, что для таких случаев люди используют разные вкладки браузера: одну оставляют исходную, а вторую обновляют после изменения css.

Comments

[uhbif19]

Live.js автоматически подгружает изменившийся CSS.

[uhbif19]

Разработка без LiveReload для меня невозможна.

[dpismenny]

Думаю, предлагалось продублировать сайт в двух вкладках, а livereload подключить только к одной из них.

[uhbif19]

@pismenny А, понял. Я не знаю, как отключить live.js к сожалению, и это неудобно конечно.

Если кто-то действительно так делает, это полезная информация (:

[dpismenny]

@uhbif19 У меня есть программа LiveReload и одноименное расширение для Chrome. Это расширение я могу включить на странице, а могу и не включать. С Live.js не работал.

[uhbif19]

@pismenny Для LiveReload нужна поддержка со стороны сервера, что жутко неудобно. Live.js просто подключается, как один скрипт, чем он и лучше.

[dpismenny]

@uhbif19 Интересный вы человек. Вы поинтересовались, как люди решают подобные вашей задачи, какие технологии используют. Вам ответили. На что вы говорите, мол, нет ребята, мои технологии лучше.

И то, что для вас "жутко неудоно", для меня решается нажатием значка расширения в браузере.

[uhbif19]

@pismenny Как я уже говорил, это действительно полезная информация, спасибо. Но меня интересует несколько вопросов, и в том числе, я выбираю технологию и для себя.

LiveReload неудобен по нескольким причинам:
1. Для Lift и вообще сервлетов, полноценной поддержки LiveReload, насколько мне известно нет.
2. Над чистым HTML можно работать и без поднятого сервера.
3. У сервера LiveReload могут быть свои баги

Answer 2

[Александр Зачиналов]

По банальщине, делаете с Live на локалке. То, что уже утвердили заливаете на хостинг (временный, оригинальный, любой, или вообще другая папка на localhost, гитом или напрямую). Потом экспериментируете дальше, у вас всегда будет предыдущая версия + выходит и ее бэкап, а изменяете вы текущий вариант