Le petit journal du web — WordPress, Couleur, CSS, Page Speed, 404

Ça faisait longtemps que je n’ai pas partagé sur ce blog les bons tuyaux que je tweet depuis mon compte Twitter @br1o. Découvrez : comment contrôler la qualité de vos feuilles de styles CSS ; un journal papier à partir d’un flux de production allant de Google Documents à InDesign en passsant par WordPress ; les goulets d’étranglements qui grèvent les performances d’affichage de votre site web ; une galerie de pages d’erreur 404 ; un site sur les codes couleur ; comment gagner des encarts publicitaires sur des blogs low tech et hight tech ; un thème WordPress basé sur HTML5 Boilerplate.

HTML5 Boilerplate — Des images remplacées cliquables avec la classe .ir

HTML5 Boilerplate et WordPress ♥ Basics par la même occasion contiennent quelques classes CSS utiles pour masquer du contenu de différentes manières en fonction de vos besoins : .hidden.visuallyhidden.invisible and .ir. Après un rapide survol des trois premières classes, nous allons nous attarder un peu sur la dernière classe .ir pour régler une bonne fois pour toutes le problème des images de fond non cliquables.

Soyez « ♥ Basics »

Le thème minimaliste WordPress ♥ Basics — initialement hébergé en sous-domaine de css4design.com –, bénéficie désormais d’un domaine et d’un blog dédiés. Pour le domaine, j’ai recyclé wp4design.com (commencé en français il y a quelques mois) dont le motto était : «WordPress je thème, le bonheur est dans le Codex». Avec le passage à l’anglais, le slogan est devenu : «Basics : A Hard Rock-solid Theme based on HTML5 Boilerplate For Those About to Rock with WordPress». J’ai traduit certains billets, tandis que d’autres ont rejoint css4design.com.

WordPress Basics, mode d’emploi

Après une discussion sur Twitter avec @agence_acs04 de l’agence ACS04 sur les améliorations à apporter au thème ♥ Basics, je me suis rendu compte que j’ai fait quelques erreurs de communication que je tiens à corriger. ♥ Basics est à l’origine un blank theme (une thème minimaliste) destiné aux développeurs et aux intégrateurs web. Il n’a pas vocation à être utilisé tel quel. L’organisation des fichiers est fait de telle sorte qu’il devrait être facile pour un intégrateur HTML & CSS connaissant WordPress d’adapter ce thème à ses besoins, en mettant les mains dans le code.

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).

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 😉