Emmet LiveStyle: Live Editor<->Browser CSS Editing

Emmet LiveStyle is a browser and editor plugin that brings live CSS editing to our workflows with a simple setup.

It is currently available as Chrome, Safari and Sublime Text plugins (more is planned) and supports bi-directional (editor to browser and vice-versa) editing.

Compared to alternatives, it has a big difference, Emmet LiveStyle doesn’t replace the CSS when editing but “creates a map of changes” which is great to easily find out what is changed.

Emmet LiveStyle

Once installed, defining the local and the live CSS files are enough to get started, it handles the rest.

It even works in multiple devices or views. An update made will be auto-applied (with no refresh) to all devices which is awesome for compatibility and responsive testing.