LiveReload is a Mac-only menu bar app that is quite helpful for web developers. Just tell it to watch a specific folder, and when a file is saved, the browser will automatically refresh showing the change. So no need to switch applications and manually refresh, which is awkward and prone to breaking concentration.
Even better, LiveReload can trigger all the preprocessing to happen first. So if you like to work in SASS, Compass, LESS, Jade, CoffeeScript, Eco, HAML, Slim, or Stylus (or would like to try out working with these languages) LiveReload makes it easy. Essentially, just start making files with the appropriate file extention and LiveReload will compile them down to their native language every time the file is saved.
Do anyone know if there is a similar program for windows?
same question here :)
While the Windows version of LiveReload is under development you could try XRefresh
Side note: Ah, the things you find with Spotlight.
hey Chris, umm, isn’t “developement” spelt “development”?
Will LIVERELOAD work on WordPress files that aren’t local (i.e. server)?
I’m your fan man!!! Thank you soo much!
Finally i can work with slim in static pages!
Didn’t work for me..
UPDATE: Working. Had to refresh browser and LiveReload app.
Hi, i work with STHML files, that the way i use includes. So the LiveReload don’t watch these files.
Its any configuration that can i do to solve this problem?
Work fine in my css files, when i saved the page automatically shows the changes, but when i saved my SHTML file nothing happen.
Thank you;
Hey, sure! When you click the monitoring Options button, you’ll be able to enter additional extensions to monitor.
Now its works!! :)
Great tips here! Would love to see a screencast on using SASS/LESS with WordPress or another CMS (eg should you compile locally and upload the CSS file, or have Ruby watch the theme directory and compile when changes or uploaded, etc).
I Agree with Matt. It will be nice to see such screencast. :D
! thank you criss
how about using custom posts and taxonomy and hooks in wordpress
thank you
I dont know but you still got audience who uses Windows ??
awesome! I’m going to be using this for sure!
I need to learn more about LESS and JADE…
Chris, please do some videos on these :)
YEs!, it will nice to see a video just about that!.
Can you use LiveReload to work locally with WordPress files thru MAMP?
sure.
The
#BADA55
was a funny touch…Funny elements in videos make them more enjoyable and sassy…
Can you use LIVE Reload if your wordpress theme is not running locally but on a server like Media Temple?
Linux versions would also be greatly appreciated by some people. :)
It’s not too difficult to write our own daemon for that
You really made my day :)
Does LiveReload 2.3.5 still automatically place the icon in the menu bar?
When I open the app, nothing appears there, so really not sure how to get it to watch folders (this video 1:47s)
Any thoughts, is it just me :)?
Try this for windows.
https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en
Live Reload is also available for Windows as a Sublime Text plugin: Live Reload for Sublime Text
Hello every body,
I am a new guy to the css-tricks and also for web designing.
I want to use the dreamweaver
i need
tongal menu bar in html and css
place send me filles