Tous les billets sont listés ici et classés par titres et mois dans la boîte Archives.

J'ai fait subir aujourd'hui une cure d'amaigrissement à ces pages, en réduisant de 20 à 65% le poids de toutes les images du site, grâce à des crunchers de gif et de jpeg. Il s'agit de versions de démo en ligne de logiciels payants, mais les démos sont utilisables gratuitement, avec quelques limitations toutefois.

Les manips sont un peu fastidieuses, puisqu'il faut uploader les images à réduire une par une, puis les enregistrer, mais la compression est tellement impressionnante (et sans perte de qualité ou presque) que le jeu en vaut la chandelle... Plusieurs versions réduites de l'image que vous avez choisie vous sont proposées, en fonction du taux de compression et des divers réglages utilisés pour cloner l'image. A vous de sélectionner l'image correspondant au compromis "poids / qualité" le plus acceptable.

J'ai remarqué qu'on pouvait feinter avec le cruncher de gifs. Quand on sélectionne sur son disque dur le gif à réduire, le script ne génère qu'une image réduite. Les autres sont inaccessibles, car il s'agit d'une version de démo limitée. Mais il suffit de revenir en arrière (back) et de "recruncher" ce gif déjà réduit, pour obtenir une nouvelle image encore compressée. On peut le faire plusieurs fois, jusqu'à obtenir une image compressée au maximum. Inutile de dire que cela nécessite de la patience, mais j'ai pu ainsi compresser certaines images jusqu'à 65% de leur poids initial !

Sinon, j'ai découvert deux extensions Firefox qui, décidément, font de ce navigateur un must ! La première, Web Developer, installe sur votre navigateur une barre supplémentaire d'outils à l'usage des web développeurs. Ces outils sont regroupés par affinités ; on accède aux nombreuses fonctionnalités proposées via de compacts (donc pratiques) menus déroulants :

• Désactiver :
  • désactiver le cache
  • désactiver le javascript
  • désactiver les cookies
  • désactiver les images animées
  • désactiver les images
  • désactiver Java
  • désactiver les couleurs de la page
  • désactiver le bloqueur de pop up
  • désactiver le referrer
  • désactiver les styles CSS
• CSS
  • voir les CSS
  • éditer la CSS en WYSIWYG
  • ajouter une feuille de style personnalisée
  • afficher les CSS par type de média
  • utiliser le mode "Border-box"
• Images
  • afficher les dimensions des images
  • afficher le poids des images
  • afficher les URL des images
  • trouver les images inaccessibles
  • cacher les images d'arrière-plan
  • ne pas afficher les images
  • rendre les images invisibles
  • entourer les images avec les dimensions précisées
  • entourer les images avec un attribut alt vide
  • entourer les images sans attribut alt
  • entourer les images sans dimensions
  • entourer les images sans attribut title
  • remplacer les images par l'attribut alt
  • informations sur les images
• Information
  • afficher les accesskeys
  • afficher les ancres
  • afficher la taille des blocs
  • afficher les détails sur ID et class
  • afficher les liens
  • afficher les index de tabulation
  • afficher les informations topographiques
  • informations sur les cookies
  • voir le javascript
  • voir les liens
  • Informations sur la page
  • en-têtes HTTP
• Divers
  • vider le cache
  • vider l'historique
  • nettoyer l'authentification HTTP
  • effacer les cookies de session de ce site
  • effacer les cookies de ce domaine
  • linéariser la page
  • ouvrir la console Java
  • ouvrir la console Javascript
  • montrer les commentaires
  • marquer tous les liens comme visités
  • marquer tous les liens comme non visités
  • zoom
  • documentation W3C
    • HTML 4.01
    • XHTML 1.0
    • XHTML 1.1
    • CSS 1
    • CSS 2.1
    • DOM 1
    • DOM 2
    • WAI
• Entourer
  • entourer les éléments de type block
  • entourer les éléments dépréciés
  • entourer les frames
  • entourer les liens sans attribut title
  • entourer l'élément sélectionné
  • entourer les cellules d'un tableau
  • entourer les tableaux
  • entourer un élément personnalisé
• Redimensionner
  • afficher la taille actuelle
  • afficher la taille actuelle dans la barre de titre
  • 800x600
  • 1024x768
  • taille personnalisée
• Validation
  • valider CSS
  • valider fil RSS
  • valider HTML
  • valider liens
  • valider Section 508
  • valider WAI
  • voir rapport de vitesse
  • valider les CSS locales
  • valider le HTML local
• Voir source
• Options
  • styles persistants
  • recharger la page
  • options
  • à propos

Grâce à cette extension, j'ai pu "jeter" les bookmarlets qui encombraient ma barre de liens personnels et économiser de l'espace. Le fait de pouvoir éditer une CSS en wysiwyg avec rafraîchissement automatique de l'écran pour visualiser les modifications en direct, est tout bonnement génial. Pouvoir valider CSS et HTML en local est brillant. Consulter les rapports d'erreurs, connaître le temps de chargement de ses pages avec des statistiques détaillées, repérer les images privées d'étiquette alternative, comprendre la composition d'une page visitée... tout cela en un clic de souris ? Tout bonnement démentiel !

Mais ce n'est pas tout : grâce à Framasoft, j'ai aussi découvert la splendide extension Greasemonkey. GreaseMonkey, c'est en quelque sorte un installateur automatique de bookmarklets. Son fonctionnement est élémentaire : on commence par installer l'extension Greasemonkey, puis on puise dans une banque de javascripts ceux qu'on souhaite installer. On peut ensuite, via une fenêtre d'options choisir de les activer ou non, les désinstaller, les configurer, lister les sites pour lesquels les javascripts seront actifs et ceux qui seront exclus. C'est remarquable... Surtout, certains scriptlets deviennent indispensables, comme :

• celui qui permet d'éliminer les Google Ads
• celui qui affiche de splendides tooltips transparents sur les liens, indiquant l'URL pointée + le contenu de l'attribut title, quand il est renseigné
• celui qui, comme IE, permet d'afficher en infobulle le contenu des tags alt des images
• celui qui bloque les pubs sur Allociné
• celui qui installe un miniplayer MP3 à côté de chaque lien pointant sur un fichier MP3 (ce qui évite de déballer WMP ou RMP pour écouter un petit morceau)
• etc !

Décidément, Firefox me cooooooomble