デンバーでの2022年のアパートは昨日締めくくりましたが、数日を逃したにもかかわらず、私は最終日のセッションに参加しました。本当にやりがいのある経験です! それは数年ぶりの私の最初の会議であり、対面の相互作用は信じられないほど爽やかでした。
イベントからの私のメモが続き、スピーカーが主催します。 注:私の手書きのメモは、包括的な概要ではなく、ハイライトに焦点を当てている手書きのメモがほとんどありません。Chris Coyier:モダンなWebは実際にはかなり良い
ですと組み合わせると、値はビューポートではなくコンテナに関連しているため、より正確な応答性を提供します。 これにより、流体のタイポグラフィ用にViewport幅(VH)ユニットを使用して改善されます。
たとえば、ではなく、
clamp()
(cqi)ユニット:
を使用することを検討してください<code>font-size: clamp(1rem, 1rem + 2vw, 2rem);</code>
ここで、はコンテナのインラインサイズの1%に等しくなります。 (詳細については、ドラフトの仕様を参照してください)。
Chrisは、エッジコンピューティングのパフォーマンスの利点も強調しました<code>font-size: clamp(1rem, 1rem + 1cqi, 2rem);</code>
tolu adegbite:WebアクセシビリティのためのARIAのマスター1cqi
間違っています:
正しい:
Miriam Suzanne:CSSの特異性をカスケード層
で飼育します<img src="/static/imghw/default1.png" data-src="https://img.php.cn/" class="lazy" alt="Some Things I Took Away From An Event Apart 2022 in Denver "><svg viewbox="0 0 100 100"></svg>
、順序付け、その中のスタイルの執筆スタイルを決定することですが、それは簡単ですが、レイヤーがセレクターの優先順位を変更する方法に適応する必要があります。 単純なクラスセレクターは、レイヤーの順序に応じて、IDセレクターをオーバーライドする可能性があります。
カスケード層は、:is()
、:where()
、:has()
などのセレクターと並んで、強力な特異性制御を提供します。 ミリアムはまた、カスケード層が!important
の過剰使用にどのように対処するかを強調し、層の優先順位付けと継承の保護を可能にしました。
以上がデンバーで2022年にイベントから離れたいくつかのことの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。