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
優れたデフォルト設定を提供しています(レイチェルアンドリューによって最近強調されたポイント)。
- の長期にわたるフォールバックに関する懸念は却下されました。 Maherは、将来の防止に焦点を当てることが最重要であり、著者が明示的なフォールバックを実装する必要があると主張しました。 石積みのポジショニングはより単純です(1つの軸対グリッドの2つ)。
-
display: masonry
石積みの速記は、グリッドの複雑な速記よりも使いやすいです。 - 配置とアライメントは、石積みとグリッドの間で大きく異なります
display: masonry
サブマソンドリー/サブグリッドの将来の発展はさらに分岐します。 - 石積みをグリッドに統合すると、肥大化した仕様、学習の複雑さの向上、および開発者の混乱が発生します。
- 結論(MAHER):
- 石積みは別のディスプレイタイプでなければなりません ジェン・シモンズ(WebKit)、「Just Use Grid」アプローチを擁護し、次のように対抗します。
- 新しいレイアウトタイプは、グリッドに精通している潜在的に混乱する開発者を潜在的に混乱させる可能性のある開発者を紹介します。 Chromeの提案は、不要であるとみなされる約10の新しいプロパティを導入しています。
- Chrome Proposalの改善された構文が異議を唱えられたと主張した。 十分なソリューションを提供します。
-
行レイアウトの構文の違いが強調表示されました。
grid-auto-flow
- 動作の矛盾が認められました。
- 提案された石積みのデフォルトは、効果がないと批判されました
グリッドと石積み(ブレークポイントで)を切り替えることは、統一されたアプローチでより簡単です。
auto-flow
既存のグリッド機能の再利用は、CSS設計原則と一致しています。 - タグinput
- lea verou(タグ)は、タグの視点を提供しました:
- タグは、Webkitの議論が説得力があることを発見しました。 彼らは、石積みをグリッドに統合するだけでなく、グリッド自体を単純化することを提案しました。 いくつかのグリッド機能の複雑さを認めながら、彼らはより単純なソリューションの必要性を強調しました。 彼らは、よりスマートなデフォルトの可能性と、学習曲線を減らすための統一されたアプローチの利点を強調しました。 タグはまた、多くの石積みのユースケースがよりシンプルで、しばしば1D、グリッドの恩恵を受けることを指摘しました。
に続きます
その後の議論には、さまざまな視点が含まれていました提案された特性の一貫性について
懸念が提起されました。一部のメンバーは、タグの引数に基づいてスタンスを変更しました。
は、異なるレイアウトモデルを組み合わせることから生じる潜在的な競合と複雑さを引用して、タグの推奨事項に対して強力な反論が提示されました。
タグは彼らの位置を明らかにし、レイアウトアプローチの連続体と柔軟な構文の必要性を強調しました。値が異なっていたとしても、プロパティの共有に焦点が浮かび上がりました。
- 結果:膠着状態
- 広範な議論にもかかわらず、コンセンサスはとらえどころのないままでした。ストロー投票により、分割の決定が明らかになりました。 会議は、明確な道を進むことなく終了しました この長期にわたる議論は、よく考えられている解決策の重要性を強調しています。 双方の懸念に対処する新しい提案はおそらく必要です。 CSSの石積みの将来は不確実なままですが、将来のレイアウトシステムにとっての重要性は否定できません。
- さらなるリソース
- この記事には、さらなる読み取りおよび関連するGithubの問題へのリンクが含まれています。
以上がCSSWG Minutes Telecon(2024-12-04):グリッドvs.ディスプレイを使用するだけです:メイソンリーの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

CSSグリッドは、複雑で応答性の高いWebレイアウトを作成するための強力なツールです。設計を簡素化し、アクセシビリティを向上させ、古い方法よりも多くの制御を提供します。

記事では、レスポンシブデザインにおけるスペースの効率的なアラインメントと分布のためのレイアウト方法であるCSS FlexBoxについて説明します。 FlexBoxの使用量を説明し、CSSグリッドと比較し、ブラウザのサポートを詳細に説明します。

この記事では、ビューポートメタタグ、柔軟なグリッド、流体メディア、メディアクエリ、相対ユニットなど、CSSを使用してレスポンシブWebサイトを作成するための手法について説明します。また、CSSグリッドとフレックスボックスを使用してカバーし、CSSフレームワークを推奨しています

この記事では、要素の寸法の計算方法を制御するCSSボックスサイズのプロパティについて説明します。コンテンツボックス、ボーダーボックス、パディングボックスなどの値と、レイアウト設計とフォームアライメントへの影響について説明します。

記事では、CSS、キープロパティ、およびJavaScriptとの組み合わせを使用してアニメーションの作成について説明します。主な問題は、ブラウザの互換性です。

記事では、3D変換、主要なプロパティ、ブラウザの互換性、およびWebプロジェクトのパフォーマンスに関する考慮事項にCSSを使用して説明します。

この記事では、CSSグラデーション(線形、放射状、繰り返し)を使用して、ウェブサイトのビジュアルを強化し、深さ、フォーカス、および現代の美学を追加します。

記事では、CSSの擬似要素、HTMLスタイリングの強化における使用、および擬似クラスとの違いについて説明します。実用的な例を提供します。


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

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

メモ帳++7.3.1
使いやすく無料のコードエディター

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ホットトピック









