要点 #15: 境界線を認識する CSS、時間ベースの CSS、完全な CSS など | CSS のトリック
過去と同様に、 重要 #15 かなり充実しています – 境界線を意識した CSS、グリッドラインの取得、時間ベースの Web デザインの作成、本格的な CSS のデバッグ、カスタム拡張機能についてすべて読んでください。 新しい Web プラットフォーム機能など。
使用 view() 境界線を認識する CSS の場合
Preeti Sam は、境界線を意識した CSS の概念について非常に専門的に私たちを指導してくれました。使用 view()Preethi は、非常に便利なエフェクトを数多く作成することに成功しました。その一部を以下に紹介します。
私 同じように Master.dev ブログで、彼は目に見えないがアクセス可能なインタラクティブな要素について少し書きました。構築するにはさらに作業が必要なようです 満杯 利用可能であり、それは新しい価値です hidden 帰属が答えかもしれません。
アクセス: ネットワーキングの物語
Dan Holloran は、グリッド ラインのレイアウト (以前は「ウォール スペース」または「Pinterest が行ったこと」) について書きました。
Manuel Matuzovich は、それは利用できないと述べました (グリッド線のレイアウト、つまり Dan の記事ではありません。これは優れており、要点を直接述べています)。
数日後の記事で、MM は次の使用を推奨しました。 reading-flow ネットワーク回線を取得するのは正しい呼び出しのように思えますが、まだテストされていません。
時間ベースのウェブサイトデザインを作成する方法
Sophie Kunin は、Temporal API を使用して時間に応じて Web サイトを変更する方法を示しました。 color-mix()。これは素晴らしい (macOS のダイナミック壁紙によく似ています) と言うだけで十分です。

完全な CSS を修正
David Bushell が本格的な CSS を修正する方法を教えてくれました。つまり、水平ビューポート全体に何かを表示するにはどうすればよいかということです (早速ですが、これが難しい部分です。) 別の要素内にネストされているにもかかわらず。私は古い問題が最新の CSS で解決されるのを見るのが大好きです (ヒント: コンテナーのリクエスト ユニットです)。

それがまだ十分ではない場合は、Temani Afif が最近、CSS-Tricks で新しいテクノロジーを使用した別のハッキング テクニックを共有しました。 border-shape 財産
CSSの修正
過去に戻って、いくつかのことを変えてみませんか?誰もがそう思います。実際、CSS Working Group は、CSS に関して変更される予定のいくつかをリストしています。
それが、Declan Chidlow が FixCSS を作成した理由です。 わかりました…それに応じて CSS を調整します。これでやっと変わることができます border-radius (CSS のイーサン・トレンブレイ) corner-radius。世界は再びすべてがうまくいきました。
調整可能なものを改善する方法
Jake Archibald がカスタム UX を改善する方法を示しました サイズに関するいくつかの問題を解決します。カスタマイズを考えている人は必見です 。
Web プラットフォームの 35 の新機能
「新しい」とは、まだ完全にサポートされていないものから、最近リリースされたもの、今後リリースされるものまですべてを意味します。とにかく、ここでは、Google I/O 2026 で Bramus と Una Kravets が、まだ聞いたことがない、または覚えているかもしれない Web プラットフォームの 35 の機能について説明します。
新しい Web プラットフォームの機能と更新
何と数週間だ!次の 2 回でお会いしましょう!