Ideo-metric
Basic as hell responsive boilerplate.
Getting started
Do this first if you want to use gulp.
npm install gulp gulp-load-plugins gulp-autoprefixer gulp-uncss browsersync gulp-minify-css gulp-watch gulp-sass gulp-concat --save-dev
A few different ways to get going:
- For the stable version: Get the ZIP
- For the actively developed version: clone the repo
git clone https://github.com/gretzky/ideo-metric.git
Or, if you prefer,
bower install ideo-metric
npm install ideo-metric
What's in the box?
The Sass build, the main CSS, a gulpfile, and a blank index.html boilerplate.
ideo-metric/
├── index.html
├── gulpfile.js
├── sass/
│ ├── ideo.scss/
│ ├── base/
│ │ ├── _base_styles.scss
│ │ ├── _functions.scss
│ │ ├── _typography.scss
│ │ ├── _utils.scss
│ │ └── _variables.scss
│ └── modules/
│ ├── _buttons.scss
│ ├── _forms.scss
│ ├── _grid.scss
│ ├── _lists.scss
│ ├── _media-queries.scss
│ ├── _spacing.scss
│ └── _variables.scss
└── css/
└── ideo.css
What sets it apart
- Just under 300 lines of unminified CSS, including comments.
- No normalize, reset, or other components. Just basic bitch CSS.
- No UI frameworks whatsoever.
- Gulpfile with BrowserSync and a pipeline to do all the things ain't nobody got time for.
- Bare minimum design components, because not every project uses rounded buttons or Roboto.
If you're lazy like me and need a generator that has (almost) literally everything and will install it all for you, check out generator-don-cherry.
Browser support
Everything but IE < 9.
License
Colophon
Ideo-metric has been brought to you by the following