


CSSWG Minutes Telecon (2024-12-04): Utilisez simplement la grille vs affichage: maçonnerie
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:
- Des différences comportementales significatives existent entre la maçonnerie et la grille.
-
display: masonry
offre des paramètres par défaut supérieurs (un point récemment souligné par Rachel Andrew). - 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. - Le positionnement de la maçonnerie est plus simple (un axe par rapport aux deux de la grille).
- Les raccourcis de maçonnerie sont plus conviviaux que les raccourcis complexes de Grid.
- Le placement et l'alignement diffèrent considérablement entre la maçonnerie et la grille.
- Les développements futurs en sous-masonrie / sous-grille divergent davantage.
- 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:
- 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.
- La proposition de chrome introduit environ 10 nouvelles propriétés, jugées inutiles.
- La syntaxe améliorée de la proposition chromée a été contestée;
grid-auto-flow
fournit une solution suffisante. - Les différences de syntaxe de mise en page des lignes ont été mises en évidence.
- Les écarts dans le comportement
auto-flow
ont été notés. - Les valeurs par défaut de maçonnerie proposées ont été critiquées comme inefficaces.
- La commutation entre la grille et la maçonnerie (par exemple, aux points d'arrêt) est plus simple avec une approche unifiée.
- 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!

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.

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.

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

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.

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.

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)

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.

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.


Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

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 !

Article chaud

Outils chauds

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

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
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 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
L'éditeur open source le plus populaire
