项目作者: renekreupl

项目描述 :
Frontend Base | HTML5, SASS & Gulp
高级语言: SCSS
项目地址: git://github.com/renekreupl/phoenixBase.git
创建时间: 2016-06-28T12:38:20Z
项目社区:https://github.com/renekreupl/phoenixBase

开源协议:MIT License

下载


[phoenixBase - a Frontend Boilerplate]

  • NPM
  • Gulp Tasks
  • Build Config (TYPO3 and WordPress Examples includes)
  • SASS Base

Feel free creating issues for bugs and wishes.

Table of contents

Quick start

  • clone or download the repo
  • install editorconfig in your ide (if you want use it - plugins aviable for phpstorm, coda and a lot more)
  • install packages with npm and run building task in gulp
  1. npm install
  2. gulp build
  • now you can start developing with
  1. gulp watch

What’s included

a lot

Dokumentation

NPM and GULP

you need install node/npm and gulp

SCSS Lint

if you want use scss-lint install it

  1. gem install scss_lint
  2. or
  3. sudo gem install scss_lint

gulp task for scss-lint

  1. gulp scss-lint

SCSS-Lint Doku
https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md

Webfonts

You can use Google Fonts with JS webfontloader, or store webfonts in a “fonts” dir

SVG USe

  1. .class {
  2. &:before {
  3. @include sprite(twitter);
  4. content: '';
  5. float: left;
  6. margin-right: 0.5em;
  7. }
  8. &:hover {
  9. &:before {
  10. @include sprite(twitterHover, bg);
  11. }
  12. }
  13. }

ToDo

http://zellwk.com/blog/nunjucks-with-gulp/
https://www.npmjs.com/package/gulp-svgstore
https://github.com/addyosmani/critical

Creator

Rene Kreupl

Credits and Thanks to

Code and documentation copyright 2018 Rene Kreupl,
Code released under the MIT license. Docs released under Creative Commons.