@kotarokさんが最近おすすめツイートをされてるので気になっていたSassとやら。よくわからないけど便利らしい…ってことで、プログラミング経験ゼロですけど挑戦してみました。 こちらはその導入のきっかけとなった会話。 コーダーだけでなく、デザイナーでもちょっと興味湧きません?
気になったところをつらつらメモ。 SASS/Compass入門(@ispernさん) SASSとCompass SASSは、CSSを生成するためのメタ言語。1ファイルのみ扱う想定。 Compassは、SASSに加えてディレクトリごと扱えるような環境を提供している。 いずれも、gemになっているので、コンパイル(scssファイルからCSSファイルへの変換)にはrubyが必要。 Sencha TouchはCompassを使っている。 デフォルトで青色ベースになっているのは、変数で切り出されているため。 そこを変えればUIを変えることができる。 SASSの特徴 変数が使える 親子関係をネストで書ける(CSSではフラットにしか書けない) 親セレクタは&で書ける .font{ size: …, family: …} font-size: …, font-family: … データ型(string/c
CSSはプログラマ向けの言語ではないため、最初は理解しやすいが、複雑な記述が入り交じっていくとメンテナンスが困難になる。Webブラウザはよく出来ていて、何となく書いたものでも動作してしまうからさらにややこしい。 コマンドラインオプション そうした問題に対処するメタ言語として注目を集めているのがSassだ。そしてSassを実用的にプロジェクトに組み込めるのがCompassだ。 今回紹介するフリーウェアはCompass、SassをサポートしたCSSフレームワークライブラリだ。ソースコードは開示されているがライセンスは明記されていなかったのでご注意いただきたい。 Compassは単体でCSSフレームワークをなすわけではない。実際にはBlueprintやYUI、960といった有名なCSSフレームワークを利用している。そしてRailsやMerb、StaticMaticといったアプリケーションサーバと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く