Just type in the editor and the browsers update as you go. No need to save or switch to the browsers and back.
Any suggestions?
Thanx
Just type in the editor and the browsers update as you go. No need to save or switch to the browsers and back.
Any suggestions?
Thanx
http://brackets.io/ seems to offer what you are looking for - but I have no idea how well this works in real life.
For CSS only, have a look at http://livestyle.emmet.io/
This only works with Sublime Text, but offers exactly that: live view of changes. I haven't tried this out yet myself, but I can at least vouch that Sublime Text is a good editor.
What I prefer to do is use Chrome Workspaces (part of the regular Chrome developer tools) to write changes I make in the browser back to the source files.
I usually limit myself to changes to CSS in the elements view, but you can edit any source file, and the editor that Chrome uses on its Sources tab is serviceable for smaller changes.
An introduction to how Chrome Workspaces function: https://plus.google.com/+AddyOsmani/posts/CYXzDfg3jhC
IntelliJ removes the need to save and is my preference, but still requires you to refresh the browser.
I'd claim that due to differences in the rendering engine you should be using one of the major browsers rather than a tool's built in rendering engine as you risk having to refactor much of your code if it's outdated or poorly implemented.
There may be a browser plugin for some of the browsers that refreshes the page for you, but I can imagine this being a bit annoying.. Does it refresh for every keystroke? For every completed word? Every completed tag?
TinCr for Chrome doesn't by default refresh the browser on change, but can be configured to do so easily. You can fine-tune the frequency of changes. Worth noting: it's a Chrome Developer Tool.