1. Web Design
  2. BrowserSync

A Quick Introduction to BrowserSync

Read Time:1 minLanguages:

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

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.