Les mots utiles, en clair
- CSS : présentation
- Les règles qui définissent les couleurs, les tailles et la disposition de votre page.
- JavaScript : interactions
- Le code qui fait fonctionner des éléments comme les menus, les formulaires et certaines animations.
Décrire la relation entre les éléments
Une grille de cartes demande généralement des colonnes, des espacements et des contraintes de largeur. CSS peut exprimer ces relations sans mesurer chaque carte au chargement. Cela évite une initialisation supplémentaire et facilite l’adaptation lorsque le contenu ou la fenêtre change.
Préserver les cas particuliers
Une carte peut contenir un titre long, une image absente ou un bouton supplémentaire. La grille doit tolérer ces différences sans masquer le contenu. Testez également l’ordre de lecture : une réorganisation visuelle ne doit pas rendre la navigation au clavier incohérente.
Retirer le script seulement après vérification
Un ancien script de mise en page peut aussi gérer des fonctions annexes. Identifiez-les avant de le supprimer. Comparez le chargement initial, le redimensionnement et les interactions. Une solution native plus simple est intéressante lorsqu’elle remplace réellement le besoin, pas lorsqu’elle laisse une partie du comportement sans équivalent.