Commercial project with a purely modular approach and CMS like editing capabilities. A conceptual selling point of a project is a solution. Project owner should be able to create landing pages based on shared modules and at the same time deeply customize them in case of need.
- PostCSS - CSS postprocessor.
- Handlebars.js - Main templating engine.
jQuery- Dependency removed. Reason: the only two methods from jQuery that project relies on are
scrollAnimation. Both have been replaced with native ES6 implementations.
- Polyfill - Polyfill service that adapts to browser version at runtime.
Code follows BEM methodology.
Compass- Dependency removed. Reason: Compass is a Ruby-based CSS compiler with a bunch of predefined mixins. During project development, it became clear, that Compass was only used for its autoprefixers. So Compass was replaced with C++ alternative LibSass. This decreased compilation time and removed Ruby dependency. Browser compatibility is being ensured using Autoprefixer from the PostCSS bundle.
- LibSass - C++ port of Sass engine.
- Autoprefixer - Adds vendor prefixes to CSS rules.
The only external requirement is an up to date Node.js installation. Please follow the official guidelines to install or update it on your system.
Use the following commands to launch the project:
$ npm install- Installs all project dependencies.
bower installis launched automatically using npm postinstall method.
$ npm start- Launches JS and CSS automations. Starts the project on default port -
$ npm run js- Concats all JS files, compiles them using Babel and Uglifies the output.
$ npm run sass- Compiles CSS using LibSass and launches PostCSS processes.
$ npm run watch- Runs watch tasks for both JS and SCSS.
The last two versions of the following browsers are officially supported:
- Internet Explorer 10+
The project can still be used in older browser versions, but comprehensive testing will be performed only in versions mentioned above.
Copyright 2016 Sensor Focus Inc