Archives mensuelles :

mai 2007

Tutoriel WordPress : la sidebar à la loupe, comprendre les widgets et déclarer une « WAR »

A l’installation de WordPress 2.2, le thème par défaut propose une barre latérale contenant le champs de recherche, les catégories, les pages ou encore la blogoliste. Le tout, affichés via une liste non ordonnée contenant elle-même d’autres listes. C’est pratique en plus d’avoir du sens. Mais si je voulais séparer ces éléments pour respecter une charte graphique allant au-delà de la présentation habituelle, je devrais modifier le code HTML en plus de modifier la feuille de style CSS. Dans ce tutoriel, j’aborde la transformation de cette liste globale en plusieurs blocs transpositionnables, en enfilant des gants pour commencer, puis avec les Widgets qui ont fait leur apparition. Je termine en ajoutant une deuxième zone widgétisable à un thème qui n’en comportait qu’une au départ. J’en ai profité pour rendre le code du Widget Texte 1 plus sémantique en remplaçant une div par un p (c’est élégant, tiens…) 😉

Après The Wacky Race (les fous du volants), voici Le BuzzRace !

buzzraceJCA Vous avez toujours rêvé de prendre le large, mais vous n’avez pas les moyens ? C’est le moment de suivre les derniers jours de la formidable aventure de JCA qui tient bon la barre de son Bateau-mouche face aux péniches de la blogosphère. D’après vous, quelles sont ses chances de terminer en première position face à un Eric dont la voile est gonflée à bloc par le souffle des Barons, quand il doit faire de son mieux avec les vaguelettes provoquées par des poissons-pilotes ? 😉

Organiser ses feuilles de style CSS

Organiser ses feuilles de style CSS J’ai regardé l’organisation des CSS dans de nombreux CMS, de Dotclear à WordPress en passant par des plate-formes de e-commerce. Il n’y a pas deux feuilles de style qui partagent la même organisation, exceptée la remise à zéro du padding et du margin via le sélecteur universel ou seulement pour les éléments html et body, ou encore le choix de la police de caractère (famille, taille, interlignage et couleur du texte) pour le seul élément body. Certaines commencent par la structure pour finir avec les éléments html quand d’autres mettent les déclarations dans l’ordre alphabétique…

Une chaine pour libérer 5 blogs de mon Google Reader ?

Mesdames, Mesdemoiselles, Messieurs. Suite à l’invitation de Thanh qui me fait le double plaisir de m’inviter dans cette chaîne réticulaire et de citer mon blog parmi les cinq qu’il garderait dans son agrégateur, j’ai le plaisir de vous faire parvenir, après les 5 choses que vous ignoriez sur moi et mes outils pour bloguer, les 5 blogs que je consulte pendant la pause.

WordPress 2.2 : Stan Getz release et le thème Sandbox de plaintxt.org

wordpress 2.2 est sorti ! La nouvelle version d’une plate-forme de blog utilisée par des millions de blogueurs est toujours un événement, et la version 2.2 de WordPress ne fait pas exception. Parmi les nouveautés, je retiens le support natif des widgets pour gérer les éléments de la sidebar par glissé-déposé, l’intégration des spécifications complètes Atom 1.0, et le plus important pour terminer : les optimisations destinées à accélérer la plate-forme 😉

Attribut rel=nofollow, no(good)fellow ?

Attribut rel nofollow, no good fellow? Après la lecture de l’article paru sur webrankinfo résumant une enquête réalisée auprès des moteurs de recherche pour connaitre le traitement des liens comportant l’attribut rel= »nofollow », j’ai décidé dans la mesure du possible, de ne plus laisser trainer mon URL dans les commentaires laissés sur les sites utilisant l’attribut scélérat.

Bien rédiger [ pour le web ] [ tout court ]

Savez-vous rédiger pour le web ? On écrit pour être lu. De fait, parler de l’écriture pour le Web revient à parler de la lecture sur l’écran. En lisant les nombreux experts sur le sujet, il ressort que l’écriture Web doit être rapide et ne pas s’embarrasser d’analyses trop complexes. Au risque de contrarier les moteurs de recherche ? La lecture du billet de Sébastien Billard qui fourmille de liens sur la question le laisse supposer.

Conception d’une charte graphique pas à pas

Quelques notes sur la conception d'une charte graphique ? Le processus de création d’une charte graphique devrait idéalement s’appuyer sur un contenu validé par le client et bien compris par l’équipe créative chargé du projet. Le contenu est roi, parait-il. Ce cher contenu… Le moins que l’on puisse dire, c’est que si l’exactitude est la politesse des rois, le contenu se fait souvent désirer, alors que dans le même temps le client attend sa maquette. Dans ces conditions comment « sortir » une charte qui ne soit pas seulement l’application de vieilles recettes — aussi bonnes soient-elles — ou le résultat d’une bonne pioche, fut-elle issue de la tendance Web 2.0 ?