タグ

Sassとsenchaに関するedo_m18のブックマーク (2)

  • Sencha Touch での Sass 利用事例

    開発部の川野です。今回も Sencha Touch をテーマに、記事を書かせて頂きます。 Sencha Touch と言えば、「綺麗な UI」が特徴ですよね (JavaScript だけで画面を構築する独特のスタイルも特徴ですが)。 記事では、その綺麗な UI を支えている「Sass」「Compass」というツールについて、また、Sencha Touch で、それらをどのように利用しているかについて、少し覗いてみたいと思います。 Sass makes CSS fun again. Sass は、CSS の冗長性や、保守性・生産性の悪さを解決するために生まれた CSS の拡張言語です。独自の文法で記述したファイルをコンパイルして、CSSを生成します。 Sass の具体的な説明は記事では割愛させて頂きますが、一言で言うと、CSS の「プログラミング」を可能にしてくれます。押さえておきたい特

  • 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

  • 1