Здравствуйте, собственно вопрос в названии темы. Какими способами и на какой ОС вы пользуетесь автообновлением страницы при верстке сайтов.
Сам как-то пытался добиться результата с помощью guarda и livereload под виндой, но после нескольких автообновлений guard умирает ...((
P.S. Если создал тему не в том разделе, прошу перенести в соответствующий раздел.
1. vens - 06 Сентября, 2014 - 13:05:26 - перейти к сообщению
2. vens - 07 Сентября, 2014 - 14:03:20 - перейти к сообщению
up! 
3. caballero - 07 Сентября, 2014 - 15:11:08 - перейти к сообщению
F5
на любой ОС
на любой ОС
4. IllusionMH - 07 Сентября, 2014 - 16:02:46 - перейти к сообщению
vens, под виндой (W7, W8, на XP не пробовал) отлично отрабатывали связки gulp + livereload и grunt + livereload. Минимально рабочих примеров пруд пруди во всех туториалах.
5. Viper - 07 Сентября, 2014 - 17:21:52 - перейти к сообщению
Эммм... А может кто-то объяснить в чем профит этой фичи с автообновлением?
6. IllusionMH - 08 Сентября, 2014 - 02:29:38 - перейти к сообщению
Viper, профит огромный если необходимо использовать препроцессоры: имеется куча CSS/LESS/SASS файлов и в процессе верстки/капитальной переделки дизайна приходится вносить кучу изменений. Если обновлять браузер ручками - быстро задалбываешься и теряешь концентрацию.
За полчаса настраивается gulp/grunt который следит за изменением стилей. Если один из файлов изменился, пересобирает итоговый файл стилей и тут начинается самая магия: Через сокеты сервер лайврэлоада пинает расширение в браузере, и это расширение налету подменяет стили в документе(т.е. не происходит новая загрузка страницы и изображений, просто подменяются конкретные файлы стилей).
В итоге как только документ сохраняется редакторе - в браузере изменяются стили. Происходит мгновенно.
Недавно переезжали с Bootstrap 2 на Bootstrap 3. Gulp-watch + LiveReload было очень кстати.
В случае с изменением JS и HTML просто перезагрузить всю страницу, не так быстро, но тыкать руками не нужно самому. Если интересно еще можно посмотреть на реализацию в WebStorm. Там чуть ли не подсветка элементов в редакторе предусмотрена при наведении в браузере(у нас куча мелких шаблонов в проекте, не приходилось пользоваться).
caballero, у товарища в команде OS X и вот там на F5 какая-то функция ОСи, и нифига не перезагрузка страницы. Напрягает бешено, когда приходится сидеть за маком
За полчаса настраивается gulp/grunt который следит за изменением стилей. Если один из файлов изменился, пересобирает итоговый файл стилей и тут начинается самая магия: Через сокеты сервер лайврэлоада пинает расширение в браузере, и это расширение налету подменяет стили в документе(т.е. не происходит новая загрузка страницы и изображений, просто подменяются конкретные файлы стилей).
В итоге как только документ сохраняется редакторе - в браузере изменяются стили. Происходит мгновенно.
Недавно переезжали с Bootstrap 2 на Bootstrap 3. Gulp-watch + LiveReload было очень кстати.
В случае с изменением JS и HTML просто перезагрузить всю страницу, не так быстро, но тыкать руками не нужно самому. Если интересно еще можно посмотреть на реализацию в WebStorm. Там чуть ли не подсветка элементов в редакторе предусмотрена при наведении в браузере(у нас куча мелких шаблонов в проекте, не приходилось пользоваться).
caballero, у товарища в команде OS X и вот там на F5 какая-то функция ОСи, и нифига не перезагрузка страницы. Напрягает бешено, когда приходится сидеть за маком