9.9%ここから肝心のCSSの機能やツールについて見てましょう。レイアウトに使用するCSSのプロパティCSSのレイアウト手法は近年最も変化が著しい分野の一つです。GridがCSSでレイアウトを処理する最も表現力豊かな方法として登場しました。Gridも認知度は高いですが、使用頻度はFlexboxが非常に高い割合になっています。Gridは約半数でした。Gridが適しているレイアウト、Flexboxが適してるレイアウトを詳しく解説シェイプとグラフィック最近ではあらかじめPhotoshopなどでグラフィックを作成するのではなく、Web上でグラフィック効果を実装することも増えてきました。filterの人気が高いです。レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニックインタラクション一昔前まではJavaScriptでないと実装できないインタラクションも、最近ではCSSで実装できるものが増えてきました。スクロールのスナップが可能になるscroll-snapプロパティなど、これから利用する機会が増えてくるでしょう。22.3%参考:CSSでスクロールのスナップが可能に!scroll-snapプロパティの基礎知識と便利な使い方CSSアニメーションCSSアニメーションは認知度も使用度も非常に高い結果になっています。回答者のほぼ全員がアニメーション、トランジション、トランスフォームを使用しています。91.3%参考:CSSアニメーションは確実に進化している!キーフレームを使ったCSSアニメーションの実装ポイントまとめCSSの参考になるアイデアがいっぱい!2018年スタイルシートを使ったテクニックのまとめその他よく使用するCSSのプロパティ人気が高いのは、calc()関数、変数、will-change、@supportsです。どれも一昔前のCSSでは考えられないほど、便利です。一度使うと、手放せない機能ですね。@supportsの知っていると便利な使い方のまとめCSSでよく使用する単位CSSの難しいところの一つが、小さな決定が大きな影響を与えることです。最近ではremなどもあります。::afterでした。::placeholderや::selectionも人気が高いですね。43.5%参考:「:before擬似要素」と「:after擬似要素」の使い方を基本からマスターするためのチュートリアルCSSの便利なセレクタ「:placeholder-shown疑似クラス」を使うと、フローティングラベルも簡単に実装できるセレクタを使った条件分岐のテクニックCSSのフレームワークCSSのフレームワークは、やはりBootstrapの人気が高いです。個人的には、Tailwindを注目しています。CSS使用しているテキストエディタ制作者に欠かせないのが、コードを書くためのテキストエディタ。CSSを書くプロセスはおそらく他のどの言語よりも広い範囲でブラウザとデベロッパーツールに頼ります。Atomが続いています。