Railsアップデートプラグインツール2018年12月1日デザインPostCSSから5年、CSSの今とこれからPostCSSプラグイン目次はじめにpostCSSとはCSSの今CSSの未来まとめはじめに新しい技術にチャレンジし続けるeishisのアドベントカレンダーDay1です!今日は、PostCSSに関する簡単な説明と鉄板プラグインをいくつかご紹介します。SitnikがPostCSSやCSSの今とこれからに関するブログを書いています。ここから、気になった部分を抜粋してご紹介します。PostCSSとはPostCSSとはPostCSSはJavaScriptのプラグインを使って、CSSを拡張/変換することができるツールです。これらのプラグインはCSSを最適化してくれるlintツール、変数やmixinをサポートしてくれるもの、未来のCSS文法をトランスパイルしたり画像をインラインで挿入したりしてくれます。Googleなどで導入されています。Useのデータから必要なベンダープレフィックスを取ってきて、自動で付与してくれます。PostCSSの開発者が同じなのでぜひ...!precssCSS内でSassのような文法が使えるpostcss-assets画像などのアセットを管理できるプラグイン。画像サイズを取ってきたり、インラインしてくれたりする。stylelintCSSのモダンlinterのプラグイン。cssnanoCSSを圧縮してくれるプラグイン。lostパワフルなグリッドシステム。これもすごく便利です。400-900pxの間は3カラムに、900px~は6カラムになります。SitnikがPostCSSやCSSの今とこれからに関するブログを書いています。そこから、個人的に気になったものを抜粋してご紹介します。draft担っています。別の記事でも触れているので興味がある方はどうぞ。SitnikはCSSのこれからについてもブログで書いています。追加でこちらも気になったものを抜粋してご紹介です。layoutをその-ms-を使ってサポートしようという動きです。grid-gapやgrid-templateなどグリッドレイアウトでよく使われているプロパティはサポートが進んでいるようですが、まだサポートされていないものもあり、そのあたりのサポートが今後注目されそうです。Stylelintでベストプラクティスを決める現在新しいディベロッパーが入ってきた時などレビューに時間がかかる現状がありますが、そこのレビューをもっとStylelintで巻き取ろう、という動きのようです。FacebookなどはすでにStylelintでカスタムルールを作り、それをチームのベストプラクティスを浸透する手段として取り入れているようです。まとめ以上、今回はPostCSSから5年たった今、簡単にCSSの今とこれからについて気になったところを抜粋してご紹介しました。便利なプラグインがあるのはもちろん、Stylelintでベストプラクティスを決めるられたら良いな...など思ってます。デザイナーアメリカの大学を卒業後、日本、シンガポールでデザイナーとして活動。繰り返し文・条件分岐を使ってラクしてSassを書いてみよう!アプリでもっと便利に!気になる記事をチェック!記事のお気に入り登録やランキングが表示される昨日に対応!毎日の情報収集や調べ物にもっと身近なメディアになりました。palanでは一緒に働く仲間を募集しています正社員や業務委託、アルバイトやインターンなど雇用形態にこだわらず、ベテランの方から業界未経験の方まで様々なかたのお力をお借りしたいと考えております。マーケター・ディレクター・エンジニアなど何でも屋。COBOLからReactまで色んなことやります。デザイナーアメリカの大学を卒業後、日本、シンガポールでデザイナーとして活動。デザイナーWebAR/VRのデザインと3DCG制作がメインです。肩書きは「アニメ案件に関わりたいデザイナー」。マーケタードイツでWEBマーケティングしています。使ったサーバーレスアーキテクチャを担当しています。元々はインフラとかPHPをやっていました。デザイナーフロントエンドデザイナー。CSS、JSの実装を担当しています。NativeやReact360をよく触っています。エンジニアサーバーサイド、フロントエンド、Unityと色々手を出してる雑食系エンジニア。ReactNativeが最近のマイブーム。デザイナーSketchだいすきプロダクトデザイナー。シンプルだけどちょっとかわいいデザインが得意。好きな食べものは生ハムとお寿司とカレーです。エンジニアサーバーサイドエンジニアからフロントエンドエンジニアになりました。Nativeでのアプリ開発をしています。エンジニアサーバーサイドエンジニア。SIerを経て2019年7月に入社。Railsを使った開発を行っています。WebGLとReactが強みと言えるように頑張ってます。DamienWebAR/VRを中心に企画やディレクションやエンジニアもちょっとやっています。TOP運営会社お問い合わせプライバシーポリシーは株式会社palanの運営する情報メディアです。おいしいデザイン・プログラミング情報をお届けします。クリエイター向けの記事を可愛く更新中!。