cnumr / wiki Goto Github PK

Stocker les bonnes pratiques en format JSON pour:

• Mieux structurer les documents représentant les bonnes pratiques
• Permettre de les inclure dans un outil plus facilement (qui se chargerait par exemple de vérifier automatiquement la conformité)
• Gérer des champs structurer pour filtrer, rechercher les bonnes pratiques suivants plusieurs critères

Exemples de champs structurés:

• language: fr_FR, en_US, en_GB etc...
• architecture: ALL, Web Application, Rich Client (Native mobile app), AI, ...
• language: ALL, PHP, Javascript, ...
• framework: ALL, Sympfony, Spring Boot, ...

Autres champs:

• title
• description
• example
• conformity_rule
• advantages
• ecodesign_proof (code, example...)

Cela permettra aussi d'enrichir le référentiel avec des règles en dehors du web et de les filtrer si besoin.

Contain

La propriété CSS contain permet de modifier la portée (scope) d'un noeud dans l'arbre DOM.

article {
  contain: content;
}

Avantages :

• Calcul et recalcul (les positions, la mise en forme, les dispositions et l'affichage) du navigateur scopé et non plus de la page entière
• Chargement paresseux à la lazy loading pour les noeuds situés hors écran

Non prise en charge par les navigateurs suivants :

• Internet explorer
• Safari

Sources :

• https://developer.mozilla.org/fr/docs/Web/CSS/contain
• https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Containment

content-visibility

article {
content-visibility: auto
}

Pris en compte uniquement par :

• Chrome

Sources :

• https://web.dev/content-visibility/