Passons à la largeur supérieure

Passons à la largeur supérieure

Jan 06

Malgré mon manque d’inspiration, en ce moment pour pouvoir écrire de nouveaux billets, je me suis à nouveau penché sur le design de ce blog.

Après l’influence de nombreux billets sur les designs actuels, je me suis laissé convaincre par les différents points abordés dans tous ces billets. Les principaux changements engendrés dans ce nouveau template peuvent s’énumérer ici :

• Oublier les designs clos centrés sur la largeur et privilégier des entêtes et pieds de page exploitant 100% de la largeur sans pour autant mettre en place des designs extensibles.
• Favoriser désormais des designs pour des résolutions supérieures à 950 de large (la résolution minimum du visiteur à considérer passe donc de 800/600px à 1024/768px).
• Les designs extensibles présentaient autrefois un intérêt certain, mais avec l’arrivé de nombreux écrans à résolution WIDE avec des résolutions en largeur supérieures a 1600px, la lisibilité des billets n’était plus adaptée. Pour résoudre ce problème, on peut alors exploité les attributs CSS min-width et max-width afin de parer à ce problème mais ceux-là ne sont pas pris en charge par certains navigateurs. La solution que j’ai retenue ici est donc une largeur fixe suffisamment importante pour permettre une lisibilité quelque soit la résolution du visiteur.
• En terme de lisibilité, les habitudes ont aussi évolué, et on peut alors considérer par défaut une taille de police plus importante. Par exemple, la taille de police utilisée désormais pour les billets est passée à 14px. Tous ces changements en terme de lisibilité sont possibles grâce à cette évolution des résolutions qui permet désormais de bénéficier d’un confort notoire.
• Découper plus précisément le template afin de trouver une structure qui facilite la navigation et qui établit un certain découpage fonctionnel. Par exemple, ici on peut découper le template de la façon suivante :

Dites moi donc ce que vous en pensez et vos suggestions pour continuer à l’améliorer.