4 ms·
I personally prefer a different approach. I open both the browser and my favourite editor on the same desktop. I edit my HTML/CSS stuff and as soon as I hit "sa
by vog 15y ago
I personally prefer a different approach. I open both the browser and my favourite editor on the same desktop. I edit my HTML/CSS stuff and as soon as I hit "save", it is shown immediately in the browser. All you need to do is:
1. Add a <meta> refresh tag to refresh the page once per second. Alternatively, with one line of JavaScript you can refresh even more frequently, e.g. immediately after "on load".
2. Bonus: Use a tiling window manager such as WMII, which automatically adjust the size of your editor window if you resize your browser window, and vice versa. That way, you get some kind of "split mode" and don't have to struggle with resizing multiple overlapping windows.
In summary, using auto-refresh + tiling window manager resulted a big increase in comfort for me. Not only during CSS development.
A bit off-topic, but related: If your target runs in the command line, the Unix command "watch" is a perfect auto-reloader:
watch --interval=0 your-app
For instance, debugging some PHP code by auto-rerunning the test suite might look like this:
watch --interval=0 php run-tests.php
This gives you immediate feedback after hitting "Save" in your editor, without even having to struggle with your browser.
- vog 15y agoLink to WMII, to get an impression: http://wmii.suckless.org/ http://wmii.suckless.org/