https://github.com/coderiver/bweb
https://github.com/coderiver/bweb
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/coderiver/bweb
- Owner: coderiver
- Created: 2015-11-25T09:19:21.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2015-11-30T13:54:38.000Z (over 10 years ago)
- Last Synced: 2025-06-03T10:31:12.635Z (about 1 year ago)
- Language: HTML
- Size: 23.4 MB
- Stars: 0
- Watchers: 14
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Gulp Boilerplate for generic CSS/HTML/JS development
=============
riverco.de gulp boilerplate.
Structure
=============
`/src` - thats where you write code.
`/site` - compiled code.
We have two options for building html
`/src/index.html` and `/src/partials/` - will be parsed with gulp-rigger.
Optinally one can use jade (it's commented in gulpfile.js). Basic templated is in `/src/jade/`
What is happening
=============
_Sass_ is compiled and postprocessed with wonderfull Autoprefixer.
`src/img/icons` are joined into sprite, which could be used in Sass like this
```
.icon
+s(icon_name)
```
`src/img/svg` are joined into font, and can be used like this
```
```
Naming blocks
=============
I use BEM naming, meaning `.block` for independent block. `.block__element` for elements inside that block. And `.block_modification` for modification of the block.
`layouts.sass` consists of all the columns-header-footer stuff, all with `.l-*` prefixes. So you know it's layout.
States of the blocks use prefix `.is-*`. For example `.is-running`, `.is-hidden`, `.is-open`.
Hooks for js should use prefix `.js-*`.