Are you still hitting the refresh button every time you change some code / stylesheet? If yes, you may want to watch the following video and learn about LiveReload by Mikhail Gusarov.
Yes, I know there are already a few other tools out there that do this, but I don’t think I’ve seen any that actually reload the CSS or Javascript without even reloading the page. I also forgot to mention in the video that it works in both Safari AND Chrome.
Related posts:
Still hitting reload every time you change your code/CSS /javascript? Watch my LiveReload screencast: http://bit.ly/9ughTT
This comment was originally posted on Twitter
Not sure if this can work outside of Ruby, but developing CSS on Safari just got lazy http://bit.ly/aYfSs0
This comment was originally posted on Twitter
Uh, AWESOME. RT @greggpollack: Still hitting reload every time you change your code? Watch my LiveReload screencast: http://bit.ly/9ughTT
This comment was originally posted on Twitter
Awesome… Thanks for sharing…
Still hitting reload every time you change your code/CSS/javascript? Watch my LiveReload screencast: http://bit.ly/9ughTT /via @greggpollack
This comment was originally posted on Twitter
LiveReload Screencast http://bit.ly/d8Rj5x
This comment was originally posted on Twitter
LiveReload looks pretty cool: http://blog.envylabs.com/2010/07/livereload-screencast/
This comment was originally posted on Twitter
Still hitting reload every time you change your code/CSS /JS? Watch my LiveReload screencast: http://bit.ly/9ughTT (via @greggpollack)
This comment was originally posted on Twitter
golf clap
This comment was originally posted on Hacker News
LiveReload: Live updating of development CSS/JS/HTML in the browser: http://bit.ly/cdnzpE Comments: http://bit.ly/aaX4OK
This comment was originally posted on Twitter
LiveReload Screencast « Envy Labs http://bit.ly/cEKi7Z
This comment was originally posted on Twitter
LiveReload is awesome. http://bit.ly/9Vug3H How-to @ http://bit.ly/aYfSs0 Auto-sass/less support would be even ‘awesomer’
This comment was originally posted on Twitter
LiveReload: Live updating of development CSS/JS/HTML in the browser http://bit.ly/anJVdL
This comment was originally posted on Twitter
LiveReload: Live updating of development CSS/JS/HTML in the browser – http://su.pr/1bn36f
This comment was originally posted on Twitter
A timely find, Gregg, as I’ve been exploring websocket uses the last few days and Mikhail Gusarov’s LiveReload ranks high on my list of compelling websocket applications. I’m certain we’ll see many more sprouting up all over as the websocket standard is finalized and makes its way into all browsers. Presumably this is why MG couldn’t add Firefox support for LiveReload–yet. Although it probably won’t be long since FF 4 beta has websocket support.
Websockets are going to be the biggest thing since AJAX, I tell ya! A topic worthy of an EnvyCast, IMO. :-)
http://blog.envylabs.com/2010/07/livereload-screencast/ matches how i liked to develop pretty well. check it!
This comment was originally posted on Twitter
I must definitely add LiveReload support to RSpactor, awesome! http://bit.ly/aYfSs0 http://bit.ly/bqRFib http://bit.ly/bVcsjZ
This comment was originally posted on Twitter
@aitorgr conoces esto? http://blog.envylabs.com/2010/07/livereload-screencast/
This comment was originally posted on Twitter
Still hitting reload every time you change your code/CSS / JS? Watch my LiveReload screencast: http://bit.ly/9ughTT (via @greggpollack)
This comment was originally posted on Twitter
Live reload – http://bit.ly/9ughTT
This comment was originally posted on Twitter
Eso ya lo hace Coda! ;-) RT @xabi @aitorgr conoces esto? http://bit.ly/9pOAhI /cc @maxkuri @processblack (via @aitorgr)
This comment was originally posted on Twitter
Do not reload the browser after updating the code… seems very cool for integration! http://bit.ly/9pOAhI (via @julienXX, @greggpollack)
This comment was originally posted on Twitter
cool! RT @codemonkeyism: Live reload – http://bit.ly/9ughTT
This comment was originally posted on Twitter
@mikelorant http://blog.envylabs.com/2010/07/livereload-screencast/
This comment was originally posted on Twitter
Live Reload: Ruby Gem + Safari Extension = live updating of page resources (CSS, JS, HTML, …). http://bit.ly/9ughTT /via @evilhackerdude
This comment was originally posted on Twitter
クール。 RT @ codemonkeyism: Live reload – http://bit.ly/9ughTT
This comment was originally posted on Twitter
@dottedmag откусилась часть url, вот http://blog.envylabs.com/2010/07/livereload-screencast/
This comment was originally posted on Twitter
Still hitting reload every time you change your code/CSS /javascript? Watch my LiveReload screencast: http://bit.ly/9ughTT via @greggpollack
This comment was originally posted on Twitter
Now I really want to switch to Chrome and have a secondary monitor RT: @greggpollack: LiveReload screencast: http://bit.ly/9ughTT
This comment was originally posted on Twitter
Oh this is nice http://bit.ly/atRzoM no more F5 every time you change your CSS/HTML
This comment was originally posted on Twitter
Thanks! — RT @zefhous: LiveReload looks pretty cool: http://blog.envylabs.com/2010/07/livereload-screencast/)
This comment was originally posted on Twitter
Hitting reload every time you change your code/CSS /javascript? Watch @greggpollack’s LiveReload screencast: http://bit.ly/9ughTT
This comment was originally posted on Twitter
Great Tool!!!!
This comment was originally posted on FriendFeed
want to see your changes to html, css, js etc without hitting refresh every time? LiveReload is the answer http://bit.ly/atRzoM #ledtotd
This comment was originally posted on Twitter
http://blog.envylabs.com/2010/07/livereload-screencast/ – Live Reload, very good!!!!
This comment was originally posted on Twitter
The end of browser refresh in development: RT @codemonkeyism: Live reload – http://bit.ly/9ughTT
This comment was originally posted on Twitter
http://tinyurl.com/2v7ghxp
LiveReload Screencast « Envy Labs
This comment was originally posted on Twitter
LiveReload-Safari/Chrome extension+cmd-line tool CSS & js file changes without reloading RT @codemonkeyism http://bit.ly/9ughTT
This comment was originally posted on Twitter
Pretty awesome stuffz… tired of hitting Refresh every time you change some code / stylesheet? Check out LiveReload http://ow.ly/2a19m
This comment was originally posted on Twitter
This. Is. So. Awesome. Thanks for sharing this Gregg.
Nice tip. Funny how excited Greg was with it in the screencast. Thanks!
I think LiveReload is going to change the way I work… http://blog.envylabs.com/2010/07/livereload-screencast/
This comment was originally posted on Twitter
Got word of a really cool Rails plug-in that will auto-update a page when changed by an editor: http://bit.ly/9Vg3Li
This comment was originally posted on Twitter
This is a great tool when developing web pages : http://bit.ly/9pOAhI
This comment was originally posted on Twitter
Do not reload the browser after updating the code… seems very cool for integration! http://bit.ly/9pOAhI (via @marcgg)
This comment was originally posted on Twitter
LiveReload, muito bom pra quem trabalha com frontend http://bit.ly/9ughTT
This comment was originally posted on Twitter
Will this work with haml/sass/compass?? – it seems like it might if you added the haml file extension and had compass watch running in another terminal session.
LIKE SAME AS XREFRESH FOR FIREFOX
Die Drecksau! Geiles Teil! http://blog.envylabs.com/2010/07/livereload-screencast/
This comment was originally posted on Twitter
Very nice. Hope it sees native fs-event watching support soon.
Also I second Ben’s opinion about WebSockets.
Only insane people still messing around with comet crap :-)
Die Drecksau! Geiles Teil! http://blog.envylabs.com/2010/07/livereload-screencast/ (via @gissmog)
This comment was originally posted on Twitter
@igstan not sure this is what you mean…but have you seen Live reload http://bit.ly/9ughTT ?
This comment was originally posted on Twitter
LiveReload is cooool! Browser extension that applies CSS/JS changes after saving the file, without a reload. Demo – http://bit.ly/9pOAhI
This comment was originally posted on Twitter
@teabass you’ve probably heard about it on ruby5 already but if not go check it out. livereload: http://bit.ly/9pOAhI http://bit.ly/9pbM5i
This comment was originally posted on Twitter
LiveReload Screencast http://bit.ly/9pOAhI RT @marciogm: http://bit.ly/9pbM5i
This comment was originally posted on Twitter
@bast_po LiveReload: Awesomeness. http://bit.ly/9pOAhI
This comment was originally posted on Twitter
@Alan we use it whilst using compass watch as well. Works a treat. You could also look at this http://gist.github.com/472349 to handle processing lots of file types.
LiveReload is really neat, here’s a screencast: http://blog.envylabs.com/2010/07/livereload-screencast/
This comment was originally posted on Twitter
Apparently livereload now supports configuration. You can create a .livereload file either in your home or your project and do (I think):
config.exts << 'erb'
Except that the default now includes erb. I used it to add "rhtml" because my project still uses those (not for long) ;)
LiveReload is the bee’s knees. http://blog.envylabs.com/2010/07/livereload-screencast/ (hat tip to @envylabs)
This comment was originally posted on Twitter
it’s very cool!!
[...] 在開始使用 LiveReload 前，你可以先觀看由 EnvyLabs 拍攝的示範影片，了解使用方式。相信我，裝了它之後你就會愛上它了。 [...]
@jaffathecake Check out LiveReload http://bit.ly/9pbM5i, and the screencast http://bit.ly/9pOAhI src: Ruby5
This comment was originally posted on Twitter
If your a web developer working on OS X I urge you to check this out: LiveReload – http://bit.ly/9pOAhI
This comment was originally posted on Twitter
Voor de ontwikkelaars onder ons: Livereload, scheelt hoop refreshen. http://bit.ly/9pbM5i http://bit.ly/9pOAhI
This comment was originally posted on Twitter
See less.js, it does something similar without any server process or browser plugin.
http://ajaxian.com/archives/do-less-with-less-js
It’s pretty cool, but so is the mentioned app in this article. Though I don’t quite follow how the template reloading would work. That part is damn cool!, it doesn’t reload the whole page right? Or does it? I’m probably being optimistic thinking it actually somehow does only partial page updates.
@kagedwolf this is really cool: http://bit.ly/9ughTT
This comment was originally posted on Twitter
very cool – live reload : http://blog.envylabs.com/2010/07/livereload-screencast/
This comment was originally posted on Twitter
refresh the page? no thanks, livereload is awesome! those saved seconds sure add up, http://tinyurl.com/2v7ghxp — all credits to @dottedmag
This comment was originally posted on Twitter
@colchuck I think it’s only for Safari, but LiveReload works pretty well: http://bit.ly/bTkJjt
This comment was originally posted on Twitter
LiveReload Screencast « Envy Labs http://ow.ly/18gBrw
This comment was originally posted on Twitter
I do not understand how we made websites before http://0to255.com, livereload http://bit.ly/9ughTT and @forrst
This comment was originally posted on Twitter
descubriendo LiveReload gracias a @marcelinollano http://blog.envylabs.com/2010/07/livereload-screencast/
This comment was originally posted on Twitter
I can’t make it work!
I’m running Ubuntu Lucid and when I click the Chrome Extension icon it says “Cannot connect to LiveReload server. Please run livereload command from the directory you want to watch.” but the server it’s running in the folder I want to watch.
Version: 1.3 (compatible with browser extension versions 1.3.x)
Port: 10083
Watching: /home/movihus/code/repo/inventario_impresoras
– extensions: .html .css .js .png .gif .jpg .php .php5 .py .rb .erb
– excluding changes in: */.git/* */.svn/* */.hg/*
LiveReload is waiting for browser to connect.
What’s wrong?
@juarezpaf para Chrome e Safari: http://blog.envylabs.com/2010/07/livereload-screencast/
This comment was originally posted on Twitter
.@juarezpaf para Chrome e Safari: http://blog.envylabs.com/2010/07/livereload-screencast //Ótima dica, já estou usando. =D
This comment was originally posted on Twitter
.@philipefarias @juarezpaf para Chrome e Safari: http://blog.envylabs.com/2010/07/livereload-screencast //Ótima dica, já estou usando. =D
This comment was originally posted on Twitter
Optimo @philipefarias @juarezpaf para Chrome e Safari: http://bit.ly/c8NFxY //Ótima dica, (via @juarezpaf)
This comment was originally posted on Twitter
Very good!!!
Thanks for share :)
Trying LiveReload with Catalyst apps http://bit.ly/b6b6Rj http://bit.ly/aJriWo #perl #catalyst (thx @PauloGaspar7 for the tip)
This comment was originally posted on Twitter