最近のWeb制作の現場では、ふわっとした自然な動きのアニメーションやSMACSSのようなスタイルの概念、スタイルのコンポーネント化など、PSDをそのままCSS化すればいいという時代ではなくなってきていますね。 レスポンシブデザインなどに対応するため、すでにBootstrapやSASSのようなpre-processorを採用されているところも多いと思いますが、ここにきてPostCSSというヤツが注目されています。 今回は次世代CSS!になるかもしれない、PostCSSの使い方を紹介します。 PostCSSって何? PostCSSはjavascriptを使ってCSSスタイルを変換する、CSS Processor。javascriptはプラグインとして既に数多く公開されており、変数やミックスイン、カスタムセレクターなど様々な機能があります。 また、関数を使う場合を除きCSSからかけ離れた特殊な記
![次世代CSS登場!PostCSSの簡単な使い方 - TetraThemesブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/92f8cc96c05d5c7a2f23a8de67d6cd8bc4df06f4/height=288;version=1;width=512/https%3A%2F%2Ftetra-themes.com%2Fwp-content%2Fuploads%2F2015%2F10%2Fpostcss.png)