Get started
IM Framework v2.0.1

1. Structure

Source files are in the directory ./src

  • components pieces of html-code
  • content files which are not used directly by framework
  • src framework`s source files
    • img IMG files
    • fonts FONT files
    • js source JavaScript
      • main.js root JavaScript file (can be used for custom code)
      • jquery-plugins framework`s jQuery plugins
      • jquery-components various important and custom jQuery components
    • scss source SCSS
      • components various useful components
      • controls SCSS for all form controls and buttons
      • main main and important SCSS files
      • site custom SCSS files
      • animate.scss CSS animations
      • style.scss root SCSS file
  • server various custom php and json files for emulate AJAX responses
  • .gitignore
  • gulpfile.js
  • .htaccess
  • package.json
  • index.html

2. Configure Gulp.JS

1. Choose vendor libs in const vendors = []

2. Choose framework`s plugins in const vendors = []

3. If it is necessary - edit gulp task scripts

4. Build project

$ npm install
$ bower install
$ gulp build
$ gulp watch

5. Configure SCSS

You can set most of properties in ./src/scss/main/_variables.scss

Also you can change every file match your design