Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modification BP #22 #293

Closed
6 tasks
ACTLEM opened this issue Nov 17, 2021 · 1 comment · Fixed by #319
Closed
6 tasks

Modification BP #22 #293

ACTLEM opened this issue Nov 17, 2021 · 1 comment · Fixed by #319
Labels
modification modification of a best practice

Comments

@ACTLEM
Copy link
Collaborator

ACTLEM commented Nov 17, 2021

Discussion: #235

Tâches:

  • Modifier le fichier BP_022_fr.md
  • Modifier le titre
  • Modifier la description
  • Modifier la règle de validation avec son seuil de conformité

Les éléments suivants sont facultatifs:

  • Ajout d'exemples
  • Ajout d'une solution alternative
@ACTLEM ACTLEM added the modification modification of a best practice label Nov 17, 2021
@Fred-artwai
Copy link

Fred-artwai commented Nov 22, 2021

Titre : Limiter le nombre de CSS

Description : Limiter le nombre de CSS pour ne pas multiplier les requêtes HTTP et pour simplifier le rendu cotés navigateur. Utiliser une feuille de style commune pour tous les éléments commun quelques soit l'affichage et un fichier par résolution cible ou media querie.

Attention, intégrer ces fichiers directement dans le code HTML et NON PAS avec des directives @import dans les fichiers CSS eux mêmes. En découpant de la sorte, le terminal de l'utilisateur choisira ce qu'il lui correspond et dépriorisera le chargement des fichiers dont il a n'a pas besoin.

Le cas échéant, des fichiers CSS pour certains composants peuvent être chargés en fonction du contexte.

Exemple :

<link rel='stylesheet' id='css-css'  href='communs.css' type='text/css' media='all' />
<link rel='stylesheet' id='css-xs-css'  href='petits-ecrans.css' type='text/css' media='(max-width: 959px)' />
<link rel='stylesheet' id='css-sm-css'  href='tablettes.css' type='text/css' media='(min-width: 768px)' />
<link rel='stylesheet' id='css-mdlg-css'  href='grands-ecrans.css' media='(min-width: 960px)' />
<link rel='stylesheet' id='css-print-css'  href='print.css' type='text/css' media='print' />

Conformité : Limiter le nombre de fichiers à 10. Proscrire les @imports.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
modification modification of a best practice
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants