Rien ne se perd, rien ne se crée, tout se transforme

Par Viper, Mercredi 14 Octobre 2009 à 21:09 - [Général]

Après plus de 3ans de bons et loyaux services, le look de ce site se devait de changer.

J'espère que ce changement ne va pas vous perturber outre mesure, mais j'avoue que j'avais depuis longtemps envie de modifier l'image que renvoyais mon site.

nouvelle interface qui se veut plus professionnelle, et devrais mieux correspondre à mon image (du moins j'espère).

Cette nouvelle mise en page se veut donc plus agréable a lire, sans fioritures inutiles. en un mot, représentative d'un Web de qualité qui se doit d'aller au but sans prendre les gens pour des idiots.

Comme je ne suis pas graphiste, j'ai souhaité utiliser le minimum d'image, et me contenter autant que possible de ce que pouvais m'offrir le couple Html/CSS.

Structurellement

Exit la double colonne et les possibilité de recoupement des articles par X critères, je n'ai conservé que l'accès par catégories et moteur de recherche.

Beaucoup plus "égocentrique", elle facilite l'accès à mes différents profil de réseaux sociaux, dans le header

La colonne de droite est composée d'une présentation succincte de votre humble serviteur, ainsi que de (quand tout se passe bien au niveau de l'api) mes trois derniers tweets.

J'ai aussi opté pour un gros footer qui affiche de l'information que je qualifie d'annexe : Dernier commentaires, musique écoutée sur last.fm, blogroll et favoris delicious.

Notez que la blogroll est la même qu'avant, j'effectue uniquement un affichage aléatoire de 10 liens parmis tous.

La zone de contenu a aussi gagnée en largeur, et je l'espère, en lisibilité. interlignage plus grand, meilleure utilisation des possibilités de mise en page offerte par le HTML

Apparition nouvelle d'un fil d'Ariane, qui est un pré-requis de tout bon site web de nos jours.

J'ai opté pour une chaine de police a empattement léger pour les titres, et une police sans-serif un pue arrondis afin d'optimiser la lecture sans être trop aggréssive.

Au niveau des contenus

Pour ce qui est des contenus, j'ai revu la home pour lui donner un aspect "magazine". ou plutot une mise en avant des derniers articles.

Les pages de listes d'articles ont été aussi revu afin de réduire la taille des contenus affichés. et avoir un ensemble un peu plus cohérent.

J'ai supprimé la partie portfolio, car elle n'a pas été mise depuis longtemps.

Le fonctionnement de la galerie de photo est totalement similaire j'ai juste revue un peu les styles CSS afin de coller à l'ensemble.

Le cv à lui aussi été revue, et profite maintenant d'un balisage html plus efficace, (du moins j'espère).

Et pour tout ça, on dit merci à qui ?

Concrètement, le fait déclencheur de cette refonte, a été la refonte du site de Frédéric de Villamil (@fdevillamil )

J'ai beaucoup aimé la nouvelle structure de se son site, que j'ai bêtement adapter à mes gouts.

Je me suis aussi inspiré des blogs minimaliste de Bruno Bichet de Css4Design (@integrateur_css ) et de mon ancien collègue d'IUT Giz404 (@Giz404)

Ils n'en savent rien, mais ces 3 personnes ont jouées un grand rôle dans la création de cette V3. Je vous remercie donc chaleureusement pour votre aide précieuse. ;)

Je remercie aussi Smashing Magazine, Crystal Xp et IconPedia pour leurs icones

Et pour la suite... ?

Prochaine étape, tentative d'intégration d'un véritable lifestream en lieu et place du simple twitter

Lien permanent de cet article : http://lucmuller.free.fr/blog/index.php?article=748-rien-ne-se-perd-rien-ne-se-cree-tout-se-transforme

Ils donnent leur avis :

Par : Antoine, Mercredi 14 Octobre 2009 à 21:58

Moi j'aime bien. D'ailleurs si ce n'est pas indiscret, tu les as trouvé où les badges de twitter facebook et du flux RSS ?

Par : Viper, Mercredi 14 Octobre 2009 à 22:02

@Antoine, tu les trouveras ici : http://www.iconspedia.com/pack/aquaticus-social-1367/

Par : Antoine, Mercredi 14 Octobre 2009 à 22:07

@Viper Merci.

Par : giz404, Jeudi 15 Octobre 2009 à 13:25

J'aime bien !!
C'est effectivement beaucoup plus lisible qu'auparavant (plus besoin de zoomer pour mes yeux de taupe)

S'incrire aux commentaires de cet article par Rss

Discuter cet article