次世代CSS登場！PostCSSの簡単な使い方 - TetraThemesブログ
最近のWeb制作の現場では、ふわっとした自然な動きのアニメーションやSMACSSのようなスタイルの概念、スタイルのコンポーネント化など、PSDをそのままCSS化すればいいという時代ではなくなってきていますね。 レスポンシブデザインなどに対応するため、すでにBootstrapやSASSのようなpre-processorを採用されているところも多いと思いますが、ここにきてPostCSSというヤツが注目されています。 今回は次世代CSS！になるかもしれない、PostCSSの使い方を紹介します。 PostCSSって何？ PostCSSはjavascriptを使ってCSSスタイルを変換する、CSS Processor。javascriptはプラグインとして既に数多く公開されており、変数やミックスイン、カスタムセレクターなど様々な機能があります。 また、関数を使う場合を除きCSSからかけ離れた特殊な記
SASSが３倍効率良く書けるフレームワーク、ミックスインまとめ
現在のWeb制作ではBootstrapのようなCSSフレームワークやSASS、LESSなどのCSSを効率良く各手法がよく使われます。SASSと一緒に使われるものとしてはcompassがよくあげられますが、実はこれ以外にも便利なMixin集やフレームワークがたくさんあります。 このページではThe Ultimate SASS Resources & Toolsで紹介されている多数のフレームワークの中からとくにおすすめできそうなものを紹介していきます。 SASSを効率良くするフレームワーク&ミックスイン集 Bootstrap Sass まずはこちら、BootstrapのSASS版。BootstrapはLESSで提供されていましたが、SASS版も出ています。BootstrapのコンポーネントをSASSでカスタマイズできるので便利。 Foundation こちらはBootstrapに並んでよく使用
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sass(scss)&Compassのインストールと初期設定の方法まとめ