diff --git a/Gruntfile.js b/Gruntfile.js index c7eaa64..5d28f91 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -88,6 +88,8 @@ module.exports = function(grunt) { connect: { server: { options: { + livereload: true, + hostname: '0.0.0.0', port: 8000, base: './' } diff --git a/README.md b/README.md index 84c5914..eb890b6 100644 --- a/README.md +++ b/README.md @@ -173,7 +173,7 @@ Aside from the above mentioned browsers, Hover.css is supported across all major ## Using Grunt for Development -Grunt is non-essential but can speed up development. With [Grunt installed](http://gruntjs.com/getting-started), run `grunt` from the command line to set up a development server accessed at [http://127.0.0.1:8000/](http://127.0.0.1:8000/). With Grunt running, Sass or LESS will be preprocessed (depending on whether you work out of the `scss` or `less` folder) and CSS files will be minified. +Grunt is non-essential but can speed up development. With [Grunt installed](http://gruntjs.com/getting-started), run `grunt` from the command line to set up a development server accessed at [http://127.0.0.1:8000/](http://127.0.0.1:8000/) or your local IP for network testing. With Grunt running, Sass or LESS will be preprocessed (depending on whether you work out of the `scss` or `less` folder) and CSS files will be minified. **Note:** Originally Grunt was set up to autoprefix CSS properties but to make the project as accessible as possible, this is no longer the case. The `prefixed(property, value)` Sass/LESS mixin should be used for browser prefixing instead. See [Using Sass/LESS for Development](#using-sassless-for-development) and [Using LESS for Development].