Toys"R"Us (refonte 10/06)
Intégration HTML / CSS / JavaScript
Un peu plus d'un an après sa mise en ligne, le site évolue[a]. Si le graphisme général reste le même, des réorganisations, de nouvelles rubriques ainsi que des pages au design unique voient le jour. Globalement, l'intégration a été revue pour mettre en place une architecture plus solide et structurée, permettant une plus grande souplesse au niveau des styles et une simplicité accrue lors du déploiement de nouvelles pages. Cet aspect était primordial, notamment pour les produits licences (24 licences actuellement) qui bénéficient tous d'une présentation propre[b].
L'organisation des CSS en différents fichiers ciblés est devenue essentielle, pour éviter non seulement des chargements trop importants (24 présentations différentes et les pages d'actualités au design particulier, même basées sur une architecture identique ou proche représentent un poids conséquent !), mais aussi et toujours pour simplifier le développement de nouvelles pages ou rubriques.
Les JavaScripts utilisés sur le site ont aussi faits l'objet d'une révision : la validation des formulaires a ainsi été totalement repensée (anciennement sous forme d'alertes peu accessibles) et tous les scripts ont été externalisés pour faciliter les mises à jour et éviter d'alourdir inutilement les pages. Il reste toutefois à améliorer quelques points comme l'ouverture des popups (événement toujours associé au HTML via l'attribut onclick présent sur les liens) pour obtenir des JavaScripts vraiment non obtrusifs…
Notes
- Pour en savoir plus sur les objectifs, les contraintes et la stratégie mise en œuvre, je vous invite à lire l'étude de cas d'Eric Di Pol, chef du projet.
- Vous pouvez par exemple voir les produits Spider-Man ou encore les produits Winnie…