Je raffole des petites fonctions ou des scripts PHP tout simples qui en ont sous la botte. Par exemple, à l’aide de deux tableaux Array
PHP nous choisirons 1) les balises div
à afficher dans notre page web et 2) dans quel ordre. Le but sera de modifier la structure de notre document sans toucher au code HTML. Pour ce faire, il suffira de remplir les string
qui vont bien dans l’Array
. →
IE6 — Gérer la transparence du format PNG 24 bits
Le format PNG autorise jusqu’à 256 niveaux de transparence qui ne sont pas pris en charge par Internet Explorer 6. La dégradation grâcieuse n’étant pas toujours possible, je me suis rafraichis la mémoire sur les différentes manières d’utiliser le filtre *AlphaImageLoader*. J’ai fini par tomber sur une solution globale pour gérer cette transparence même en présence d’un *background-repeat* ou d’un *background-position* ! (Cet article est en quelque sorte la suite de Opacité CSS et effet de trame avec GIF/PNG transparent.) →
Aligner le contenu d’un champ input avec le label associé
Lorsqu’on donne une hauteur height
à un champ input
, il arrive que le texte saisi à l’intérieur ne s’aligne pas correctement avec la base du texte présent dans le label
. Dans ce cas, je diminue la hauteur et je distribue un soupçon de padding
en haut et/ou en bas selon l’alignement souhaité. →
Des feuilles de style CSS dynamiques avec PHP
Les bonnes pratiques de développement web font leur chemin et l’intégrateur web prend l’habitude de séparer le fond (code HTML) de la forme (feuille de style CSS et Javascript) dans des fichiers distincts pour une saine séparation des pouvoirs et une maintenance aisée. Malgré tout, quand je regarde mes feuilles de styles, je trouve une palanquée de valeurs redondantes ou dépendantes d’autres valeurs. En attendant qu’une prochaine génération de CSS gère les variables, voici plusieurs manières d’ajouter du code PHP dans vos fichiers CSS. →
Améliorer la recherche sur votre blog WordPress avec Google Coop
La recherche intégrée à WordPress est l’une des plus calamiteuses qu’il m’ait été donné d’utiliser. Il est pour ainsi dire presque impossible de trouver ce que l’on cherche si les billets traitant d’un même sujet sont nombreux. Au point qu’il est souvent plus facile de passer par Google pour retrouver des articles anciens. La commande `site:www.css4design.com « commentaires conditionnels »` dans le champs de recherche de Google permet de retrouver les articles concernant les commentaires conditionnels avec beaucoup plus de pertinence que la même requête depuis le blog lui-même ! →
WordPress — Une meilleure indexation avec Not at All in One SEO
Pour optimiser l’indexation de vos articles par Google, chaque article de votre blog doit sortir accompagné d’une courte description. Contrairement à ce qu’on lit souvent, WordPress n’est pas spécialement taillé pour le référencement : il ne propose pas de description ni de title adaptés à chaque billet. C’est là qu’intervient un plugin comme All in One SEO. Les plugins c’est bien, s’en passer, c’est mieux. Dans la série « sans plugin », après la création d’une page faisant office de version mobile du blog, voici l’astuce Not at All in One SEO. →
Feedburner — Holly Hits, my feed is reach!
digg_url = ‘http://digg.com/gadgets/Feedburner_m_Holly_Hits_my_feed_is_reach’;
Si vous éditez un blog, vous publiez un flux RSS. Un flux (*feed*) est un format qui permet aux internautes de s’abonner à vos articles. Plus précisément, Feedburner vous laisse choisir une adresse unique pour votre flux RSS ou Atom indépendamment des changements qui peuvent survenir (changement de plate-forme, exclusion d’une catégorie de votre flux, etc.). Cette adresse fixe pourra être utilisée par vos lecteurs pour suivre vos articles via un agrégateur de flux. Feedburner, c’est aussi un grand nombre de concepts qui ne sont pas toujours faciles à comprendre malgré la clarté du site et les nombreuses explications sur les services proposés. Et pour cause : à service nouveau, vocabulaire nouveau et qui plus est en anglais. La partie émergée de l’iceberg Feedburner, c’est le compteur que l’on voit affiché sur de nombreux blogs. Ce compteur affiche sobrement le nombre de… de quoi déjà ? →
Manifeste pour un interlignage minimum syndical pour les blogs !
Un spectre hante le web : le spectre de l’interlignage par défaut des navigateurs. Trop de blogs et de sites web se contentent du minimum syndical pour gérer l’interlignage. Par défaut, les navigateurs web proposent 120% de la taille de la police. Ce qui est dramatiquement insuffisant au regard de la faible résolution du texte à l’écran, alors qu’il suffit d’ajouter une ligne de déclaration CSS à la balise `html` ou `body` pour permettre à vos lecteurs de passer du déchiffrage laborieux à la lecture pleine et entière. Essayez, vous serez surpris de voir à quel point vos pages web auront gagné en lisibilité. →
WordPress 2.6 — un nouveau « tag » conditionnel avec has_tag()
La lecture du Codex est un exercice que je pratique régulièrement et qui réserve parfois de bonnes surprises. Aujourd’hui, c’est le cas avec has_tag(). Bien qu’absent de la liste des nouvelles fonctionnalités, ce tag conditionnel à bien fait son apparition avec WordPress 2.6. Comment et pourquoi l’utiliser ? Magnéto : →
WordPress — Gérer les images avec les champs personnalisés (Customs fields)
Les champs personnalisés permettent d’ajouter des informations avant ou après le contenu de votre billet (dans la boucle WordPress) sans quitter l’interface de rédaction. Il s’agit d’associer une valeur (le contenu) à une clé choisie librement (ou parmi celles que vous avez déjà définie) et d’utiliser la fonction get_post_meta()
dans votre thème. →