[B! sass] iwazerのブックマーク

iwazer id:iwazer

sassに関するiwazerのブックマーク (5)

gumbyframework.com
This domain may be for sale!
iwazer 2013/10/22
css

design

sass
リンク
Ruby で Sass のカスタム関数を書く
Sass で関数を書く方法は 2 つあります。ひとつは Sass の @function ディレクティブを使って Sass ファイル内に定義する方法。 $grid-width: 40px; $gutter-width: 10px; @function grid-width ($n) { @return $n * $grid-width + ($n - 1) * $gutter-width; } 簡単かつカジュアルに書ける反面、当然ながら Sass のネイティブ関数やディレクティブの制限を受けるので、できないことも多いです。とくに Sass は文字列系の関数があまり用意されておらず、不満を感じることも少なくありません。もうひとつの方法は、Ruby でカスタム関数を書いて Sass を拡張するという方法です。Ruby の知識が必要で、かつ Sass ファイルに直接定義するのとは違って別フ
iwazer 2013/05/27
これは木曜の成果ですね

css

design

sass
リンク
inuit.css – a powerful, scalable, Sass-based, BEM, OOCSS framework.
coming soon…
iwazer 2013/03/09
“View on GitHub inuit.css – a powerful, scalable, Sass-based, BEM, OOCSS framework.”

css

framework

sass

design
リンク
Sassオレオレリファレンス
このリファレンスについて元は社内提出用に書いたレポートです。レポートは１ページに全内容が入っていてだいぶ見辛いので、リファレンスらしい感じに作りなおしました。（ついでにかなり加筆修正しています）内容はSass公式サイトのリファレンスを忠実に翻訳したものではなく、構成などを再編集したオレオレ仕様になっております。もし内容に間違いなどありましたらご一報お願い致します。おことわり筆者が重度のChromerなので古いブラウザには全く媚びない悪びれない仕様です。新しいブラウザで御覧ください。
iwazer 2013/02/12
design

summary

sass
リンク
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。全くの初心者でも問題ありません！はじめに結論を言うと、CompassでCSSを書くと早い！見やすい！メンテしやすい！コード量がぐっと減る！一度使い出したら最後、もう元には戻れない！一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとはでは「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
iwazer 2013/02/08
css

design

web

summary

framework

sass

compass
リンク
1