Live preview with Browsersync

We are excited to announce the availability of live preview for HTML projects, using Browsersync.

Browsersync is a fantastic piece of software that allows real-time updating of a browser window when a file (e.g. HTML, CSS, JavaScript) gets updated without requiring any action from the developer. This way developers can develop their websites with less friction, without having to refresh the tab of their application every time they update it, even if they are using separate screens to develop and view their websites respectively.

It doesn't stop there though. If you edit a CSS file of your web page, Browsersync will automatically inject just that file to your page, as you save it, without reloading the whole browser window. This means that even if you have updated the contents of your page with JavaScript or the developer tools of your browser, it won't lose it's state.

Browsersync in action

Lastly, another amazing use case of Browsersync on SourceLair is when showcasing your project or collaborating remotely. That's because Browsersync pushes updates to your files in real time across all browser windows -- even to those of your clients or coworkers.

So head to www.sourcelair.com and enjoy developing and showcasing your websites frictionlessly.

Where you can get

Updates and contact us

You can check out product updates at the SourceLair blog, or learn more about us at State of Progress, where we share our thoughts on software development and management.

Stay in touch

You can reach out to us at Twitter, Facebook, Instagram or email us at [email protected].