Solid Webapp

Basic and solid boilerplate front-end for web apps.

Quick start

1. Node.js, Git and.
2. gulp.js and eslint globally installed: npm install -g gulp eslint.
3. Clone the repo: git clone https://github.com/ramasilveyra/solid-webapp.git.
4. Run in node prompt npm install.
5. Run gulp see the magic and start develop.

Features

CSS

• CSS4+ with postcss + cssnext
• CSS inline import with postcss-partial-import
• CSS lint with stylelint
• CSS Autoprefixing
• Minify
• Sourcemaps

JavaScript

• ES6 ready with babelify
• Support for multiple bundles
• Source JS lint with eslint
• Minify with Uglify
• Sourcemaps

Images

• Lossless compression of svg png jpg and gif
• Image sprite generator

Tests

• Performance audit with PageSpeed Insights
• Accessibility audit with a11y
• Tests with mocha for Continuos Integration

Other

• BrowserSync for synchronising URLs, interactions and code changes across multiple devices while develop
• The gulpfile makes use of ES6 features by using Babel
• A custom Modernizr build for feature detection
• Automate Favicons generator for Home page icon and web app meta files for Android, iOS, Firefox, Windows 8.1, and Yandex Browser
• An optimized Google Analytics snippet

Support

• IE9+
• Firefox latest
• Chrome latest
• Safari latest
• Opera latest
• BlackBerry 10+
• Android/Chrome 2.3+
• IE Mobile 10+

Inspiration

• HTML5 boilerplate
• Mobile HTML5 boilerplate
• Web Starter Kit
• gulp-starter

Documentation

Take a look at the documentation page.

License

The code is available under the MIT license.