[Grunt & Yeoman] time-grunt で Task の実行時間を計測する
プラグインのロード時間を計測したくなって見つけました。
続きを読む »
[Grunt & Yeoman] grunt-ect テンプレートを使って HTML を生成する
引き続き、テンプレートエンジンについて試してみました。
続きを読む »
[Grunt & Yeoman] grunt-simple-ejs テンプレートを使って HTML を生成する
head や aside、nav などの共通要素をはめ込んで、数十ページのスタティックなHTMLを作成したく、テンプレートエンジンを調べたところ、grunt-simple-ejs を見つけたので使ってみました。
続きを読む »
[Grunt & Yeoman] grunt-bower-task で font-awesome をレイアウトする場合の注意点
ファイルの配置をした後に表示されなかったので確認した時のメモ。
続きを読む »
[Front-End General] Grunt: Webページの表示高速化について考える（画像最適化編）
画像フォーマットと最適化と言っても、いろいろな方法がありますね。
圧縮率という観点から比較してみました。
続きを読む »
[Front-End General] HTML5 Canvas で表現した画像を grunt-contrib-uglify で最適化する
外部JS化の後、minify してみます。
続きを読む »
[Front-End General] SVG まわりの状況と、SVGO によるファイル最適化
現在の状況について調べたら、既に SVG は実用レベルなのかもと思った。
続きを読む »
[Front-End General] ImageOptim-CLI で画像ファイルを最適化する
ImageOptim, ImageAlpha, JPEGmini をコマンドラインから利用する。
続きを読む »
[Front-End General] Grunt: Webページの表示高速化について考える（JavaScript・CSS編）
なぜ JavaScript や CSS を、concat, minify, compress するのか。
Grunt プラグインを通して考える。
続きを読む »
[Grunt & Yeoman] grunt-contrib-compress で JavaScript や CSS ファイルを gzip する
grunt-contrib-compress で、JavaScript や CSS を gzip します。
続きを読む »