Autres CMS

Optimiser et styler les catégories WordPress avec les CSS

Affichage catégorieSuite à la migration de mon blog, j’en ai profité pour réorganiser les catégories en utilisant les sous-catégories qui me semblent un excellent moyen pour structurer l’information sur un blog. Curieusement, j’ai remarqué que les catégories sont souvent traitées par-dessus la jambe : soit il s’agit d’une longue liste tellement exhaustive qu’on ne sait plus de quoi parle le blog, soit les catégories sont placées à un endroit peu visible. Le pire étant évidemment le cumul des deux, ce qui n’est pas si rare… →

CMS WordPress

WordPress vs Dotclear : Migration d’automne (dernier round)

Ca va faire des mois que j’y pense – et pas seulement quand je me rase : migrer ce blog vers WordPress ! J’avais commencé une petite liste patiemment annotée avec tous les petits trucs à prendre en compte avant de faire le grand sot saut (lapsus ?) Cette liste, je l’ai perdue… (Acte manqué ?). Je ne sais plus ce qui s’est passé exactement, mais une partie de mon esprit (celle qui avait envie de changement) a pris subitement le contrôle de l’autre partie (vous savez, celle qui remet toujours les choses au lendemain…). Bref, j’ai lancé la migration de mon blog sans trop me poser de questions existentielles : →

HTML & CSS

table vs div : dis papa, racontes-moi encore les tableaux…

La mise en page des sites web avec les tableaux n’a pas que des inconvénients : ça permet d’obtenir une structure à l’épreuve des balles très rapidement. La mise en page en div (5 légumes par jour, on vous dit…) n’a pas que des défauts : grâce aux CSS, il sera possible de moduler l’agencement des différentes parties de votre design. Bien sûr, tout n’est pas toujours aussi simple : les éléments constitutifs d’un tableau ne sont pas allergiques aux CSS, tandis qu’une structure en div mal conçue au départ ne sera pas vraiment modulable, même avec des CSS. →

HTML & CSS

Frameworks CSS + Reset CSS : design from scratch

Je n’ai pas résisté à l’envie de vous proposer ma traduction de l’article CSS Frameworks + CSS Reset: Design From Scratch paru dernièrement sur Smashing Magazine. Les frameworks CSS sont des environnements de développement composés généralement de plusieurs fichiers CSS gérant chacun une partie spécifique du design web (typographie, grille de mise en en page, formulaires, etc…). Ces frameworks sont souvent accompagnés d’un Reset CSS, pour s’affranchir des différences de rendu entre les navigateurs. L’article fait ainsi le point sur la notion de framework CSS, ses avantages et ses inconvénients, décrit les frameworks les plus populaires et termine par une série de liens commentés à propos des Reset CSS et des styles de base. En attendant d’éventuels retours sur la traduction, ce billet est en version bêta. →

Autres CMS

Avec Spongestats 3.0, mes stats ont la patate !

Pour mesurer vos statistiques, vous êtes plutôt moderne et web 2.0 ? Après des Release Candidate sorties au pas de course par l’équipe de développement, Spongestats 3.0 l’outil de mesure d’audience en temps réel pour votre site web ou votre blog vient de sortir en version stable. Le tout à la sauce web 2.0 dans ce qu’il a de meilleur : support des fils RSS, interface xhtml/css boostée avec jQuery, notamment pour la partie Ajax. →

HTML & CSS

5 Reset CSS à la loupe pour une remise à zéro des valeurs par défaut des navigateurs

Vous n’utilisez pas de styles CSS pour votre page web ? Ce n’est pas grave : les navigateurs le font pour vous. Ils utilisent chacun leur feuille de style par défaut pour obtenir un rendu visuel minimal. C’est pourquoi les tableaux possèdent des bordures, et les paragraphes des espaces avant et après. Le problème ? Si des balises comme strong ou em sont traitées de la même manière par les agents utilisateurs, l’immense majorité présente des différences plus ou moins importantes. Ce fameux manque de « consistance » décrié par les webdesigners anglo-saxons concerne principalement les propriétés margin et padding. Avec une pensée particulière pour le retrait des listes ol et ul : si IE applique bien le margin-left: 40px préconisé, Firefox utilise quant à lui un padding-left: 40px pour le même rendu. Dans ces conditions, il est tentant de vouloir mettre tous ces agents utilisateurs au garde-à-vous… →

Design & Graphisme

5 règles simples pour améliorer l’affichage de vos textes

Après avoir passé en revue les thèmes WordPress dans le cadre du SDC, j’ai voulu lister les erreurs les plus communes sous la forme d’un billet sur les *11 erreurs à faire pour être recalés à un concours de webdesign…* Mais, il se trouve que parfois le hasard fait bien les choses : juste avant de fermer mon agrégateur pour un repos bien mérité, je suis tombé sur un titre racoleur. Et là, impossible de résister à la lecture et à l’envie de traduire en direct live cette profession de foi, Alpha et Omega pour tout **webdesigner qui se respecte (et qui respecte ses lecteurs !). Ce billet aurait pu s’intituler : *Lisibilité, ce qui va sans dire, va mieux en le disant*. Mais c’était sans compter le côté obscur de la force qui m’a soufflé un titre bien plus efficace 😉 →

Google & Référencement

J’ai référencé mon site sur plus de 400 moteurs de recherche et annuaires de liens, j’ai bon ?

Chapeau Blanc : je te le dis tout net : faire la tournée des moteurs de recherche et des annuaires de liens pour lâcher une url et une description n’est pas ce qui se fait de mieux pour référencer un site (ou un blog, d’ailleurs). Et encore moins pour le positionner sur un ou plusieurs mots-clés. Dans le meilleur des cas, tu obtiendras 400 liens d’une qualité douteuse. Et puis de toute manière personne ne lit les annuaires de liens… →