Archives | Web RSS pour cette section

Sélection de mes extensions Firefox

Mon profil Firefox que je traine depuis un bon moment me pose un petit problême : chaque fois que je sauvegarde un favori il disparait au redémarrage suivante. j’ai regardé du coté des droits mais tout est en ordre. Donc j’en profite pour créer un nouveau profile. Cet article vous indiquera comment créer et gérer plusieurs profils et leurs emplacements.

Pour faire la transition j’ai utilisé Foxmarks qui synchronise mes mots de passe enregistrés mais auss mes favoris. Reste les extensions. Je dresse donc ici la liste des extensions Firefox qui me sont utiles :

  • Netvibes : ajoute facilement le fil RSS de la page courante à votre page d’accueil Netvibes via un bouton logé dans la barre de navigation.
  • Add to Search Bar : ajoute dans la liste des moteurs de recherche de Firefox n’importe quelle champ de recherche d’une page. Pour cela allez sur la page, cliquez droit sur le champ de recherche souhaité et ajoutez-le comme moteur de recherche. Très utile ! Voilà une petite liste de site utile à rajouter : Youtube, Dailymotion, Marmiton, Mininova … etc.
  • Better Gmail2 : Better Gmail pour Firefox a pour but d’améliorer le service de courrier électronique de Google en lui ajoutant diverses options ( via la compilation des meilleurs scripts GreaseMonkey pour Gmail), ainsi que plusieurs thèmes graphiques.
  • Cooliris : est un plug-in pour Firefox et qui permet de parcourir les galeries d’images en 3D. Son utilisation est simple et intuitive :
    • lancez une recherche d’images sur les sites que vous voulez,
    • quand le résultat s’affiche, survolez une image
    • cliquer sur le logo « play ».

  • Customize Google : ajoute des liens pour aller rechercher vers d’autres moteurs de recherche et supprime la pub (spams, résultats commerciaux).
  • Download Helper : permet de récupérer facilement des médias sur une page web comme des vidéos, musique ou images. Du moment que vous lisez dans votre navigateur, Download Helper peut vous aider à le récupérer. Très très pratique.
  • DownThemAll!! : un gestionnaire de téléchargement avancé pour FIrefox. Rien que sa fonction de téléchargement de tout les éléments d’une page (tous les liens menant vers des pdfs d’une page web par exemple) est superbe.
  • FireFTP : LE gestionnaire de FTP pour Firefox. On en oublie presque qu’il existe des logiciels pour ça…
  • ForecastFox : la météo dans la barre des tâches de Firefox en provenance de weather.com .
  • Foxmarks : sauvegarde et synchronise vos favoris sur un serveur. Ainsi ils sont accessibles partout et sur plusieurs machines. Par défaut cela s’effectue sur les serveurs sûrs de Foxmarks mais on peut le mettre en place sur un serveur personnel également.
  • Google Gears : permet d’accélérer l’affichage des sites qui le supporte. Ainsi l’utilisation de WordPress en est fortement accélérée.
  • Adblock Plus : bloque la pub non désirée. A must-have.
  • NoScript : Protection supplémentaire pour votre Firefox : NoScript ne permet l’exécution de scripts JavaScript que sur les domaines de confiance de votre choix (p.ex. le site de votre banque). Ce système de blocage préventif de scripts basé sur une liste blanche empêche l’exploitation de failles de sécurité (connues et même inconnues) sans perte de fonctionnalités…
  • Tab Mix Plus : une extension qui augmente la fonctionnalité de navigation par onglets de Firefox.
  • Web Developper : une application extrêmement utile pour le développement web avec une multitude d’outils.
  • Secure Login : un gestionnaire de mots de passe qui complète avantageusement celui de Firefox.

En espérant que cela vous sera utile !

La Carte d’Internet

Etant abonné au flux de xkcd j’avais lu et adoré cette représentation de l’espace IPv4 de l’Internet :

Et après quelques recherches on voit que l’on a fait mieux et que la cartographie du web peut revetir différents aspects :

  • IPv4 Map : une carte d’Internet où l’on peut zoomer et voir pour les réseaux et les sous-réseaux leur propriétaire tel que donnée par le whois. En bonus une image représentant le même type de carte mais zoomée directement (5120px × 4096px) est disponible ici.
  • Une carte représentant les hôtes « alives » ie un ping a été envoyé et l’échelle de couleurs indique les réponses reçues. En plus c’est zoomable ! Et c’est ici. Cette page vous donnera plus d’infos sur ce projet.
  • Cette carte représente Internet vu par le protocol BGP ( pour vulgariser disont qu’il gère la connexion les différents réseaux composant Internet) trace le nombre d’hôtes « routables ».
  • Pour finir d’autres représentations d’Internet sont disponibles ici mais elles datent un peu (2005) mais donnent quand même une idée. Exemple :

Et puis si ça vous dit la fin d’Internet c’est ici !

OptiPNG ou l’optimisation des fichiers PNG

Le Portable Network Graphics (PNG) est un format ouvert d’images numériques, qui a été créé pour remplacer le format GIF, à l’époque propriétaire et dont la compression était soumise à un brevet. Le PNG est un format non destructeur spécialement adapté pour publier des images simples comprenant des aplats de couleurs.

Wikipedia

Le fichier PNG est particulièrement utile pour les applications web en remplacement du GIF car de meilleur qualité notamment sur les dégradés( à part IE qui ne le gère pas avec la transparence : si vous utilisez IE6 jetez un coup d’oeil à ce site). OptiPNG permet facilement d’optimiser la taille d’un fichier PNG sans perte de qualité.

La compression est sans perte ce qui signifie que l’image résultante aura la même apparence que l’image source.

Le but principal d’OptiPNG est donc de réduire la taille du PNG en essayant divers filtres et méthodes de compression. Il s’occupe automatiquement de réduire le nombre de bits en encodage, la palette de couleur si possible et peut même corriger certaines erreurs d’intégrité sur le fichier entrant.

En plus du fichier PNG évidemment pris en entrée, on peut lui fournir des fichiers BMG, GIF et même PNM mais le format de sortie restera du PNG.
Je vous renvoie vers la page du manuel pour les options mais celles par défaut sont suffisantes. A noter que le programme écrase le fichier PNG fourni à moins de fournir l’option -keep.

Pour optimiser un fichier PNG :

[bash]optipng monfichier.png[/bash]

ou pour garder une copie non modifiée :

[bash]optipng monfichier.png -keep unesauvegarde.png[/bash]

Capture du Terminal avec utilisation d'OptiPNG

Capture du Terminal avec OptiPNG

Et un fichier mis au régime sec ! Cela permet d’accélérer le chargement d’un site si appliqué à toutes les images utilisées.

Routage d’un autre niveau …

Voici une petite vidéo intéressante qui décrit les équipements réseaux dans le datacenter d’OVH à Roubaix. Cela vaut le coup d’oeil ! Et avec un regard technique c’est encore plus intéressant, je serais intéressé d’avoir encore plus de détails sur l’architecture mais ils ne sont peut-être pas public .

1

PS: et au passage … en plus c’est OVH mon hébergeur !

En travaux: 2

Le design du site avance au fur et à mesure. Il est presque fini et il va falloir commencer à le découper et l’agencer sur le site. Du travail en perspective …
Voilà à quoi ce la devrait ressembler une fois fini :

Design du site

Design du site

Pour info cela a été réalisé seulement avec Gimp et Inkscape.