piouPiouM’s dev : bloc-note d’un développeur web. PHP, git, shell, plugins WordPress, SPIP, jQuery

Une console JSLint pour aider vos validations JavaScript

3 juin 2010

J’ai pris l’habitude de valider mon code JavaScript à l’aide de JSLint. Outil d’analyse statique de code, JSLint permet de m’assurer du niveau de qualité de mon code avant toute déploiement en production.

Cependant la console accompagnant l’outil ne me convenait pas, et ce pour plusieurs raisons :

L’élément window n’est pas défini via les options passées à JSLINT ce qui m’oblige à le déclarer, à l’aide de l’instruction /*@global, dans une majorité de mes scripts.
Dans le même esprit, j’utilise couramment certaines options — comme browser: true — non présentes dans l’appel à JSLINT.
La présentation du résultat ne me convient guère.

Vous trouverez dans les lignes qui suivent la console que j’utilise en remplacement.

Continuer la lecture de l’article « Une console JSLint pour aider vos validations JavaScript »

5 Commentaires
Tags : JavaScript, JSLint, licence MIT, Rhino, validation

TextMate : commande “Export words”

Dans : Snippets

16 mai 2010

À l’intérieur du code source d’une classe PHP, je souhaite stocker dans un tableau la liste des mots de la version populaire de l’incontournable texte Lorem ipsum. Jusque là rien de bien sorcier. Mais pour des raisons de lisibilité et de conventions de codage je veux obtenir des lignes formées par un maximum de 72 caractères.

Certes je peux m’amuser à le faire à la main, mais pourquoi me fatiguer quand un langage de script tel que PHP me tend la main pour automatiser la procédure ? Et, cerise sur le gâteau, si en plus je peux l’intégrer à mon éditeur préféré, TextMate.

Exemple d’action de la commande TextMate Export words

Continuer la lecture de l’article « TextMate : commande “Export words” »

Aucun commentaire
Tags : licence MIT, PHP, TextMate

PHP : installer APC sous Mac OS X Leopard

Dans : Snippets

6 mai 2010

Sous Mac OS X Leopard, l’installation du système de cache APC via PECL est en carton. Pour faire simple, l’extension n’est disponible que pour la version CLI de PHP.

Il est cependant possible d’y remédier et ainsi disposer d’APC avec la configuration de base fourni par Apple.

Récupérer la dernière version d’APC

$ curl http://pecl.php.net/get/APC -o ~/Downloads/APC-latest.tgz
$ tar -zxf !$ -C ~/Downloads/
$ cd ~/Downloads/APC-3.1.3p1/

La version utilisée ici est la 3.1.3p1.

Préparer l’environnement de compilation

$ /usr/bin/phpize
Configuring for:
PHP Api Version:         20041225
Zend Module Api No:      20060613
Zend Extension Api No:   220060519

Continuer la lecture de l’article « PHP : installer APC sous Mac OS X Leopard »

7 Commentaires
Tags : APC, Mac OS X, PHP, sysadmin

TextMate : convertir une couleur hexadécimale en notation RGBA

Dans : Outils, trucs et astuces

15 avr 2010

CSS supporte divers formats de description des couleurs, le plus utilisé étant la notation héxadécimale #RRGGBB. L’introduction du support des couleurs RGBA par CSS 3 a été l’occasion pour certains de découvrir les notations rgba(255, 255, 255, 1) et sa version sans gestion de l’opacité rgb(255, 255, 255).

Il faut avouer que si nous disposons d’une palette d’outils d’aide à la saisie de couleurs en notation hexadécimale, il en est rien pour insérer une couleur au format rgb[a], et cela peut agacer. Mais c’était sans compter sur TextMate !

Continuer la lecture de l’article « TextMate : convertir une couleur hexadécimale en notation RGBA »

Aucun commentaire
Tags : convertir, couleur, css3, licence MIT, rgba, TextMate

Optimiser le chargement des AdSense

Dans : Développement Web

11 mar 2010

Il n’y a rien de plus horripilant que d’attendre que des publicités chargent pour accéder au contenu d’un article. C’est malheureusement une situation que l’on rencontre fréquemment. La faute en incombe au fonctionnement des blocs AdSense des publicitaires.

En effet, ils nécessitent que nous insérerions le code correspondant à un bloc à l’endroit où il sera affiché. Cela pour deux raisons notamment :

Des variables globales identifiants l’annonce sont déclarées.
Le script qui va charger l’annonce est immédiatement exécuté et fait appel à des actions d’écriture dans le flux via write.

Le deuxième point oblige le navigateur à traiter le code de l’adsense dès qu’il le rencontre puisque ce dernier n’utilise pas de gestionnaire de chargement. En plus d’écrire dans le flux courant, le système du publicitaire va charger des éléments extérieurs. Pour peu que la latence des réponses soit élevée, l’impression de ralentissement du chargement de la page augmente.

S’est ainsi que si un article est précédé d’un encart publicitaire, l’utilisateur devra patiemment attendre le chargement de ce dernier avant de pouvoir accéder au contenu désiré.
L’expérience utilisateur s’en trouve dégradée.

En finir avec les ralentissements de chargement des pages

Vous l’aurez peut-être remarqué, mais sur piouPiouM’s dev, le chargement des blocs publicitaires est comme temporisé, ne gênant ainsi en rien la navigation sur le site.
Voyons dans la suite du billet comment y parvenir, en prenant pour exemple le service Google Adsense.

Continuer la lecture de l’article « Optimiser le chargement des AdSense »