今話題の次世代CSS『PostCSS』について、調べたことをまとめつつ、実際に使ってみました。 PostCSSとは? PostCSSはJavaScriptプラグインでCSSスタイルを変換するためのCSS Processorです。 PostCSSはCSSを変換するAPIで、必要なプラグインをダウンロード(カスタマイズ)して設定することでCSSを変換することができる。 これらのJSプラグインは200以上用意されていて、変数やミックスインのサポート、カスタムセレクター、最新のCSS構文利用、インライン画像などの表示に役立ちます。 (プラグインの一覧はこちら) SassからPostCSSに移行する流れが出てきているようで、GoogleやTwitte、Shopifyなど結構大手サイトもPostCSSを導入しているそうです。 PostCSSを使うメリットとデメリット メリット ・コーディング時間の時短
![初心者でもできた!! 1から始めるPostCSS ~次世代CSSの使い方~ | Startup Plus, Inc. | スタートアッププラス](https://cdn-ak-scissors.b.st-hatena.com/image/square/29d9b9e6d9f731cbff0c2a05be1e6df760b2a3ea/height=288;version=1;width=512/https%3A%2F%2Fwww.startup-plus.com%2Fwp-content%2Fuploads%2F2017%2F08%2Fpostcss_img.png)