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.
Observer la bonne boîte
Un composant peut changer de taille parce qu’une colonne apparaît, qu’un texte se replie ou qu’un panneau s’ouvre. Se limiter au redimensionnement de la fenêtre peut manquer ces situations. Un observateur local permet de relier la réaction à la taille qui compte réellement.
Éviter les boucles de modification
Si la réaction change elle-même la dimension observée, elle peut déclencher de nouvelles notifications. La logique doit converger vers un état stable et éviter les ajustements contradictoires. Comparez les mesures avant d’écrire et ne modifiez que ce qui est nécessaire.
Préférer CSS quand cela suffit
Les outils de mise en page peuvent parfois résoudre le besoin sans JavaScript. Utilisez l’observation lorsqu’un véritable calcul ou dessin dépend de la taille. Pensez à arrêter l’observateur quand le composant est retiré, puis testez les changements de contenu et les tailles intermédiaires. Un panneau latéral ouvert après le chargement constitue un bon scénario pour vérifier une réduction de largeur indépendante de la fenêtre.