[Middleman 3] Middleman: プロジェクトファイルを SASS, Haml 変換し設定する

middleman v.4.0 のリリースが近づいているようなので、これまで触って得たナレッジをまとめておきたいシリーズ。
続きを読む »

[Sass & Compass] CSS Lint の vendor prefix WARNING から Can I use, Autoprefixer, Compass の確認まで

CSS Lint で怒られたので確認してみます。
続きを読む »

[Front-End General] Sass プロジェクトファイルの構成事例

[Sass & Compass] Sass で BEM を使う場合の syntax を確認する

Sass 3.3 から & (Ampersand) で表現できるようになっているので、その記法を確認します。
続きを読む »

[Sass & Compass] Sass 記法 (indented syntax) 入門

CSS にもだいぶ慣れてきて中括弧の厳しさが勝ってきたので、.scss (Sassy CSS) から .sass 記法に乗り換えます。
続きを読む »

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

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

[HTML & CSS General] CSS: テキストに水平線をオーバーレイする mixin

画像なし。作り方が分からないシリーズ。
続きを読む »

[HTML & CSS General] CSS: グラデーションのボーダー mixin

作り方が分からないシリーズ。
見出しなどの要素の下にグラデーションのボーダーを引きたい。
続きを読む »

[HTML & CSS General] CSS: 画像をつかわない吹き出し mixin

見たことはあるけれど作り方が分からないので調べました。
続きを読む »

[Sass & Compass] Sass / Compass 入門 最初に読むべき3つのソース+1

いろいろ触ったり調べたりした結果、最速で入門するならばこれだったなという情報を反省も込めて memo.
続きを読む »