recherche
Maisoninterface Webtutoriel CSSCSSWG Minutes Telecon (2024-12-04): Utilisez simplement la grille vs affichage: maçonnerie

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

Le groupe de travail CSS (CSSWG) organise des réunions régulières pour résoudre les problèmes de GitHub, empêchant souvent de longs débats de forum. Une réunion particulièrement significative s'est produite le 4 décembre 2024, en se concentrant sur une discussion de cinq ans: La maçonnerie devrait-elle être intégrée dans la grille ou rester un système de mise en page distinct?

Pour une compréhension complète de l'histoire du débat, consultez la grille CSS Masonry & CSS par Geoff et choisissant une syntaxe de maçonnerie dans CSS par Miriam Suzanne.

La question de base, après des années de discussion et d'obstacles techniques désormais résolus, se résume à Syntaxe : Quelle approche est plus facile pour les développeurs d'apprendre et comment cela aura un impact sur le développement futur CSS?

Le groupe d'architecture technique W3C (TAG) a fourni des commentaires, ce qui a provoqué une tentative de concilier deux propositions concurrentes d'Apple et de Google. Les deux parties ont présenté leurs arguments lors de la réunion, visant un consensus. (Les procès-verbaux de la réunion sont disponibles sur w3c.org)

Propositions concurrentes: présentations PowerPoint

Alison Maher (Microsoft), plaidant pour la maçonnerie en tant que nouvelle valeur display, a mis en évidence ces points:

  1. Des différences comportementales significatives existent entre la maçonnerie et la grille.
  2. display: masonry offre des paramètres par défaut supérieurs (un point récemment souligné par Rachel Andrew).
  3. Les préoccupations concernant les longues secours pour display: masonry ont été rejetées; Maher a fait valoir que se concentrer sur le futur est primordial et que les bases explicites devraient être implémentées par les auteurs.
  4. Le positionnement de la maçonnerie est plus simple (un axe par rapport aux deux de la grille).
  5. Les raccourcis de maçonnerie sont plus conviviaux que les raccourcis complexes de Grid.
  6. Le placement et l'alignement diffèrent considérablement entre la maçonnerie et la grille.
  7. Les développements futurs en sous-masonrie / sous-grille divergent davantage.
  8. L'intégration de la maçonnerie dans la grille entraînera des spécifications gonflées, une complexité d'apprentissage accrue et une confusion des développeurs.

Conclusion (maher): La maçonnerie doit être un type d'affichage séparé.

Jen Simmons (webkit), défendant l'approche "Utiliser la grille", contrée avec:

  1. Un nouveau type de mise en page introduit une syntaxe séparée, similaire mais distinct, potentiellement déroutant les développeurs familiers avec la grille.
  2. La proposition de chrome introduit environ 10 nouvelles propriétés, jugées inutiles.
  3. La syntaxe améliorée de la proposition chromée a été contestée; grid-auto-flow fournit une solution suffisante.
  4. Les différences de syntaxe de mise en page des lignes ont été mises en évidence.
  5. Les écarts dans le comportement auto-flow ont été notés.
  6. Les valeurs par défaut de maçonnerie proposées ont été critiquées comme inefficaces.
  7. La commutation entre la grille et la maçonnerie (par exemple, aux points d'arrêt) est plus simple avec une approche unifiée.
  8. La réutilisation des fonctionnalités existantes de la grille s'aligne sur les principes de conception CSS.

Entrée de balise

Lea verou (balise) a offert la perspective de la balise:

La balise a trouvé les arguments de WebKit convaincants. Ils ont suggéré non seulement l'intégration de la maçonnerie dans la grille, mais aussi la simplification de la grille elle-même. Tout en reconnaissant la complexité de certaines caractéristiques de la grille, ils ont souligné la nécessité de solutions plus simples. Ils ont mis en évidence le potentiel de défaut plus intelligents et les avantages d'une approche unifiée pour réduire la courbe d'apprentissage. La balise a également souligné que de nombreux cas d'utilisation de maçonnerie bénéficient de grilles plus simples, souvent 1D,

Le débat se poursuit

La discussion ultérieure a impliqué divers points de vue:

  • Les préoccupations ont été soulevées concernant la cohérence des propriétés proposées.
  • Certains membres ont changé leur position en fonction des arguments de la balise.
  • Des contre-arguments forts ont été présentés contre les recommandations de l'étiquette, citant les conflits potentiels et les complexités résultant de la combinaison de modèles de disposition distincts.
  • L'étiquette a clarifié leur position, mettant l'accent sur le continuum des approches de mise en page et la nécessité d'une syntaxe flexible.
  • Une focalisation a émergé sur les propriétés du partage, même si display les valeurs différaient.

Le résultat: une impasse

Malgré une discussion approfondie, un consensus est resté insaisissable. Un sondage de paille a révélé une décision divisée. La réunion s'est terminée sans une voie claire.

Ce débat prolongé souligne l'importance d'une solution bien considérée. Une nouvelle proposition répondant aux préoccupations des deux parties est probablement nécessaire. L'avenir de la maçonnerie dans CSS reste incertain, mais son importance pour les futurs systèmes de disposition est indéniable.

Ressources supplémentaires

L'article comprend des liens vers la lecture plus approfondie et les problèmes de github pertinents.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Qu'est-ce que CSS Grid?Qu'est-ce que CSS Grid?Apr 30, 2025 pm 03:21 PM

CSS Grid est un outil puissant pour créer des dispositions Web complexes et réactives. Il simplifie la conception, améliore l'accessibilité et offre plus de contrôle que les méthodes plus anciennes.

Qu'est-ce que CSS Flexbox?Qu'est-ce que CSS Flexbox?Apr 30, 2025 pm 03:20 PM

L'article traite de CSS Flexbox, une méthode de mise en page pour l'alignement et la distribution efficaces de l'espace dans les conceptions réactives. Il explique l'utilisation de Flexbox, la compare à la grille CSS et détaille la prise en charge du navigateur.

Comment pouvons-nous rendre notre site Web réactif à l'aide de CSS?Comment pouvons-nous rendre notre site Web réactif à l'aide de CSS?Apr 30, 2025 pm 03:19 PM

L'article traite des techniques de création de sites Web réactifs à l'aide de CSS, y compris des balises de méta de la fenêtre, des grilles flexibles, des médias fluides, des requêtes multimédias et des unités relatives. Il couvre également l'utilisation de la grille CSS et de Flexbox ensemble et recommande le cadre CSS

Que fait la propriété CSS Box-Sizizing?Que fait la propriété CSS Box-Sizizing?Apr 30, 2025 pm 03:18 PM

L'article traite de la propriété CSS-Box-Sizing, qui contrôle comment les dimensions des éléments sont calculées. Il explique des valeurs telles que la boîte de contenu, la boîte de bordure et la boîte de padding, et leur impact sur la conception de la disposition et l'alignement de la forme.

Comment pouvons-nous animer à l'aide de CSS?Comment pouvons-nous animer à l'aide de CSS?Apr 30, 2025 pm 03:17 PM

L'article discute de la création d'animations à l'aide de CSS, de propriétés clés et de combinaison avec JavaScript. Le principal problème est la compatibilité du navigateur.

Pouvons-nous ajouter des transformations 3D à notre projet en utilisant CSS?Pouvons-nous ajouter des transformations 3D à notre projet en utilisant CSS?Apr 30, 2025 pm 03:16 PM

L'article discute de l'utilisation de CSS pour les transformations 3D, les propriétés clés, la compatibilité du navigateur et les considérations de performances pour les projets Web. (Compte de caractère: 159)

Comment pouvons-nous ajouter des gradients dans CSS?Comment pouvons-nous ajouter des gradients dans CSS?Apr 30, 2025 pm 03:15 PM

L'article discute de l'utilisation des gradients CSS (linéaire, radial, répétant) pour améliorer les visuels du site Web, l'ajout de profondeur, de concentration et d'esthétique moderne.

Que sont les pseudo-éléments dans CSS?Que sont les pseudo-éléments dans CSS?Apr 30, 2025 pm 03:14 PM

L'article traite des pseudo-éléments dans CSS, de leur utilisation dans l'amélioration du style HTML et des différences par rapport aux pseudo-classes. Fournit des exemples pratiques.

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

MantisBT

MantisBT

Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.

MinGW - GNU minimaliste pour Windows

MinGW - GNU minimaliste pour Windows

Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.

mPDF

mPDF

mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) ​​et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),

Télécharger la version Mac de l'éditeur Atom

Télécharger la version Mac de l'éditeur Atom

L'éditeur open source le plus populaire