今まで、keyframes を使うとき、自前で次のような mixin を定義して使ってゐた。 @mixin keyframes($animationName){ @-webkit-keyframes #{$animationName} { @content; } @-moz-keyframes #{$animationName} { @content; } @-ms-keyframes #{$animationName} { @content; } @keyframes #{$animationName} { @content; } }; 完璧だ!! 早速、Compass の transform と組み合わせて使おう!! @include keyframes(bestAnimationEver){ 0% { @include transform(scale(1.0)); } 100% {
Compassを使えたら便利だろうなぁと思うことが結構増えてきたので、年末に時間をつくって基礎を勉強してみました。僕のような初心者にはとっつきにくいところもあったので、備忘録として基礎をまとめてみました。 目次 そもそもCompassやSassってなに? SassやCompassを使うメリットは? CompassやSassを使うには? コマンドラインツール GUIツール Compassのコマンドラインツールの基本的な使い方 Compassの設定ファイル(config.rb)について まとめ 参考 そもそもCompassやSassってなに? SassはSyntactically Awesome StyleSheetの略で、CSSをプログラム言語のように拡張するものです。CSSでは使えない変数や関数のようなものを使えるようにするものです。SASSで書いたものは一度プロセス(コンパイル)してCS
初期化してプロジェクトをはじめるプロジェクトディレクトリから開始します。 compass create にオプションを付けて実行する例が多いですが、個人的には下記の流れがおすすめ。 compass create –bareconfig.rb を編集するcompass init実は config.rb さえあれば、最後の compass init だけですぐに始められます。 compass create –bare設定ファイルを生成します。 % compass create my_project --bare directory my_project/ directory my_project/sass/ create my_project/config.rb ******************************************************************
Get a new domain registered at NameSilo.com. Find out who owns any domain name with the WHOIS tool. This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Sassがあって、Compassが出てきたんだと思うけど、自分が触り始めたのは2013年からで、もうSassを使うならCompassでって感じになってたと思います。 既にCompassが採用されてるプロジェクトで使い始めたので、細かい事は置いといてcompass watchしたら動いてるという、動いてるからこれで良いっぽいという手探りな使い方をしてます。 ただ、Sassはhttp://sass-lang.com/でsassというコマンドもあるのに、なんでサイトも別にhttp://compass-style.org/にあるCompassを使うのか、SassとCompassってどういう関係なのか、ちょっともやっとしてました。 なので、今更ながら、SassとCompassはどう違うのかを、これまた手探りで調べてみました。 今回色々調べて、SassとCompassの立ち位置が分かった気になっ
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを(例えばペンのような)放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く