In this quick video tutorial I'm going to introduce you to BrowserSync, a tool so good Google built it into their recent Web Starter Kit. You can think of BrowserSync as being a bit like LiveReload (it watches for changes you make to a web page and automatically updates the browser), except that it also works across multiple devices.
BrowserSync has a ton of features, including things like Action Sync which allows synchronized devices to scroll and click in unison. It can be used with task runners such as Grunt and Gulp, though today we're going to use it as a standalone tool. And it does loads more besides. Let's dive in!
Watch Screencast
Download the video or subscribe to Tuts+ Web Design on Youtube.
Useful Links
- www.browsersync.io
- Google Web Starter Kit docs: Synchronize testing across devices
- Get up and Running with Google Web Starter Kit
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post