Front-End Dev Boilerplate with Automatic Build, Watch & Live Reload

Although there are a lot of boilerplates out there, creating your own makes sure that you have full understanding and control over your codebase.

This article will guide you through creating of an initial setup for modern front-end development, including:

  • CommonJS Modules
  • Gulp as build tool
  • App config file
  • Local dev server with gulp-live-server
  • Live reload with BrowserSync
  • SASS compilation and bundling with gulp-concat and gulp-sass
  • JS compilation and bundling with Browserify and vinyl-source-stream
  • JS linting with gulp-eslint

Read more

IE Compatibility Mode

You work hard on making it look good. You fine-tune your fancy CSS3 features. You know that you did a good job and you feel proud. Until you deliver it to the client

First you don’t understand what they are complaining about. They send you screenshots and it looks totally messed up. No gradients and rounded corners, elements are shifted.

After a while you figure out what is wrong: they are viewing it in “Compatibility mode”. Why does it happen to them and not you? Well, the short answer is that you are viewing the website on your local machine and they view it on an “intranet” (more about it later).

Read more