2022年01月13日(木)

2022年、注目しておきたいCSSの新機能のまとめ

• 0
• 87
• 255
• 181

2022年に注目しておきたいCSSの新機能を紹介します。いくつかの機能はすでに1つ以上のブラウザでサポートされており、他のブラウザもそれに続く予定です。

ビューポートではなく親コンテナに応じてスタイルを定義できる「コンテナクエリ」、詳細度とスタイルの順序を明示できる「カスケードレイヤー」、相対色構文が追加された「カラー関数」、Safariの100vhを解決する新しいビューポート単位「svh」など、今すぐにでも使用したい機能ばかりです。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

成功する動画マーケティングの共通点を分析。活用事例と動画編集の勝ちパターン

         

NEXT ›

               

MedusaとNext.jsで構築された1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリ・「Medusa Express」

関連記事

• CSSの2023年現状のまとめ、よく使用する新機能やプロパティや疑似クラス、人気のフレームワークや検証ブラウザなど
• Chrome 111のココに注目！ 三角関数やスタイルクエリなどCSSに関する新機能がけっこうたくさんサポートされました
• 2021年、CSSのクロスブラウザ対応の現状、SafariやFirefoxで起こる不具合の対応方法
• CSSの便利なプロパティmin-widthとmax-width、min-heightとmax-heightの効果的な使い方のまとめ
• 2024年、現在の環境に適したリセットCSSのまとめ

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『2022年、注目しておきたいCSSの新機能のまとめ』についてまとめています。

この記事は特にアニメーション・フォント・SEO・Chrome・twitter・Firefox・safari・LINE・iOSについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。