Frontplate

個人的に利用しているWeb制作テンプレート

Dependence

• Gulp
• Browserify

Tasks

最初に必要なモジュールをインストール

npm install

ファイル監視の実行 & サーバー起動

# pc
gulp

# sp
gulp -sp

スプライト画像生成

images/spites以下のディレクトリごとにスプライト画像とsassファイルを出力

• スプライト画像 - images/sprites/*.png
• sass - sass/sprites/_*.scss

# pc
gulp sprite

# sp
gulp sprite -sp

サーバーのみ起動

# pc
gulp serv

# sp
gulp serv -sp

Minify

# pc
gulp -min

# sp
gulp -sp -min

Plugins

• browser-sync
• gulp-autoprefixer
• gulp-htmlhint
• gulp-imagemin
• gulp-jshint
• gulp-load-plugins
• gulp-plumber
• gulp-sass
• gulp.spritesmith
• gulp-foreach
• jshint-stylish
• gulp-browserify
• gulp-ejs
• gulp-frontnote
• gulp-notify
• gulp-csso
• gulp-uglify
• gulp-w3cjs

Library

• jQuery
• modernizr
• sass-mediaqueries

history

• 0.1.0 - Full renewal.
• 0.0.2 - Remove gulp-sprite-glue. Add gulp.spritesmith. And minor bug fix.
• 0.0.1 - release