[V3] Semaine 63 (19 au 25 décembre 2011)

27/12/2011 22:12
282 lectures
Comme annoncé, je me suis penché sur le look final. J'ai passé du temps à regarder ce qui existe en "frameworks CSS et/ou JS", car je ne connaissais que Twitter Bootstrap, que j'ai d'ailleurs déjà appliqué dans l'administration du site, mais dont je ne suis pas 100% satisfait, notamment parce que son système de grille est fixe. Ce qui m'intéresse pour la partie "publique" (celle que voient tous les visiteurs), c'est d'avoir quelque chose de modulable et puissant qui réponde aux besoins d'aujourd'hui et de demain. Et j'ai fini par tomber sur Foundation, qui fait tout ce qui m'intéresse :
  • un système de grille fixe ou flexible
  • des looks sympas pour les formulaires, les boutons et pleins d'autres choses
  • du "responsive design" (faire en sorte que la disposition et l'affichage du contenu s'adapte à la taille de l'écran)

Ce dernier point me paraît très important. Je l'ai déjà dit, il n'y aura plus de version mobile du stub. L'ensemble du site pourra être affiché sur les écrans d'ordinateurs, de téléphones, de tablettes, de télés... ("devices" dans la suite). En utilisant les bonnes propriétés, on peut faire en sorte que la même page soit affichée de différentes façons selon la taille de l'écran. Il y a beaucoup d'avantages à ce système en terme de gestion :
  • on ne gère qu'une unique version de chaque page
  • le cache est le même quel que soit le device
  • absolument toutes les fonctionnalités sont utilisables depuis n'importe quel device
  • pas grand chose à faire pour adapter le système aux futurs devices

Pour les sceptiques, cliquez sur les liens suivants, puis réduisez la taille de votre navigateur. Vous verrez que passé sous une certaine largeur, les blocs sont affichés différemment. Ca peut être assez bluffant, mais c'est vraiment LA bonne pratique pour les sites actuels et futurs, la consultation des sites depuis des écrans autres que d'ordinateurs étant en train d'exploser (et c'est pas prêt de s'arrêter) :

Commentaires (0)

Flux RSS
  • Aucun message pour l'instant.

Commenter

Flux RSS Le stublog de chris : billets, photos, souvenirs, activité racingstub.com, livre d'or...
chris1333557370.png

chris Administrateur

Voir son profil complet

Chargement... Chargement...