diff --git a/README.md b/README.md index 2f1415fe..7367adce 100644 --- a/README.md +++ b/README.md @@ -99,7 +99,7 @@ Pour simplifier vos recherches, n'oubliez pas d'utilisez les filtres disponibles * :wastebasket: #052 Donner des fonctions en paramètre à setTimeout() et setInterval() plutôt que des string * :wastebasket: #053 Utiliser une boucle au lieu de .forEach() (ou reduce()) * :o: #054 [Réduire les accès au DOM via JavaScript](/chapters/BP_054_fr.md) -* :wastebasket: #055 [Privilégier les changements visuels instantanés](/chapters/BP_055_fr.md) +* :wastebasket: #055 Privilégier les changements visuels instantanés * :wastebasket: #056 Utiliser un système de templating (Smarty, Twig) * :heavy_check_mark: #057 [Utiliser tous les niveaux de cache du CMS](/chapters/BP_057_fr.md) * :heavy_check_mark: #058 [Générer les PDF en dehors du CMS](/chapters/BP_058_fr.md) diff --git a/chapters/BP_055_fr.md b/chapters/BP_055_fr.md deleted file mode 100644 index 9d5f6f5f..00000000 --- a/chapters/BP_055_fr.md +++ /dev/null @@ -1,50 +0,0 @@ -## Privilégier les changements visuels instantanés - -### Identifiants - -| GreenIT | V2 | V3 | V4 | -|:-------:|:----:|:----:|:----:| -| 36 | 47 | 55 | | - -### Indications - -| Degré de priorité | Mise en oeuvre | Impact écologique | -|-------------------|:-------------------------:|:---------------------:| -| Conseillé | Standard | Fort | - - -|Ressources Economisées | -|:----------------------------------------------------------:| -| Processeur | - -### Description - -Les animations, qu’elles soient réalisées en CSS ou pilotées par Javascript, génèrent beaucoup de repaint/reflow. Pour moins consommer de cycles CPU, il est donc préférable d’utiliser des changements instantanés plutôt qu’animés. - -### Exemple - -Éviter les effets JavaScript de fade in/fade out dans les sliders. Ne pas écrire : -```html - -``` - -mais plutôt : -```html - -``` - -### Principe de validation - -| Le nombre ... | est inférieur ou égal à | -|-------------------|:-------------------------:| -| d'effets d'animation (fadeIn, fadeOut, slideUp, slideDown, animate) dans la page | 1 |