タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

CSS3とSASSに関するgigs123のブックマーク (3)

  • Sencha Touchでのテーマ設定入門 | Ext Japan Blog

    この記事は12/17に掲載された「An Introduction to Theming Sencha Touch」を訳したものです(翻訳:@taka_2) Sencha Touchは、SASSとCompassを使って構築された、革新的な新しいテーマシステムを導入しました。このシステムを利用すれば、Sencha Touchの基テーマをアプリケーションやブランドに合わせて簡単にカスタマイズすることができます。Sencha TouchはWeb標準に基づいた設計になっていて、また、現在はWebKitブラウザ向けに作られているため、WebKitで既に利用可能なCSS3の様々なプロパティ、たとえば、角丸や背景グラデーションだけでなく、CSS3ボックスモデルのような高度なプロパティも、自由に利用することができます。そして、SASSとCompassを使えば、CSS3で構成されているSencha Touc

  • 2011-01-15 - 抜かれるならド肝だよね

    Sencha Touch は SASS/Compassというものを利用してCSSを作成・管理してるらしい。SASSもCompassも僕は知りません…。って訳で,まずはSASSとCompassが何者なのかを調べてみました。SASSとはSassSASSはSyntactically Awesome Stylesheetsの略だそうです。(訳すと「構文的に素晴らしいスタイルシート」?)CSSに変数やネスト,Mixin,セレクターの継承といった機能を付加したCSSのメタ言語との事。CompassとはCompassCompassはSASSをサポートしたCSSフレームワークライブラリとの事。CSS3のプロパティ等をヨロシクやってくれるみたい。SASS/Compassを使うと何がうれしい?CSSは巨大化してくるとメンテナンスが大変なので,その辺はSASSで構造化して管理できる。更にCompassでComp

  • 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