boilerplate-adigit

0.5.5 • Public • Published

boilerplate-adigit

for install my boilerplate it's easily, yoi can use npm

npm install boilerplate-adigit

and after you can move up in the tree to the folder boilerplate-adigit for run the gulp's task

inside this boilerplate there is two tools.


a task runner Gulp:

for using my gulp task it's very simple

in order:

  • to build the css with sass and have a server browser -sync just launch the task 'gulp sass:watch'
  • to check your css and js syntax, just launch the task 'gulp test'
  • to put the HTML in production, just launch the task 'gulp html' and after launch 'gulp' for minify css and js

if you want to minify the html you cant use the task 'gulp html-min' and after 'gulp' if you want to minify all file you can use 'gulp minify'

for bower user

if you use bower i put in the boilerplate a .bowerrc for rename the bower_component in the lib folder and he move into the dev folder.

you cant use almost the same task something close, you launch 'gulp html' and after 'gulp bower' for minify css and js and move your bower folder in the dist folder and for minify HTML just launch 'gulp html-min' and after 'gupl minify-bower'


a micro framework css build with sass and inspired to bootstrap syntax.

  • there is a :
  • responsive grid, she is a mobile first view grid and she has 12 column
<div class="col-2">col 1</div>
<div class="col-m_2">col 1</div>
<div class="col-l-2">col 1</div>
  • alert box :
<div class="alert alert-danger">danger</div>
<div class="alert alert-success">success</div>
<div class="alert alert-info">info</div>
<div class="alert alert-warning">warning</div>
  • button design with material wave :
<div class="btn btn-danger waves-effect">danger</div>
<div class="btn btn-success">success</div>
<div class="btn btn-info">info</div>
  • input with material design
<div class="field">
<label for="object" class="field-label">Object</label>
<input type="text" id="object" name="object" class="field-input">
</div>            
  • normalize css
  • font roboto
  • transition / transform / animation css3

This framework is totaly open sources and you can change it whithout any problem is under the MIT license


| nb: thanks to read my bad english, i'm so sorry for that

Package Sidebar

Install

npm i boilerplate-adigit

Weekly Downloads

2

Version

0.5.5

License

MIT

Last publish

Collaborators

  • adigit