Chergaoui.com : le nouveau design est là !

Après des jours de repos et quelques semaines de réflexions, je reviens vers vous chers lecteurs (comme promis ) avec le nouveau look de Chergaoui.com.

Bien que qu’il ne soit pas encore prêt à 100% (j’ai pas mal d’idées à implémenter par la suite), un petit tour d’horizon s’impose pour vous présenter les nouveautés et changements opérés :

So Fresh and So clean !

Comme vous l’aurez remarqué, le nouveau design est beaucoup plus épuré que le précédent : très “whitey” avec pas mal d’espaces blancs, mais avec une touche de bleu ciel histoire de le rendre plus frais. Ce nouveau thème a été créé “from scratch” par mes soins, et j’en suis plutôt fier

Pour l’instant, j’hésite encore à le faire sortir en thème WordPress téléchargeable; mais je me fixerais une fois que j’aurais bouclé toutes les finitions.

Grid Powaaa !

Le thème a été designé selon un modèle de grille 950px à trois colonnes. Je me suis légèrement inspiré des dimensions fournies par le framework Blueprint CSS, tout en les adaptant à mes besoins.

La taille de la zone de contenu a été revue à la hausse, et passe de 500px à 630px, pour plus de confort et une meilleure lisibilité.

La barre latérale, quant à elle, est très légère. Pour l’instant elle ne sert qu’à afficher les derniers articles et les méta données. Il se pourrait que j’y ajoute un ou deux blocs, mais pas plus !

Homepage Customisée !

Le concept de la page d’accueil a été entièrement revu. Je passe ainsi d’une homepage classique qui ne fait qu’afficher par ordre anté-chronologique les derniers articles, à une homepage plus complète et plus riche.

Vous y trouverez le dernier article mis en avant avec une image associée et un petit résumé + les 5 derniers articles le précédant sous forme de liens textuels.

Un peu plus bas, une petite sélection d’articles choisies par mes soins, une sorte de Best-of, qui correspondent à un article par catégorie.

En bas de page, vous pouvez consulter les dernières photos ajoutées su mon compte Flickr, ainsi que des liens vers quelques autres projets auxquels je participe.

Navigation améliorée !

Durant le processus de création du thème, j’ai fait en sorte à ce que la navigation sur le blog soit plus fluide. Les catégories sont désormais mises en avant et visibles en haut de page. Il en existe 6 : WordPress, Musique, Web, Design, Blogging et Logiciel Libre.

Il existe une 7ième catégorie de moindre importance Divers, qui n’est pas visible sur le menu, mais dont les articles seront accessibles depuis la section “Derniers articles”, la page d’archives ou un lecteur de flux RSS.

Cette catégorie contiendra surtout des articles d’humeur, ou liés aux changements opérés sur le blog.

Standards compliant ?

Le code du nouveau thème comporte encore quelques erreurs que je veillerai à corriger le plutôt possible.

La feuille de style principale est valide CSS de niveau 2.1. Je tiens à signaler que j’utilise une deuxième feuille de style opacity.css sur laquelle j’ai mis un bout de code non conforme aux standards :

.post-title{filter: alpha(opacity=75); -moz-opacity: .75; opacity:.75;}

Cette instruction sert à diminuer l’opacité d’un élément d’une page HTML. L’effet est visible sur le résumé du dernier article dans la page d’accueil. D’ailleurs, si vous avez une meilleure solution, je suis preneur!

Pour l’instant, le rendu du site n’a été testé et vérifié que pour Firefox et Internet Eplorer 7.

Work in progress !

Comme je l’ai mentionné un peu plus haut, les travaux ne sont pas encore finis. Il me reste encore quelques améliorations à apporter, tant au niveau de l’expérience utilisateur, qu’au niveau du look.

Mais avant il faudrait que j’associe pour chaque article une image (visible lorsqu’on navigue dans les catégories), et que je prépare une page d’erreur 404.

Ceci dit, je suis ouvert à toute proposition ou suggestion pour améliorer la qualité de Chergaoui.com : ce que vous aimez, ce que vous aimez moins, ce que vous pensez que j’aimerais , etc …

A vous la parole donc ! Yep !