ホームページ ウェブフロントエンド CSSチュートリアル CSSWG Minutes Telecon(2024-12-04):グリッドvs.ディスプレイを使用するだけです:メイソンリー

CSSWG Minutes Telecon(2024-12-04):グリッドvs.ディスプレイを使用するだけです:メイソンリー

Mar 07, 2025 pm 05:11 PM

CSSWG Minutes Telecon (2024-12-04): Just Use Grid vs. Display: Masonry

CSSワーキンググループ(CSSWG)は、GitHubの問題に対処するために定期的な会議を開催し、多くの場合、長いフォーラムの議論を防ぎます。 2024年12月4日に特に重要な会議が発生し、5年間の議論に焦点を当てています。 討論の歴史を包括的に理解するには、GeoffによるCSS Masonry&CSS Gridに相談し、Miriam SuzanneによるCSSのMasonry構文を選択してください。 コアの問題は、長年の議論と技術的ハードルが解決された後、

syntax

に要約されます。

W3Cテクニカルアーキテクチャグループ(TAG)は入力を提供し、AppleとGoogleからの2つの競合提案を調整しようとする試みを促しました。 双方は、会議中にコンセンサスを目指して議論を提示しました。 (完全な会議分はw3c.orgで入手できます)

競合する提案:PowerPointのプレゼンテーション

Alison Maher(Microsoft)、新しい

値として石積みを提唱し、これらのポイントを強調しました:

石積みとグリッドの間には重要な行動の違いが存在します

display優れたデフォルト設定を提供しています(レイチェルアンドリューによって最近強調されたポイント)。

  1. の長期にわたるフォールバックに関する懸念は却下されました。 Maherは、将来の防止に焦点を当てることが最重要であり、著者が明示的なフォールバックを実装する必要があると主張しました。
  2. 石積みのポジショニングはより単純です(1つの軸対グリッドの2つ)。
  3. display: masonry石積みの速記は、グリッドの複雑な速記よりも使いやすいです。
  4. 配置とアライメントは、石積みとグリッドの間で大きく異なります display: masonryサブマソンドリー/サブグリッドの将来の発展はさらに分岐します。
  5. 石積みをグリッドに統合すると、肥大化した仕様、学習の複雑さの向上、および開発者の混乱が発生します。
  6. 結論(MAHER):
  7. 石積みは別のディスプレイタイプでなければなりません
  8. ジェン・シモンズ(WebKit)、「Just Use Grid」アプローチを擁護し、次のように対抗します。
    1. 新しいレイアウトタイプは、グリッドに精通している潜在的に混乱する開発者を潜在的に混乱させる可能性のある開発者を紹介します。
    2. Chromeの提案は、不要であるとみなされる約10の新しいプロパティを導入しています。
    3. Chrome Proposalの改善された構文が異議を唱えられたと主張した。
    4. 十分なソリューションを提供します。
    5. 行レイアウトの構文の違いが強調表示されました。grid-auto-flow
    6. 動作の矛盾が認められました。
    7. 提案された石積みのデフォルトは、効果がないと批判されました グリッドと石積み(ブレークポイントで)を切り替えることは、統一されたアプローチでより簡単です。 auto-flow既存のグリッド機能の再利用は、CSS設計原則と一致しています。
    8. タグinput
    9. lea verou(タグ)は、タグの視点を提供しました:
    10. タグは、Webkitの議論が説得力があることを発見しました。 彼らは、石積みをグリッドに統合するだけでなく、グリッド自体を単純化することを提案しました。 いくつかのグリッド機能の複雑さを認めながら、彼らはより単純なソリューションの必要性を強調しました。 彼らは、よりスマートなデフォルトの可能性と、学習曲線を減らすための統一されたアプローチの利点を強調しました。 タグはまた、多くの石積みのユースケースがよりシンプルで、しばしば1D、グリッドの恩恵を受けることを指摘しました。
    議論は

    に続きます

    その後の議論には、さまざまな視点が含まれていました

    提案された特性の一貫性について

    懸念が提起されました。

    一部のメンバーは、タグの引数に基づいてスタンスを変更しました。

    は、異なるレイアウトモデルを組み合わせることから生じる潜在的な競合と複雑さを引用して、タグの推奨事項に対して強力な反論が提示されました。

    タグは彼らの位置を明らかにし、レイアウトアプローチの連続体と柔軟な構文の必要性を強調しました。

    値が異なっていたとしても、プロパティの共有に焦点が浮かび上がりました。

  • 結果:膠着状態
  • 広範な議論にもかかわらず、コンセンサスはとらえどころのないままでした。ストロー投票により、分割の決定が明らかになりました。 会議は、明確な道を進むことなく終了しました
  • この長期にわたる議論は、よく考えられている解決策の重要性を強調しています。 双方の懸念に対処する新しい提案はおそらく必要です。 CSSの石積みの将来は不確実なままですが、将来のレイアウトシステムにとっての重要性は否定できません。
  • さらなるリソース
  • この記事には、さらなる読み取りおよび関連するGithubの問題へのリンクが含まれています。

以上がCSSWG Minutes Telecon(2024-12-04):グリッドvs.ディスプレイを使用するだけです:メイソンリーの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

それは' Vueチームにそれを成し遂げてくれておめでとうございます。それは大規模な努力であり、長い時間がかかったことを知っています。すべての新しいドキュメントも同様です。

ブラウザから有効なCSSプロパティ値を取得できますか? ブラウザから有効なCSSプロパティ値を取得できますか? Apr 02, 2025 pm 06:17 PM

私はこの非常に正当な質問で誰かに書いてもらいました。 Leaは、ブラウザから有効なCSSプロパティ自体を取得する方法についてブログを書いています。それはこのようなものです。

CI/CDで少し CI/CDで少し Apr 02, 2025 pm 06:21 PM

「ウェブサイト」は「モバイルアプリ」よりも適していると言いますが、Max Lynchからのこのフレーミングが好きです。

粘着性のあるポジショニングとサスのダッシュを備えた積み重ねられたカード 粘着性のあるポジショニングとサスのダッシュを備えた積み重ねられたカード Apr 03, 2025 am 10:30 AM

先日、Corey Ginnivanのウェブサイトから、この特に素敵なビットを見つけました。そこでは、スクロール中にカードのコレクションが互いに積み重ねられていました。

WordPressブロックエディターでのマークダウンとローカリゼーションを使用します WordPressブロックエディターでのマークダウンとローカリゼーションを使用します Apr 02, 2025 am 04:27 AM

WordPressエディターでユーザーに直接ドキュメントを表示する必要がある場合、それを行うための最良の方法は何ですか?

レスポンシブデザインのブラウザを比較します レスポンシブデザインのブラウザを比較します Apr 02, 2025 pm 06:25 PM

これらのデスクトップアプリがいくつかあり、目標があなたのサイトをさまざまな次元ですべて同時に表示しています。たとえば、書くことができます

スティッキーヘッダーとフッターにCSSグリッドを使用する方法 スティッキーヘッダーとフッターにCSSグリッドを使用する方法 Apr 02, 2025 pm 06:29 PM

CSS Gridは、レイアウトをこれまで以上に簡単にするように設計されたプロパティのコレクションです。何でもするように、少し学習曲線がありますが、グリッドは

Googleフォント変数フォント Googleフォント変数フォント Apr 09, 2025 am 10:42 AM

Google Fontsが新しいデザイン(ツイート)を展開したようです。最後の大きな再設計と比較して、これははるかに反復的です。違いをほとんど伝えることができません

See all articles