タグ

Compassとsaasに関するaya_mtsdのブックマーク (3)

  • CSSをライブラリ化?どうやらSassって便利らしい。

    @kotarokさんが最近おすすめツイートをされてるので気になっていたSassとやら。よくわからないけど便利らしい…ってことで、プログラミング経験ゼロですけど挑戦してみました。 こちらはその導入のきっかけとなった会話。 コーダーだけでなく、デザイナーでもちょっと興味湧きません?

    CSSをライブラリ化?どうやらSassって便利らしい。
  • Ext JS/Sencha Touch勉強会@11月行ってきた。 - ITコンサルの日常

    気になったところをつらつらメモ。 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

    Ext JS/Sencha Touch勉強会@11月行ってきた。 - ITコンサルの日常
  • Sass記法を用いたCSSフレームワーク·Compass MOONGIFT

    CSSはプログラマ向けの言語ではないため、最初は理解しやすいが、複雑な記述が入り交じっていくとメンテナンスが困難になる。Webブラウザはよく出来ていて、何となく書いたものでも動作してしまうからさらにややこしい。 コマンドラインオプション そうした問題に対処するメタ言語として注目を集めているのがSassだ。そしてSassを実用的にプロジェクトに組み込めるのがCompassだ。 今回紹介するフリーウェアはCompass、SassをサポートしたCSSフレームワークライブラリだ。ソースコードは開示されているがライセンスは明記されていなかったのでご注意いただきたい。 Compassは単体でCSSフレームワークをなすわけではない。実際にはBlueprintやYUI、960といった有名なCSSフレームワークを利用している。そしてRailsやMerb、StaticMaticといったアプリケーションサーバと

    Sass記法を用いたCSSフレームワーク·Compass MOONGIFT
  • 1