C’est en voulant préparer un modèle de page d’accueil pour ce blog que j’ai eu la révélation de tout remettre en question : la charte graphique, l’esprit du blog, sa ligne éditoriale, mes objectifs etc…

Et au bout de quelques heures, ou plutôt quelques jours, je me suis finalement décidé à lancer une nouvelle version de chergaoui.com, avec son lot de nouveautés, mais toujours avec le même esprit : le partage et la découverte dans la bonne humeur.

Mis à part l’interface qui subira un relooking total (que j’espère vous plaira), la ligne éditoriale restera la même à quelques exceptions près : des articles beaucoup plus spécialisés liés à ce que je fais quotidiennement : le développement web, le design, et tout ce qui a un rapport avec le web.

Pourquoi un tel changement ?

Tout simplement parce dans sa formule actuelle, je ne me sens plus à l’aise. Et vous l’avez sûrement remarqué avec le rythme de rédaction irrégulier.

Puis il y a énormément de petites techniques, astuces, liens et ressources que je découvre presque quotidiennement, et que j’aimerais partager ou en discuter avec vous. Chose que je faisais avant sur Pownce, ou dernièrement sur Twitter.

Donc pour résumer, ce blog se spécialise et sera beaucoup plus à l’image de son auteur : celle d’un jeune ingénieur d’état et directeur créatif au sein d’une jeune entreprise marocaine.

Ceci étant dit, la version actuelle ne passera pas totalement à la trappe, puisque je travaille d’arrache-pied pour la sortir au grand public sous forme d’un thème WordPress gratuit et sous licence GPL (et c’est surtout que je l’ai promis à une certaine personne )

PS:
Si tout ce passe bien, le changement va s’opérera ce week-end. Inchallah !

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 !

Comme vous me l’avez fait remarqué en commentaires, ça va faire plus de 10 jours que ce blog n’a pas été mis à jour. Et je sais que c’est pas très malin de la part d’une personne, qui annonce souvent qu’elle va suivre un rythme de rédaction régulier ^^
Mais il faut avouer que j’ai d’autres chats à fouetter (au sens figuré, hein ! ), surtout à quelques jours de ma soutenance de fin d’études …

Donc, le temps d’en finir avec tout le tralala de la vie estudiantine, je serais de retour avec pas mal de sujets qui pourraient vous intéresser, et peut être si tout se passe bien, le nouveau thème tout frais tout clean

Et d’ici là, portez-vous bien ^^

Aujourd’hui, je reviens vers vous chers lecteurs, pour vous annoncer que le travail avance doucement mais surement, et que j’ai commencé à poser les premières briques en xhtml strict et css.

Comme vous le constatez sur le screenshot, le prochain look sera à base de bleu ciel et de blanc. Des couleurs paisibles et agréables pour un meilleur confort pour la lecture.

Autre point intéressant à signaler, c’est que jusqu’à maintenant, je n’ai visiblement aucun bug qui ressort sur Internet Explorer (versions 6 et 7), et le design s’affiche correctement sur les autres navigateurs (Firefox, Safari et Opera). Ça serait vraiment un exploit personnel si j’arrive au final avec zéro hack utilisé .. Mais il ne faut pas trop rêver quand même

J’essaierai d’apporter plus de nouvelles dans les jours à venir .. So stay tuned !

Merci à Nabil de me l’avoir rappelé : mon blog sous sa nouvelle forme, vient de comptabiliser sa toute première année d’existence ! Yay !

Bon, je n’ai pas de gâteaux à vous offrir, par faute de “technicité” (et oui, je ne sais que manger ) … J’espère que vous avez apprécié cette première année en ma compagnie (euuuh .. en la compagnie du blog ) et que vous serez toujours là pour les années à venir !

Ce blog ne vis pas grâce à ce que j’écris, mais bien grâce à vous lecteurs assidus, visiteurs occasionnels et passagers d’une nuit ! Et en voilà une belle occasion pour vous remercier toutes et tous !

Et comme le veut la tradition, j’aimerais bien avoir votre avis sur le blog (forme, fond). Ce que vous aimez, ce que vous détestez, ce que vous aimeriez voir … Alors à vos commentaires mousquetaires !

La structure de base est déjà en place - en version papier - et cela va faire presque deux ou trois semaines que j’essaie de la faire passer en “numérique“.

Seulement voilà, à chaque fois que j’ouvre Photoshop pour avancer sur la maquette, je bloque après 5-10 minutes d’essais ! Et ça, ça m’énerve ! Grrrrrrrr !

Morale à zéro, inspiration à moins dix degrés, je me suis dit qu’il valait mieux que je passe directement du côté XHTML/CSS, au moins pour faire une version 0.1 qui sera mise en ligne et peaufinée progressivement … Et on verra comment ça va s’améliorer avec le temps !

Et là j’ai une question destinée à ceux d’entres vous qui font dans le WebDesign. J’aimerais bien savoir comment vous procédez pour relooker votre site/blog. Est-ce que vous commencer par mettre les idées sur papier, et après (c’est à dire après avoir régler tous les détails) vous concrétisez sur le logiciel ? Ou bien vous faites du “eXtreme designing” (oui j’invente des termes maintenant >_< ) : un peu de design, et beaucoup d’essais XHTML/CSS ?

PS :
Remarquez là, que je ne fais pas de distinction entre WebDesigneur et Intégrateur XTML/CSS .. Et donc je suppose que c’est la même personne qui fait le design et l’intégration du site ou du blog.

Juste une petite note pour annoncer que cette courte période d’inactivité risque de durer encore quelques jours. Ce n’est pas parce que je manque d’inspiration, mais c’est surtout le temps qui me fait défaut ! Entre stage, travail et lectures, il ne me reste pratiquement plus de minutes à consacrer au blog !

Des sujets j’en ai pas mal (heureusement ), et je suis impatient de pouvoir écrire et partager avec vous quelques découvertes. Il y a aussi deux ou trois petites idées de thèmes WordPress que je projette de développer, et je suis impatient de m’y mettre !

Alors d’ici mon comeback, portez vous bien et savourez cette superbe chanson de Paolo Nutini :

Click here to view the embedded video.

Les articles les plus lus sur Chergaoui.com :

• Et si Fouad était fautif ? : une analyse personnelle de l’affaire Fouad Mourtada & Facebook. Une petite mise au point s’impose : loin de vouloir incriminer Fouad, j’y essaie juste d’attirer l’attention sur la question de l’identité numérique.
• WordPress expliqué à ma grand mère : article de vulgarisation et d’initiation au moteur de blogs le plus populaire : WordPress
• Valentines Day Goodies : quelques ressources et tutoriels pour réaliser de jolis wallpapers de saint-valentin.
• Transmission, le client BitTorrent ultra léger ! : présentation d’un client BitTorrent multiplateforme (Mac, Windows et Linux).
• Images insolites du Maroc : il existe sur Facebook un groupe où vous pouvez consulter une centaine d’images de situations insolites au Maroc.

WordPress :

• La sortie version 2.5 de WordPress s’approche, et il y aura quelques changements côté interface d’administration. L’une des nouveautés : la Media Library.
• Extending WordPress Beyond the Blog : WordPress c’est plus qu’un moteur de blogs, et ça peut servir à un tas de projets : portail informatif, ezine, boutique en ligne … Et même un gestionnaire de contacts à la Basecamp.
• WordPress Security Tips and Hacks : La sécurité de son blog n’est pas à négliger. Je publierai prochainement un deuxième volet de comment sécuriser son blog.

Design :

• A Guide to Web Typography : La typographie est devenu un élément essentiel du design moderne. L’excellent iLoveTypograhy a publié un guide complet du bon usage de la typographie sur le web.
• MyDeco, décorez votre maison en ligne! : La mode est aux interfaces riches. Moi non plus je le contredit pas ^^
• Web Trend Map 2008 Beta : Information Architects Japan ont fournit encore une fois, un excellent travail avec cette cartographie des 300 services et sites web les plus influents du moment.
  
• Beige, couleurs et Web Designs : Beige is the new Black
• 70 of the best logo design resources : Un excellent point de départ pour en savoir plus sur le design de logos.
• Graphic design poster competition : Il n’y a que des trucs pareils qui me laissent bouche bée.

Web :

• Pownce sort la version 2 de son API publique. Et sa communauté est plus cosmopolite et soudée qu’on le pensait
• Adobe AIR 1.0 et Flex 3.0 sont là. Et la nouvelle plateforme de l’open source d’Adobe aussi
• Votez pour vos applications web favorites aux Webware 2008.
• Future of Web Design c’est pour Avril 17-18. Et il y en a des chanceux !
• Google vient de lancer un nouveau service : Google Sites. Je ne suis pas sûr que ça soit une bonne idée, mais bon …

Divers :

• Etrange ressemblance entre l’agent 47 (Hitman) et Loïc Le Meur.
• L’Aïkido se pratique dans la joie, et c’est pour ça que j’adore !
• R.E.M. ont sorti des vidéos de leur nouvel album sous licence Open Source !
• Hoba Hoba Spirit ont sorti un nouvel album, que vous pouvez écouter en streaming sur leur site. Moins réussi que les précédents à mon avis !
• La pornographie sur Internet en quelques chiffres.

PS :
Ce premier résumé étant fini, je suis ouvert à vos remarques et suggestions pour améliorer les prochains

Voici donc la liste des nouveaux smileys, avec leurs codes appropriés (à utiliser sans modération !) :

Si vous aussi vous posséder un blog WordPress, et que vous souhaitez les utiliser, rien de plus simple :

• Téléchargez le pack ici : Emoticon For WordPress!
• Décompressez l’archive, et uplaodez-la via FTP dans le dossier “/wp-includes/images/smilies” (vous remplacez les émoticones par défaut)
• Optionnel : si vous souhaitez personnaliser à votre guise les codes des émoticones, vous pouvez éditer le fichier functions.php contenu dans le dossier wp-includes, et changer les correspondances entre les images et leurs codes (ou d’en ajouter une).

Il existe des plugins WordPress intéressants tels que Smilies Themer pour personnaliser facilement les émoticones (sans toucher du code), ou WP-Grins pour intégrer des émoticones cliquables dans la zone de commentaires. Mais j’y reviendrai dans un prochain article :halo:

Allez, il me reste pas beaucoup pour arriver au 100000 ième abonné RSS :lol2: