Sass（CSS拡張メタ言語）に関する資料
Sass（Syntactically Awesome Stylesheets / CSS拡張メタ言語）、そしてSCSS (for “Sassy CSS”)を勉強するのに良さそうなページ等をゆっくりまとめてみます。
更新日: 2012年03月11日RSS
1
お気に入り
5808
view
お気に入り追加
Syntactically Awesome Stylesheets
Sass、そしてSassy CSS (SCSS) CSSを拡張したメタ言語である Sass 、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass(主にSCSS)の良さを解説する。
1セッション目で、小久保さんが「Sass徹底解説〜SassがもたらすCSSのパラダイムシフト」と題して講演。フォローアップとして、スライド（PDF形式）の掲載あり。
Ustream.tv: 過去のライブ: 小久保浩大郎：「Sass徹底解説〜SassがもたらすCSSのパラダイムシフト」其の一/CPI x CSS Nite「After Dark」（1）:CPI x CSS Nite「After Dark」（1） 2010年5月に登場したSass3は、CSS互換構文となり、よ...
Ustream.tv: 過去のライブ: 小久保浩大郎：「Sass徹底解説〜SassがもたらすCSSのパラダイムシフト」其のニ/CPI x CSS Nite「After Dark」（1）:CPI x CSS Nite「After Dark」（1） 2010年5月に登場したSass3は、CSS互換構文となり、よ...
Speaker Deck Sign Up Sign In Sass & Compass: The future of stylesheets now. Brandon Mathis 1 Presentation Sign in to Like 42 Fans Published in Design Share Twitter, Facebook Embed Direct Link Downloa…
英語ですが見ていくとSass・Compassの便利さなどが分かると思います。
In this video mini-series, we'll teach you exactly how to get up and running with Sass, which is a utility that can drastically reduce the time you spend
こちらも英語ですがライブコーディングが見られます。特にLesson 2を見ると、Sassの便利さが体感できると思います。
Wielding the true power of a CSS preprocessor is an adventure. There are countless languages, syntaxes, and features, all ready for use right now. In this
英語ですが、それぞれの記法が列挙されています。
JavaScriptやプログラミングの記事が多め。他、Web全般。
Sassを触ってみました。コードヒントも使える様になったかんじでもっと使いこなしてCSSを効率的に書いていきたいですね。
MacでのSassの導入方法もこちらを参照。
Sassは便利ですね。慣れが必要かな？と思うことも多いですが、慣れてしまえば相当効率的に書けそうです。
株式会社キノの技術メモやTIPSなどの情報 検索: « CSSの構造化にSassを利用してみる（2） 2010年のおさらい（twitter編） » CSSの構造化にSassを利用してみる（完） 2010年12月20日 加藤 雄亮 Tweet 前回までは、Sassの基本構文や変数、演算子など、基本的な使用方法でした。 今回は、更に進んでCSSの構造化に不可欠な、外部ファイル…
Home Reference Help Blog Get Involved Install Q Compass Compass is an open-source CSS Authoring Framework . Why designers love Compass. Experience cleaner markup without presentational classes. It’s …
Sassを利用したオープンソースのCSS設計フレームワーク。
Compass / Sass の導入が簡単にできる Scout を試してみました。Compass / Sassをつかいこなすとなると経験が必要な気がしますが、Scoutを使えば最初の導入のハードルが下がりそうです。
Compassをつかってみました。機能が豊富なのでまずはCSS3モジュールを見てみました。CSS3を使う際のプレフィックスを入れてくれたりと細かいところを色々フォローしてくれるようです。
Compassは、Sassを利用したCSS Authoring Framework。ちなみに、Compassを使う場合は、コマンドがsassではなくcompassとなるので注意。
cssファイルからscssファイルを作成するコマンドの簡単な説明。
FirebugでSassファイル名・行番号を表示できるようになる。
LESS & Sass Advent Calendar 2011の寄稿記事リンク集
連載記事の第1回。初めての方・プログラムはどちらかといえば苦手という方におすすめ。
Sass（SCSS）がGUIで操作が出来るScoutというAIRアプリ「Scout」が起動（監視）できない原因と対策です。
64bit版WindowsでScoutを利用する方は、この記事の設定で上手く動作するようになります。
CSSのみでグラデーションが生成できるlinear-gradient関数は便利ですが、実際に利用しようとするとビジュアルデザイン上で設定されたグラデーション設定（カラー・位置）を、色の数だけコピ＆ペーストしなければならないなど、CSSを記述する際の負担が増えます。そこで、SassとPhotoshopのスクリプトを利用して、クロスブラウザなCSS3グラデーションを簡単に実現する方法をご紹介します。
Sass・Compassの導入方法と、実際に使ってみて、使いやすくカスタマイズしたものの解説です。
1
インタレストマッチ - 広告の掲載について
hideki_a2011年春までは西新宿のWeb制作会社で、5月からは福山でHTML/CSS/JavaScriptを書いています。Sassにはまっていて、文字列を置換するカスタムSass関数なども作っています。
関連まとめ
おすすめまとめ
このまとめの関連商品
Powered by Rakuten
