Mes extensions firefox obligatoires pour la création de mon thème WordPress

Certains le savent déjà mais je suis en train de travailler sur le thème définitif de ce blog : celui-ci n’est qu’un thème intermédiaire.

Je vais présenter les quatre extensions Firefox dont je ne pourrais me passer pour la création de ce thème.

Mon « color picker » : ColorZilla

ColorZilla est une extension permettant d’utiliser une pipette pour récupérer un code couleur sur une page quelconque.

Mesurez vos éléments avec MeasureIt

Vous devez mesurer un écart, ou tout simplement la taille d’un blog sur une page ?

Dans ce cas, MeasureIt est fait pour vous !

Firebug

Firebug est une extension permettant d’analyser le source des pages (HTML, CSS, Javascript), de débugguer le code, et de le modifier en live pour voir l’impact en ligne.

Plugin Firebug pour Firefox

Note : YSlow for Firebug (trouvé chez Henri) est un module supplémentaire pour Firebug.

Se présentant sous la forme d’un nouvel onglet, elle permet de noter votre site en fonction de règles de performances (définies par Yahoo!) et de vous donner une note de A à F.

Mon score actuel est très mauvais (voir ci-dessous), mais la prochaine version du blog aura une bien meilleure note ! :)

YSlow for Firebug : mesurer et optimiser la vitesse d'une page internet

L’extension qui transforme Firefox en couteau suisse, la Web Developper Bar

The last but not the least, l’extension que j’utilise quotidiennement, j’ai nommé la barre d’outils Web Developper.

Des informations sur les cookies ou formulaires, à la validation, en passant par les possibilités d’encadrement (entourer les éléments HTML d’une couleur), c’est vraiment l’extension à installer si vous faites du développement.

Note : des versions traduites en 20 langues existent sur le site du créateur.

Vous avez d’autres extensions de ce type à me proposer ?

Filtrer intelligemment vos flux RSS avec aideRSS

Logo aideRSSJe l’évoquais dans un précédent article, mais le problème est connu de (presque) tous : « trop de RSS tue le RSS » !

Potentiellement, il y a autant d’éditeurs de contenu potentiels (blogueurs, podcasteurs, etc.) que d’internautes dans le monde, soit plus de 750 millions.

Avec un nouveau flux RSS par semaine dans mon Bloglines (215 actuellement), la quantité d’informations ne fait qu’augmenter : je passe actuellement une heure par jour pour tout lire en diagonale.

Mais comment rester pertinent dans notre veille en lui accordant moins de temps ?

C’est dans cette optique qu’une société canadienne a créé aideRSS, un outil qui vous permet de « simplifier » un flux RSS en notant chaque billet avec un algorithme de sa composition, le PostRank.

Interface aideRSS : flux RSS de wOueb 2.0

(suite…)

Astuce : modifier les codes couleurs des messages sur Thunderbird

J’utilise Thunderbird quotidiennement pour gérer mes comptes IMAP, et j’ai découvert une astuce sur Libellules.ch qui me permet de colorer les mails en fonction de leur état.

En effet, le moteur graphique de Thunderbird (Chrome) accepte les feuilles de style CSS, et vous permet d’imposer vos propres styles.

Modifier les codes couleurs des messages sur Thunderbird

Source image : Libellules.ch

Bien entendu, Thunderbird propose son système de « label » qui permet également de colorer les mails suivant leur importance/classification, mais ce système permet de colorer automatiquement en fonction de l’état du mail (répondu, transféré, etc.).

Thunderbird : codes de couleurs pour la liste des messages.

Restreindre l’accès à un répertoire avec un fichier .htaccess

Lorsque je prépare d’importantes modifications pour mon blog, je travaille sur une autre instance de WordPress, une « copie » installée dans un autre répertoire.

Pour éviter que les moteurs de recherche n’indexe ce répertoire (donc du contenu dupliqué) ou que des utilisateurs n’y accède, je restreins l’accès avec des règles basées sur mon adresse IP.

Voici le contenu de mon fichier .htaccess (à uploader à la racine du répertoire à protéger) :

Deny from all
Allow from 123.123.123.123

La première instruction indique qu’il faut refuser toutes les visites, et la seconde me permet d’autoriser mon adresse IP (vous pouvez dupliquer cette ligne pour rajouter d’autres adresses).

Ces instructions ont pour effet d’afficher une erreur 500 à toutes les autres personnes que moi.

Cependant, une solution plus propre consiste à rediriger automatiquement tout le trafic à la racine du blog en fonction des adresses IP : pour cela, il faut utiliser une règle de réécriture d’url.

RewriteEngine On
RewriteCond %{REMOTE_ADDR} !^123\.123\.123\.123
RewriteRule .* http://www.woueb.net [L]

L’explication en détails :

  1. Le module de réécriture d’url est activé,
  2. Une condition est définie : « toutes les IP autres que 123.123.123.123″,
  3. On réécrit l’url suivant la règle suivante : « pour toutes les pages du site, et pour toutes les personnes définie par la condition, le visiteur est renvoyé vers www.woueb.net »

Voilà, je ne sais pas si tout le monde a suivi, mais j’espère l’avoir expliqué assez simplement ! :)

Note : comme le souligne Aestyle dans son commentaire, il faut que votre hébergeur ait le module URL Rewriting d’activé au niveau du serveur.

De l’intérêt des tests de performances pour les applications en ligne ?

Les tests de performances hardware ne se comptent plus : tous les produits qui sortent sont testés, re-testés, encore et encore.

Pourtant, plus de 95% des éditeurs (de sites ou d’applications en ligne) ne pensent pas à faire des tests de performance, ou ne savent pas comment faire.

Or, il arrive que certains sites ne répondent plus lors de grosses affluences : ce phénomène s’appelle « Slashdot Effect« .

Slashdot effect : désigne le fait qu’un site internet soit submergé de requêtes provenant d’utilisateurs de Slashdot (ou Digg/Techcrunch) au moment de la publication d’une nouvelle le référençant, le rendant ainsi momentanément indisponible par déni de service (Wikipedia).

Vous vous souvenez de l’indisponibilité de Pownce ? Voilà un bon exemple d’un buzz qui a parfaitement fonctionné, mais d’une infrastructure qui ne tenait pas la route.

Un cauchemar, non ?
Vous lancez une application susceptible d’intéresser des milliers d’utilisateurs, vous buzzez autour, mais celle-ci est indisponible.

(suite…)

Les statistiques de votre site avec Xinu à disposition sur wOueb 2.0

J’en parlais hier, et au courant de la nuit Xinu a fermé : un mot de l’auteur nous indique que le projet prenait trop d’ampleur pour lui, et il signale qu’il publie le code source.

Plusieurs personnes m’ayant fait la réflexion de n’avoir pas pu tester Xinu, je l’ai installé sur mon hébergement.

Vous le trouverez à l’adresse : http://www.woueb.net/xinu/

Le service restera en ligne tant que l’hébergement tiendra : si jamais je vois un problème, je restreindrai l’accès.

Xinu, toutes les statistiques de site / blog