Как увидеть различия в дизайне после изменения CSS?
Сейчас делаю верстку с помощью SASS и Live.js. В текстовом редакторе меняю SCSS-файл, 'sass --watch' автоматически компилирует CSS, а Live.js загружает в браузер. Удобно.
Но иногда нужно сравнить измененный дизайн, с тем что был до изменения. Например я рефракторю и хочу получить пот же самый дизайн. Или посмотреть какой из двух вариантов лучше.
В принципе можно делать скриншоты страницы, но это неудобно делать каждый раз и я не знаю хороших скриншот-расширений для Chrome.
Хочется во-первых найти какой-нибудь более простой способ для сохранения предыдущих версий дизайна.
Во-вторых некий инструмент, рисующий "визуальные diffы" двух вариантов дизайна.
Существуют ли такие вещи в природе? Как вы сами решаете подобные задачи?
@uhbif19 У меня есть программа LiveReload и одноименное расширение для Chrome. Это расширение я могу включить на странице, а могу и не включать. С Live.js не работал.
@uhbif19 Интересный вы человек. Вы поинтересовались, как люди решают подобные вашей задачи, какие технологии используют. Вам ответили. На что вы говорите, мол, нет ребята, мои технологии лучше.
И то, что для вас "жутко неудоно", для меня решается нажатием значка расширения в браузере.
@pismenny Как я уже говорил, это действительно полезная информация, спасибо. Но меня интересует несколько вопросов, и в том числе, я выбираю технологию и для себя.
LiveReload неудобен по нескольким причинам:
1. Для Lift и вообще сервлетов, полноценной поддержки LiveReload, насколько мне известно нет.
2. Над чистым HTML можно работать и без поднятого сервера.
3. У сервера LiveReload могут быть свои баги
По банальщине, делаете с Live на локалке. То, что уже утвердили заливаете на хостинг (временный, оригинальный, любой, или вообще другая папка на localhost, гитом или напрямую). Потом экспериментируете дальше, у вас всегда будет предыдущая версия + выходит и ее бэкап, а изменяете вы текущий вариант
