[Middleman 3] Middleman: CSS の image や font url には URL ヘルパを使おう

Middleman や Rails のような Compass をつかったプロジェクトで image や font url を書く場合は、Compass URL Helpers を使おう。
を忘れるので memo.
続きを読む »

[Middleman 3] Middleman: anchor tag はテンプレートヘルパを使おう

Middleman や Rails プロジェクトで a tag を書く場合は、テンプレートヘルパを使おう。
を忘れるので memo.
続きを読む »

[Middleman 3] Middleman: image tag はテンプレートヘルパを使おう

Middleman や Rails プロジェクトで img tag を書く場合は、テンプレートヘルパを使おう。
を忘れるので memo.
続きを読む »

[Middleman 3] middleman build が完了したら Mac OS X の通知センターへ通知する

前回の内容を利用して、middleman build 後に通知します。
続きを読む »

[Middleman 3] middleman build にオプションをつける

例えば middleman build -e production
続きを読む »

[Middleman 3] Middleman で Susy2 と Breakpoint をつかう

gem install 後、設定なしで利用することができました。
続きを読む »

[Middleman 3] Middleman で CSS Sprite をつかう

特に画像パスの設定・調整の必要は無く、すぐに使えました。
続きを読む »

[Middleman 3] Middleman のテンプレートをつかって sitemap.xml を生成する

erb テンプレートをつかって、Sitemap XML を作成します。
続きを読む »

[Middleman 3] middleman-favicon-maker で favicon, icon image を生成する

Favicon maker という gem をつかって、色々なサイズの icon 類を作成します。
続きを読む »

[Middleman 3] middleman-imageoptim で画像を最適化する

公式で一行触れられているだけの画像圧縮について。
利用しようと思ったら、いろいろ追加が必要でした。
続きを読む »