Archives mensuelles :

mai 2011

Une lettre d’information mensuelle pour les abonnés WordPress ?

Je suis à la recherche d’un système de Newsletter pour WordPress. La lettre d’information apparaitrait chez les destinataires comme un Digest des dernières publications parues sur le site. J’ai regardé rapidement du côté des plugins comme Mailpress, MailChimp, Subscribe2, etc., mais à première vue, il manque à ces poids lourds de la Newsletter des fonctions simples, comme la possibilité de publier chaque mois un résumé des billets postés sur le blog, de manière automatique et/ou manuelle (et non, les flux RSS ne sont pas la panacée).

Version française pour Basics 0.2.4.1

J’ai le plaisir de vous annoncer que Basics 0.2.4.1 est désormais accompagné d’une version fr_FR réalisée par Wolforg. Il s’agit d’une archive .zip qui contient le fichier de traduction basics_0-2-4-1.pot accompagné des fichiers fr_FR.po et fr_FR.mo. Le fichier .pot est un simple fichier texte qui contient les chaines à traduire. Le fichier .po vous permettra d’adapter facilement cette traduction à vos besoins (y compris du français vers le français). Quant au fichier .mo, il est généré automatiquement chaque fois que vous enregistrez le fichier .po depuis le logiciel Poedit, par exemple.

HTML5 Boilerplate + Toolbox + Codex = WordPress Basics

♥ Basics est un thème de base, un Blank Theme dont l’objectif est de servir de fondations pour créer des sites web avec WordPress via un thème enfant ou en dupliquant les fichiers home.php, index.php, search.php ou 404.php. Il sert de support à la série des tutoriels WordPress de A à Z que j’ai commencé il y a peu sur CSS & Webdesign. La version 0.1 est plus particulièrement détaillée dans la partie B comme Basics mais des octets ont coulé sous les ponts depuis. N’hésitez pas à télécharger la dernière version, à la décortiquer et à me faire part de vos suggestions.

9 thèmes WordPress HTML5 pour créateurs de thèmes

De nombreux thèmes WordPress utilisent les nouvelles balises associées à la sémantique HTML 5. Voici une sélection de thèmes plus ou moins minimalistes qui devrait prendre place dans le dossier «themes» de votre installation WordPress. J’ai privilégié ceux qui pouvaient servir de base pour des développements plus personnels. Comme on n’est jamais mieux servi que par soi-même, j’ai pris la liberté de placer mon thème Basics en première position 😉

Quelques notes sur les éléments graphiques du webdesign

Une fois n’est pas coutume, je vais aborder la question du web design sous l’angle du graphisme, sans considération de langage de développement ou de technique en général. Je n’aborderai pas les questions liées à l’architecture de l’information, à l’ergonomie ou à l’accessibilité. A la place, après un aperçu sur le travail du Directeur artistique et du graphiste, je vous propose une liste commentées des éléments graphiques que l’on trouve de manière récurrente sur les sites web, avec pour chacun un rapide commentaire. 

Sélecteur CSS de frère adjacent (Dirty Grids Done Dirt Cheap)

L’ajout des classes CSS pour spécifier la largeur des colonnes dans le code HTML est le lot des frameworks CSS qui proposent tous un mécanisme pour créer une grille de mise en page. Dans leur très grande majorité, ces frameworks ont besoin d’une classe pour la première colonne (.first pour The Simpler Grid) ou la dernière colonne (.last pour Blueprint CSS) voire pour la première et la dernière colonne (.alpha et .omega pour 960 Grid System) pour annuler les marges droites et/ou gauches attribuées par avance aux colonnes.

Astuce CSS3 et RGBA avec les outils de développement de Google Chrome

J’utilise de plus en plus Google Chrome pour tester mes pages web. J’ai trouvé dernièrement une petite astuce qui m’évite d’ouvrir Photoshop pour connaitre la correspondance des couleurs hexadécimales dans les formats RGB ou HSL. Dans une optique de dégradation gracieuse, je prends l’habitude de préciser une couleur au format «hexa» suivie de la même couleur au format RGBa pour profiter des effets de transparence.

WordPress de A à Z — C comme CSS & Composé HTML5

«For Those About To Rock…» Dans B comme Basics, j’ai abordé la mise en place d’un Blank Theme pour démarrer différents projets de site web. Je pensais réserver la lettre «C» pour les commentaires(1), mais après le marquage HTML5, il m’a semblé important d’aborder au plus vite la partie CSS. Une des difficultés à surmonter lorsqu’on crée un thème de base, c’est d’éviter 1) d’avoir trop d’éléments à ajouter et 2) d’en avoir trop à supprimer. L’équilibre est délicat. D’autant plus que les intitulés des éléments doivent être le plus générique possible pour s’adapter à toutes les situations et permettre de se repérer facilement. «Fire !» Voici le sommaire complet des 26 articles de WordPress de A à Z.