Ravalement de façade...
Par Deeder le jeudi 3 janvier 2008, 15:27 - ~/Home - Lien permanent
Cela aura été plus rapide que prévu. Après quatre ou cinq maquettes infructueuses, celle-ci aura été la bonne. Quelques centaines de lignes de CSS plus tard, la nouvelle version de LiberT est en ligne. Bienvenu sur LiberT version 3 ? 4 ? 5 ? En espérant que cela vous plaise. Vous trouverez brièvement ci-dessous quelques contraintes de réalisation que je me suis imposé.
Malgré un teinte plutôt sombre, le contenu reste une police foncée sur un fond clair pour une meilleure lisibilité, le tout est extensible et s'adapte à toutes les résolutions, y compris le 600*800. Le contenu dispose d'un max-width pour limiter son extension et favoriser sa lisibilité. Ce thème marque aussi le retour d'un thème en trois colonnes pour limiter la hauteur des pages et le scroll et ainsi favoriser la navigation d'une page à l'autre. On garde le principe de menu horizontal sous le header pour les grandes catégories du site, la navigation n'en est que facilitée.
Les couleurs vives contrastent avec le fond terne afin de garder un certain dynamisme et une certaine cohérence de l'ensemble graphique. Peu de fioritures, le tout reste sobre dans son ensemble de manière à se focaliser sur le contenu principalement textuel. Le header reste néanmoins assez lourd à charger, il faudrait optimiser le png sans dégrader sa qualité, je cherche encore un programme qui me le permette. Si vous avez des remarques, si vous voyez des bugs ou je ne sais quoi, n'hésitez pas à m'en faire part en commentaire. 
L'ancien thème n'est pas perdu, il reste dans les cartons et sera peut-être proposé au téléchargement un peu plus tard. Pour le moment, ce thème est trop bidouillé pour que je puisse le proposer en libre utilisation. Il doit être épuré et léché auparavant. Pour le moment je vais me concentrer à nouveau sur le contenu : le retour aux choses sérieuses est annoncé !
Edit : Le menu à deux colonnes va vraisemblablement être mis à jour sous peu : la blogroll va être nettoyée, de nouvelles catégories risquent de faire leur apparition, etc.

Commentaires
J'avoue que l'alignement à gauche fait bizarre mais on va s'habituer. Juste comme ça, c'est toi le graphiste ? :p Si c'est le cas, bravo, c'est bien réalisé.
Sinon bravo encore, j'ai déjà hâte que tu reprennes un rythme sérieux. Dernière chose : c'est normal que le nombre de billets dans les archives&catégories soit en noir (et du coup on le voit pas) ?
Très joli Deeder, félicitations. : )
Par contre, tu devrais peut-être mettre un peu moins d'articles par pages, 3 ou 4, se serait suffisant à mon avis. Sinon je trouve que les archives dans le menu, ce n'est vraiment pas utile car qui saurait se rappeler de la date d'un billet pour le rechercher? à mon avis personne.
Je suis fan !
Y'a pas à dire, c'est vraiment très réussi !
Bonne continuation à toi et bon courage =)
@Cam : C'est du fait maison de A à Z, y compris le design, c'est d'ailleurs pour ça que ça reste basique. Pour le nombre de billets, je n'avais même pas vu, je vais corriger ça.
@Clément : Pour ma part je sais que j'aime bien retrouver les archives sur les blogs que je visite pour la première fois, ça permet de suivre rapidement le cheminement de l'auteur. Pour le nombre d'articles, je vais voir ce que ça donne en diminuant.
@delphiki : Merci, ça reste simple mais mes compétences en designing sont limitées.
je n'ai qu'une seule chose à dire : il est extra ! =D
Kévin> Merci beaucoup.
Deeder au passage, tu peux supprimer le lien Blogfrench dans tes liens.
Pas mal du tout ! Je suis jaloux
Bravo.
Pour ton image, le simple fait de la passer par The Gimp, sauvegarde en jpg avec option optimiser et qualité à 85 permet de passer de 207 à 33kio de manière fort acceptable (17kio à 50 est encore pas mal du tout). A toi de jouer sur la qualité pour réduire encore plus
Cam > C'est prévu, je m'en occupe dès que je peux, je vais faire le ménage (suppressions et ajouts)
Kagou > J'ai vaguement essayé de passer mon png en jpg (sous Gimp, cela va de soit, je ne travaille que sous ce logiciel ou presque) et j'ai été déçu par le rendu., même en qualité 100. Le png est une meilleure alternative et il existe des petits programmes pour optimiser les png, mais ceux que j'ai essayé ne donnaient pas un résultat très fameux car l'image comporte pas mal de dégradés rendant difficile la réduction du nombre de couleurs. Mais je n'ai pas dit mon dernier mot.
Je savais bien que j'avais ce lien quelque part :
http://pmt.sourceforge.net/pngcrush...
A l'époque je l'avais trouvé pas mal…
C'est tout bonnement excellent comme nouvelle version, du contraste clair/sombre, de la couleur, tout en gardant un fond clair pour le contenu principal.
Tu parles de simplicité dans le design, mais je trouve ça vraiment joli, d'un excellent niveau. Je connaissais le Deeder codeur, maintenant il y a le Deeder graphiste.
Au niveau du contenu et de la disposition, je trouve ça nickel. Je pense que c'est surtout selon le gout de chaque auteur de son blog, le nombre de billets, peu importe, quant au menu latéral de droite, c'est sympa, au moins on a tout sous la main rapidement.
Un grand bravo Deeder, content de te voir avec une nouvelle tapisserie. Vivement les nouveaux articles
Bravo à toi pour ce design. Je suis content que ton blog reprenne du poil de la bête, ça me faisait un peu mal à chaque visite de voir que les articles se faisaient un peu plus rares. Il y a un petit bug sur Safari : une barre de défilement horizontal apparaît et lorsque je défile, il n'y a rien. Je pense que c'est du à un problème de marges, quelque chose du genre.
Kagou > Merci, je teste ça.
Maichtieu > Je vais m'acheter des pantalons à pattes d'eph, et je reviens. Merci pour ces compliments, ça fait plaisir.
Vinchz > Les vacances se finissent bientôt et mon temps libre avec. Je vais néanmoins tâcher de rester régulier mais je ne pourrai pas poster aussi régulièrement qu'avant. En ce moment, le Web est un peu mort, mais il va, du moins je l'espère, refleurir au printemps. Ce sera surement la venue de billet plus intéressants avec l'arrivée des hirondelles.
Pour ce qui est du bug, je regarde à ça dès que je peux, c'est vrai que je n'ai pas testé le rendu sous Safari.
Soit dit en passant, je ne vois pas de bug majeur sous Safari (via mon Ipod Touch).
Fil des commentaires de ce billet