I have good luck with using Chrome's CSS editor, then right clicking and hitting "Save As". You can keep working without reloading, and periodically save your changes back.
LiveReload: Reflect CSS Changes Instantly, with No Browser Reload
21–30 of 30 posts
Re: LiveReload: Reflect CSS Changes Instantly, with No Browser Reload
#22Sigh, these sorts of things always force you to change how you develop and don't really work for mobile web dev. This wheel seems to been re-invented far too often. Alternatively: sudo pip install watchdog watchmedo shell-command -w -c "make" -i '*/.*' -R Where "make" is either for a makefile or some other build script. And then just put live.js (from http://livejs.com/ ) as a script inside your pages. This works any…
Unfortunately it also spins up your fans and eats up your battery. (Also I've built the GUI tool when I got tired of firing up stuff in Terminal each time I start working on a project.)
Re: LiveReload: Reflect CSS Changes Instantly, with No Browser Reload
#23I have good luck with using Chrome's CSS editor, then right clicking and hitting "Save As". You can keep working without reloading, and periodically save your changes back.
https://github.com/NV/chrome-devtools-autosave
You might find this useful.
Re: LiveReload: Reflect CSS Changes Instantly, with No Browser Reload
#24I don't get it... how freaking hard can it be to hit F5?
I'm not trying to be snarky - I'm just genuinely surprised that no one has posted that they consider the need for "live refresh" to be wholly unnecessary.
I come from a background in C++ development where compile times range anywhere from a minute to a day, so I'm truly thankful for "instant compilation" of CSS and HTML via a single click of a keyboard button..... but I wouldn't ever dream that my need to hit the F5 key was hindering my development ability!
Re: LiveReload: Reflect CSS Changes Instantly, with No Browser Reload
#25I have a mac, but prefer to use just Guard and the browser extensions. Fortunately, that info is still available: https://github.com/mockko/livereload After all the time that's been put into the free version by others I wish livereload.com would have a prominent link to it. But I'm glad that the gem, which I don't use because https://github.com/guard/guard-livereload is easier to install, and the browser extensions a…
+1 for Guard. I recently switched to Mac and couldn't get stock livereload to run with my rvm'd 1.9.2 system ruby. I'm happy to have found Guard, I'm running it with livereload and compass and love the streamlining.
Re: LiveReload: Reflect CSS Changes Instantly, with No Browser Reload
#26Hey! Woke up this morning to find LiveReload on HN home page. Ask me anything, I guess. :)
Hey Andrey, it's pretty awesome that you support Stylus.
Do you think you can make this work with VM-based development? I'm working in VirtualBox Ubuntu but viewing my site locally in Chrome (OS X).
Re: LiveReload: Reflect CSS Changes Instantly, with No Browser Reload
#27I don't get it... how freaking hard can it be to hit F5? I'm not trying to be snarky - I'm just genuinely surprised that no one has posted that they consider the need for "live refresh" to be wholly unnecessary. I come from a background in C++ development where compile times range anywhere from a minute to a day, so I'm truly thankful for "instant compilation" of CSS and HTML via a single click of a keyboard button..…
One use case is a browser in another display. Nice to CTRL-S and just glance.
Re: LiveReload: Reflect CSS Changes Instantly, with No Browser Reload
#28Hey! Woke up this morning to find LiveReload on HN home page. Ask me anything, I guess. :)
Hey Andrey, it's pretty awesome that you support Stylus. Do you think you can make this work with VM-based development? I'm working in VirtualBox Ubuntu but viewing my site locally in Chrome (OS X).
I'd love to add GUI support for that, but there are more important tasks that would help many more people (like, polishing the Mac ver and making a Windows one).
For remote server use cases, I recommend guard-livereload. It uses my browser extensions and works really well on any platform.
Re: LiveReload: Reflect CSS Changes Instantly, with No Browser Reload
#29I don't get it... how freaking hard can it be to hit F5? I'm not trying to be snarky - I'm just genuinely surprised that no one has posted that they consider the need for "live refresh" to be wholly unnecessary. I come from a background in C++ development where compile times range anywhere from a minute to a day, so I'm truly thankful for "instant compilation" of CSS and HTML via a single click of a keyboard button..…
Genuine answer is that you might want to try a tool like MacRabbit's CSSEdit first, which applies your changes without even saving. You get used to seeing the result instantly.
My motivation for building LiveReload has been to get the same instant feeling, but with compiled languages like LESS.
Re: LiveReload: Reflect CSS Changes Instantly, with No Browser Reload
#30Sigh, these sorts of things always force you to change how you develop and don't really work for mobile web dev. This wheel seems to been re-invented far too often. Alternatively: sudo pip install watchdog watchmedo shell-command -w -c "make" -i '*/.*' -R Where "make" is either for a makefile or some other build script. And then just put live.js (from http://livejs.com/ ) as a script inside your pages. This works any…
Unfortunately it also spins up your fans and eats up your battery. (Also I've built the GUI tool when I got tired of firing up stuff in Terminal each time I start working on a project.)
This depends on what platform you're on - if you're on Linux, it will use inotify which is event based from the kernel (and therefore pretty efficient) and I think they recently added the OSX equivalent.