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 !

Le nouveau slogan “Facebook helps you connect and share with the people in your life” suggère que Facebook est plus un lieu où l’on peut partager et entretenir les relations avec les gens que nous connaissons “In Real Life“, qu’un lieu pour se faire de nouveaux amis (ce qui est beaucoup plus à l’image des autres réseaux sociaux tels que Hi5 ou de MySpace).

A noter que la traduction du tagline en français est différente, et ne renvoie pas systématiquement à la même conclusion. Voyez par vous même : “Facebook vous permet de partager des informations et de créer un environnement ouvert et connecté au monde“.

Nouvelle interface et nouvelle identité donc, chose qui risque de déplaire à certains, mais qui correspond au mieux, aux habitudes des utilisateurs de Facebook.

]]> http://chergaoui.com/web/facebook-nouvelle-homepage.html/feed 1 http://chergaoui.com/divers/new-design.html http://chergaoui.com/divers/new-design.html#comments Thu, 31 Jul 2008 11:48:56 +0000 admin http://chergaoui.com/?p=506 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…

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 !

]]>

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 !

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.

Vous vous êtes jamais demandé si votre site a vraiment besoin de changement de design ? Difficile à savoir, hein ? Et bien maintenant, il vous sera possible de répondre à cette question (très récurrente sur le net), grâce à Should Redesign, un nouveau projet lancé par Suffolk Software en Avril 2008.

Le principe de ce service est simple : vous soumettez l’adresse de votre site, et après modération, les utilisateurs de ShouldRedesign.com pourront voter pour ou contre la nécessité d’un changement de design.

Le site est intuitif et facile d’utilisation, quoique j’aurais aimé voir un peu d’Ajax pour plus de fluidité dans le système de vote. Mais bon, le service est encore jeune, et serait surement amené à évoluer.

• World Wide Blog : Actualité, astuces, conseils concernant le blogging
• Musique : Découverte, compilations et articles à propos de la musique
• WordPress : Actualités, thèmes, plugins, astuces et tutoriels WordPress
• Logiciel Libre : Articles qui traitent du monde du libre (et Open Source également)
• Design : Sujets ayant attrait au design en général (webdesign, posters, logos …)
• Web : Découvertes et réflexions partagées autour du web (web1.0, web2.0, web2.1 ou web3.0 .. appelez le comme vous voulez !)
• Divers : Tous les autres billets qui ne peuvent être intégrés dans aucune des précédentes catégories

Bien sûr, je risque d’avoir plusieurs d’articles qui vont changer d’urls (j’utilise les catégories dans la construction des permaliens), ce qui va générer pas mal d’erreurs 404. Mais bon, je n’ai pas d’autres moyens, et puis je me suis fait une petite page 404 personnalisée ^^

Un micro billet express pour vous souhaiter d’excellents moments de bonheur en compagnie de votre famille et de vos amis. Et une petite pensée à ceux qui passeront la journée de demain dans la solitude.

J’en profite également pour annoncer que je prépare un nouveau design “simpliste” pour mon blog, que j’ai baptisé Flower Power et qui sera mis en ligne prochainement ^^

D’ici là, portez vous bien et à très bientôt !