あと味

たくさん情報を食べて、たくさん発信すると、あとになって味わい深い。

Sass

watchオプションの使い方

Less & Sass Advent calendar 2011の11日目です。Sassは自分がコーディング担当の案件は、確実に使っているのですが、まだまだ表面的な使い方しかできてないのかなと、Advent Calendarの他の記事を見ると感じます。さて、Sassを使ってCSSを書いていく時には…

最近の案件でのSassの運用

今進めている案件で、Sass + YUIを使っています。どんな感じに運用しているかを紹介するとともに、自分用のメモとしてまとめておきます。 SCSSファイルの全容 _yui-reset.scss _yui-reset.scss は、YUI 3 CSS Resetをファイル名と拡張子だけ変更したファイル…

SassをWindowsにインストールする

Sassについて話してから、うまく動かないなどの問合せをいただきます。インストールはやっぱり完全初めてだと難しいんですね。その反省も込めて、Windowsでのインストール方法を説明することにします。手元にWindows XPしかないので、Windows XPでの操作説明…

UPGRADE JAPAN!!で「Sassられ指南」というセッションを担当しました

先週の土曜日にUPGRADE JAPAN!!というチャリティイベントにスピーカーの一人として参加しました。マスコミの取材とかもいたようで、このような大きなイベントになるとはビックリ。義援金も20万円超集まったそうです。よかった。ということで、話した内容を、…

Sassの@extendでCSSとHTMLをシンプルに

明日、UPGRADE JAPANにて、Sassについて話す予定です。それ用にSassの記事増やしておきたかったんですけど、あまりそれもできず。しばらくは、UPGRADE JAPANのフォローアップとして、いくつかSassの記事を投稿する予定です。さて、「Sassの@extendでCSSとHTM…

SassでCSS Spritesをなるべく簡単に書きたい

前段 Sass始めました。くそ便利ですねこれ。 したいこと 以下のような幅の違う横長なナビゲーションがあると想定して、これをCSS Spritesを使ってなるべく簡単にCSSを書きたい。CSS Spritesは手計算でやるとくそメンドイので。 ┏━━━┳━━━━━┳━┳━━┳━━━┓ ┗━━━┻━━…