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 !
2:01 pm
31/07/08
En tout cas bravo!
J px te recruter pr m’acheter un nouveau domaine et l’améliorer?
Tu me dira que t’a un tas de chose à faire, nanani nanana loool!
Bref, c génial
En passant par ici j’ai un souci avec mon iphone, de la version 1.1.4 de l’itunes j’ai téléchargé la version 2.0
Seul bémol, jm suis retrouvé avec un iphone qui ne marche po, quant à la carte SIM originale, je l’ai perdu de vue depuis le jour où mon père l’avait ds sa main…
Arghhhhh Snif snif quel con je suis!
Je ferai des recherches après les vac pt être pr corriger mon erreur!
La programmation n’est pas du tout faite pour moi
2:11 pm
31/07/08
Félicitations !
Le design est extra, très clean et très professionnel.
La partie grise du bas est formidable
En tout cas bravo
2:15 pm
31/07/08
Bravo c’est très réussi.
L’utilisation d’un index de ce format va considérablement modifier l’accès à l’information. Tu verras la différence dans les stats (important ou pas, à toi de juger :p)
2:16 pm
31/07/08
Huhu, il est beau ! Je veux le même ! J’aime bien l’effet néon sur les menus. D’ailleurs, la barre de menu qui propose les catégories, c’est vraiment très pro.
2:40 pm
31/07/08
Salut !
J’aime bien ton nouveau design.
Je le trouve très … comment dire … très B2 !
Adamito
2:44 pm
31/07/08
Merci à vous tous
Je suis vraiment ravi que ça plaise !
@Maestro : je ne suis pas vraiment un adepte de l’iPhone. Du coup, je n’ai pas de conseils ou d’astuces à te révéler
Mais sinon, si tu veux un coup de main sur du design, je suis dispo
@SimoX : et dire que j’étais à deux doigts d’abandonner l’idée du gris en bas
!
@Romain : je suis curieux de voir ça !
@Rémian : je me rappelle que c’est grâce à une de tes notes sur Pownce, que j’ai pu retrouver un lien vers des exemples de menus de ce style
! Yep \o/
@Adamito : c’est l’effet voulu
!
2:51 pm
31/07/08
Je vais juste faire un petit bémol, tu devrais te faire une jolie favicon, parce que celle actuellement et pas très jolie.
2:53 pm
31/07/08
Tout à fait Rémian ! Celle ci je l’ai depuis tout le début
Je mets ça sur ma ToDo list !
3:02 pm
31/07/08
Saluuut et Bessa7a le nouveau design !
Il te va trop bien ;=)!
A + Ba Ahmed !
9:17 pm
31/07/08
Merci Salma
11:08 pm
31/07/08
J’adore
(y’a juste un petit bug d’affichage au niveau de la textbox de recherche sous Firefox 3 sur Mac OS X)
10:21 pm
01/08/08
Trés beau, le bleu ciel et le gris sont trés bien choisi et le style épuré donne envie de lire… A mon avis faut penser à le partager quand tu l’auras finalisé. Bravo
5:31 pm
03/08/08
Félicitations pour le nouveau look, il est vraiment classe
Bonne continuation
11:03 pm
24/08/08
Parfais comme design simple !!!utilise ce style
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #dedede;
pour dé coins arrondi ça sera bien je pense!!!en revanche que ça marche pas sur la bêtise IE :d
hard Luck!!
SMAIL
10:37 am
25/08/08
@SM@IL: Bah oui =p remarque le “-moz”
Utiliser des balises spécifiques, cay le mal ! =D
Pour les bords arrondis, t’a deux solutions => Soit utiliser des images + CSS ; Soit tu utilise un Javascript (3tahoum lah =D Google it!)
Sinon le design est impec’ =D rien à dire
il mérite sa place sur FAVEUP ou Smashing Magazine !