[Front-End General] CSS Architecture (OOCSS, SMACSS, BEM, FLOCSS) に関する日本語情報ソースまとめ

何度も読み直すことになりそうなので、必要なソースをまとめておきます。
続きを読む »

[Front-End General] StyleStats で CSS Selector の数を確認する

middleman を利用しているプロジェクトでは compass stats できなかったので、代替手段を探しました。
続きを読む »

[Grunt & Yeoman] grunt-imageoptim で画像を最適化する

ImageOptim, ImageAlpha and JPEGmini for Mac. を grunt から動かします。
続きを読む »

[Grunt & Yeoman] grunt-init でプロジェクトのひな型を scaffold する

grunt プロジェクトを始めるときに楽したい。
いわゆる scaffold 的なツールでカスタムテンプレートも登録できる。
続きを読む »

[Front-End General] js2coffee で JavaScript ファイルを CoffeeScript ファイルに変換する

[Grunt & Yeoman] Compass と grunt-contrib-compass を組み合わせて sourcemap をエラーなしで生成する

以前のバージョンではエラーが発生して、うまく動かなかった sourcemap が生成されました。
続きを読む »

[npm & Bower] npm: package.json の内容に関する情報

[Grunt & Yeoman] grunt-markdown-pdf で markdown を pdf に変換する

markdown で書いた手順書の配布にあたって、閲覧できないユーザーがいると困るのでフォーマットを変換したい。
続きを読む »

[Grunt & Yeoman] grunt-php で PHP のビルドインサーバを使う

grunt-php でプレビューサーバを立ち上げます。
続きを読む »

[npm & Bower] npm-check-updates: package.json 内の npm version を一括で最新に書き換える

package.json 内の ~0.5.0 といったバージョン番号を、コマンド一発で最新バージョン番号に書き換えてくれます。
続きを読む »