Merge pull request gulpjs#580 from shakyShane/master

Docs: Added server example with BrowserSync

docs/recipes/server-with-livereload-and-css-injection.md

@@ -0,0 +1,75 @@
+#Server with live-reloading and CSS Injection.
+
+With BrowserSync and gulp, you can easily create a development server that is accessible to any device on the same WIFI network. BrowserSync 
+also has live-reload built in, so there's nothing else to configure.
+
+First install the module:
+
+```bash
+npm install browser-sync --save-dev
+```
+
+Then, considering the following file structure...
+
+```
+gulpfile.js
+app/
+  styles/
+    main.css
+  scripts/
+    main.js
+  index.html
+```
+
+... you can easily serve files from the `app` directory and have all browsers reload when any of them change with the following:
+
+```
+var browserSync = require('browser-sync');
+var reload      = browserSync.reload;
+
+// Watch Files For Changes & Reload
+gulp.task('serve', function () {
+  browserSync({
+    server: {
+      baseDir: 'app'
+    }
+  });
+
+  gulp.watch(['*.html', 'styles/**/*.css', 'scripts/**/*.js'], reload);
+});
+
+```
+
+###+ CSS pre-processors
+
+A common use-case is to reload CSS files after they've been pre-processed. Using SASS as an example, this is how you can instruct
+browsers to reload CSS without doing a full-page refresh.
+
+```js
+var sass        = require("gulp-ruby-sass");
+var browserSync = require('browser-sync');
+var reload      = browserSync.reload;
+
+gulp.task('sass', function () {
+  gulp.src('scss/styles.scss')
+    .pipe(sass())
+    .pipe(gulp.dest('css'))
+    .pipe(reload({stream:true}));
+});
+
+// Watch Files For Changes & Reload
+gulp.task('serve', function () {
+  browserSync({
+    server: {
+      baseDir: 'app'
+    }
+  });
+
+  gulp.watch('scss/*.scss', ['sass']);
+});
+```
+
+###Extras
+
+- Live reload, CSS injection and scroll/form syncing works seamlessly inside of [Browser Stack](http://www.browserstack.com/) Virtual machines.
+- Set `tunnel: true` to view your local site at a public URL (complete with all BrowserSync features).