Nouvelle page d’accueil

Le blog dispose désormais d’une page d’accueil à la manière des sites portefolios/cartes de visites, avec une petite présentation de mon humble personne et un résumé des mes activités sur le net : articles récents, dernier message sur Twitter, derniers liens bookmarkés et quelques projets personnels. Il est possible de consulter mes profils sur les médias sociaux les plus en vogue : Facebook, Digg, Delicious, Flickr, Linkedin et Twitter.

Nouvelle structure : plus de couleurs, moins de colonnes !

Sans doute le changement qui saute le plus aux yeux : nouveau fond haut en couleur. Ce dernier a été réalisé par une agence créative brésilienne du nom de WEENEEDS.

Le nombre de colonnes du blog est passé quant à lui de deux colonnes à une seule. Dans mon cas, rien ne justifiait la présence de colonnes additionnels. L’essentiel de l’information est maintenant regroupé dans des “box” arrangées l’une après l’autre.

Internet Explorer 6 is the new Netscape 4

Je reprends la citation de Jeffrey Zeldman pour annoncer haut et fort que mon site est mieux affiché sur des navigateurs modernes et ayant un minimum de respect pour les standards.

“IE6 is the new Netscape 4. The hacks needed to support IE6 are increasingly viewed as excess freight. Like Netscape 4 in 2000, IE6 is perceived to be holding back the web.”
Jeff Zeldman, standards guru

Attention !

La peinture est encore fraîche, et je travaille encore sur quelques améliorations. Il se pourrait donc que des bugs sortent par ci par là. Sinon, je suis impatient de lire vos commentaires

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 !

Vu sur : Harold’s Planet

Vu sur : Hbilos

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 !

Une remise qui peine à voir le jour vu les difficultés et obstacles rencontrés et surtout, le manque de soutien des différents partis concernés.

Sinon, la découverte du jour est cette vidéo de Super Mario World et de la mission la plus difficile de l’histoire des jeux vidéos .. D’ailleurs, ça me fait penser à moi et à ce que j’endure ces derniers jours

Click here to view the embedded video.

Merci Bastien pour la découverte !

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 ^^

C’est aussi le jour où je dors le plus (soirée et journée incluses) : 13 heures si je compte bien… Et rien que pour ça, je dis : “Vivement le dimanche prochain !”

Click here to view the embedded video.

Je suis bien curieux de savoir à quoi ressemblent vos dimanches

Les autres conférences étaient elles aussi très intéressantes, et le programme des trois jours riches en rencontres et conaissances.
J’essaierai de finir le compte rendu aussitôt que possible. Mais pour l’instant, un peu de repos ne me ferait que du bien

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 !