Cet encodage permet de réduire drastiquement le poid des fichiers transférés entre le serveur web et votre navigateur.

Point de vue technique :

L'addon Content Encoding Detector soumet l'url de la page que vous visitez au service JSON-HEAD de Simon Willison.

Si le serveur retourne l'http_header "Content-Encoding", l'icône de status Firefox est mise à jour pour refléter l'encodage.

L'addon est en cours de validation mais vous pouvez déjà le télécharger à sa page Mozilla Addons.

tag: ContentEncoding

© Marin for Gatellier.be, 2009. | Permalink | One comment | Add to del.icio.us
Post tags: addon, ContentEncoding, ContentEncodingDetector, ContentEncodingV04b, Firefox, gzip, performance

Status actuel de la géolocalisation :

• Le Groupe de Travail du W3C sur la géolocalisation est en place depuis peu, avec pour but de mettre sur pied des recommandations pour la fin de l'année.
• Firefox 3.1 promet l'implémentation d'une API de géolocalisation (pas encore de tests concluants sur la v3.1b2).
• Une série de providers (tels MaxMind) fournissent des services de conversion d'adresse ip vers un pays ou une adresse
• L'extension Firefox Loki permet une localisation précise sur base de la triangulation des signaux des routeurs wifi alentours.
• L'extension Firefox Geode promet d'employer les futures spécifications (navigator.geolocation.getCurrentPosition())
• Google Gears a aussi une API de géolocalisation
• Google JSAPI (qui permet d'ajouter dans vos sites les librairies JavaScript les plus employées) a des méthodes pour retrouver la position du visiteur.
• BrightKite permet de Twitter et géotagguer directement les photos prises avec son iPhone

Geotag bookmarklet

Via les spécifications disponibles et méthodes les plus faciles, je viens donc d'écrire un bookmarklet qui rajoute votre position géographique dans n'importe quel page web.

GeoTag Bookmarket

Pour l'installer, il suffit de glisser déposer le lien ci-dessus dans votre barre de favoris.

En cliquant dessus, le bookmarket rajoutera votre position (s'il la trouve) au premier champ textarea de la page que vous visitez. Parfait pour Twitter.com

Le script de mon Geotag bookmarklet

var GT=(function(){
	var P=4,u="undefined",d=document;
	var format=function(n,c){
		var m=Math.pow(10,c);
		return Math.round(n*m)/m;
	};
	var addMarker=function (p){
		var t=d.getElementsByTagName("textarea")[0];
		if(t.value.indexOf("#geo")<0){t.value+="#geo:"+format(p.latitude,P)+","+format(p.longitude,P);}
	};
	this.getLocation=function(){
		var p=google.loader.ClientLocation;
		if (p!==null){addMarker(p);}
	};
	this.tag=function(){
		if(typeof(navigator.geolocation)!=u){
			//https://developer.mozilla.org/En/Using_geolocation || geode
			navigator.geolocation.getCurrentPosition(function(p){addMarker(p);});
		} else {
			//http://code.google.com/apis/ajax/documentation/#ClientLocation
			if (typeof(google)==u){
				var jsapi=document.createElement("script");
				jsapi.src="http://www.google.com/jsapi?callback=GT.getLocation";
				d.getElementsByTagName("body")[0].appendChild(jsapi);
			}
		}
	};
	return {tag:tag,getLocation:getLocation};
})();
GT.tag();

Mon script vérifie si l'objet navigator.geolocation existe (donc, si c'est FF3.1b2 ou si Firefox a l'addon Geode installé), sinon, il utilisera les méthodes fournies par le JSAPI de Google.

Bugs connus :

• Si vous passez par un server proxi pour vous connecter à internet ou si simplement les services de géolocalisation ne reconnaissent pas, aucun tag ne sera affiché.
• Internet Explorer 6 ne supporte pas les longs bookmarklets, je vous recommande donc d'installer un autre navigateur.
• La géolocalisation avec Firefox 3.1 beta 2 ne marche pas encore super bien.
• Je limite la précision à quatre décimales.
• J'emploie le système de géotagging employé BrightKite (par soucis de brièveté pour le status Twitter #geo:<lat>,<long>) et pas celui recommandé par Flickr (geo:lat=<lat>,geo:lon=<long>)

Liens relatifs :

• Le script de Dion Almaer qui emploie aussi Google Gears (via Ajaxians)
• 6 technologies de 2008 que vous devez utiliser maintenant (dont la géolocalisation) sur Wired
• Exemple de Tweet géotaggué via BrightKite

© Marin for Gatellier.be, 2009. | Permalink | 3 comments | Add to del.icio.us
Post tags: Firefox, gears, geode, geolocalisation, geolocation, geotagging, google api, Twitter

Editer son fichier HOSTS sous MacOSX

Sous MacOSX, il faut ouvrir une console Terminal.

Pour pouvoir éditer le fichier hosts, dans la console, il faut lancer la commande :
sudo pico /etc/hosts
(il faut avoir le mot de passe de l'administrateur local de votre Mac).

Entrez les lignes désirées, sauvez vos modifications via le raccourcis clavier CTRL+O et enfin fermez la console avec CTRL+X

Editer son fichier HOSTS sous MS Windows

Sous Windows, c'est assez facile de trouver le fichier et de le modifier.

Sous MS Windows, ce fichier se trouve dans le répertoire: C:\WINDOWS\system32\drivers\etc\ où il suffit d'ouvrir le fichier HOSTS (qui n'a pas d'extension) avec un éditeur de texte et de rajouter adresses ip et nom de domaine, de sauver ce fichier et eventuellement redémarrer son navigateur.

En savoir plus :

• le fichier HOSTS, comment ça marche ?

© Marin for Gatellier.be, 2007. | Permalink | One comment | Add to del.icio.us
Post tags:

Reçu récemment à la réception d'Emakina : la carte de vœux d'Anysurfer.be.

Même si je n'ai pas tout compris (et si quelqu'un peut m'aider...), j'ai trouvé la démarche vraiment sympatique.

Il s'agit en fait d'un cécogramme comme on peut en envoyer sur le site Braillepost. Notre carte de remerciement est bien sûr passée par ce service.

C'est clair que maintenant, je suis concerné. J'en reparlerai.

Liens relatifs :

• Le service d'envoi de cécogrammes.
• Les directives pour obtenir le label Anysurfer.
• à étudier : OpenWeb pour les Standard du web.
• à mettre en favori : le blog de Webatou (coucou Monique !)

© Marin for Gatellier.be, 2007. | Permalink | 12 comments | Add to del.icio.us
Post tags:

Spécifiez les répertoires à valider, et scannez. Tidybot génèrera un rapport complet pour les pages contenant des erreurs de syntaxe (x)html voir l'exemple de rapport de page Tidybot.

Des paramètres avancés vous permettent de spécifier, entre autres, de ne pas afficher tel type fichier ou tels types d'erreurs.

Dommage seulement de ne pas pouvoir vérifier des pages en ligne. Disponible pour Window et Unix avec ou sans interface

Liens relatifs :

• La page du validateur Tidybot
• L'exemple de rapport de page tidybot
• Via : l'excellent WATS.ca (excellente ressource d'outils de développement).

© Marin for Gatellier.be, 2007. | Permalink | No comment | Add to del.icio.us
Post tags:

Viddler est un service de partage de vidéo en ligne pas comme les autres. Son gros avantage est de permettre d'attribuer des tags et de commenter des moments précis des vidéo.

Il permet aussi de référer une image figée lorsque l'on envoie la vidéo. Grâce à Viddler, vous ne devrez plus regarder l'entièreté de films qu'on vous envoie ou que vous trouvez sur internet pour voir une image particulière.

(...)
Read the rest of Ajouter de tags et de commentaires dans les vidéos avec Viddler (196 words)

© Marin for Gatellier.be, 2007. | Permalink | One comment | Add to del.icio.us
Post tags:

Une chose me chagrinait, jusqu'hier, Skype le logiciel de communication (vocales et chat) sur internet, ne supportait pas les communications vocales. Juste une ancienne version beta qui n'acceptait que les discussions écrites.

vous pouvez voir mon opérateur mobile, et le super logiciel Quickmarks de reconnaissance de codes QR

Voilà qui fait désormais partie du passé.

© Marin for Gatellier.be, 2006. | Permalink | 2 comments | Add to del.icio.us
Post tags:

© Marin for Gatellier.be, 2006. | Permalink | 5 comments | Add to del.icio.us
Post tags:

On a vu récemment que sous Firefox, il était très facile de tracer les requêtes Ajax avec l'extension Firebug.

Et pour Internet Explorer?

Il existe une application multi platforme (Win/MacOS/Linux) qui permet de renifler tout le traffic passant par les navigateurs. Le nom de ce bonheur pour les développeurs: Charles

Une fois installé et activé, Charles se comporte comme un serveur proxy et enregistre les différentes requêtes HTTP

L'analyse des données de la partie droite de l'écran permet de retrouver une foule d'informations sur la ressource demandée. Dans ce cas-ci, il s'agissait d'un flux RSS.

L'onglet Général nous indique tout ce qui est relatif au fichier demandé lui-même (taille, vitesse de téléchargement, etc), l'onglet Request reprend ce que le browser a demandé au serveur, et l'onglet Response reprend ce que le serveur a répondu.

Exactement ce qu'on cherche pour déboguer nos applications Ajax.

Comme ce programme se comporte comme un proxy, il capture tous le traffic, même les requêtes qui sont faites par des fichier .swf tels des diaporamas ou des applications FlashComm

Quand je vous disais que c'était le bonheur !

Disponible sur le site du développeur, la version d'essais est tout à fait fonctionnelle sauf qu'elle s'arrête après trente minutes (assez pour certains). Sinon, l'application coûte US$50,-. Pas si cher que ça.

Liens relatifs

• Charles Web Debugging Proxy
• Déboguer grâce à Firebug

© Marin for Gatellier.be, 2006. | Permalink | 6 comments | Add to del.icio.us
Post tags:

Liens relatifs

• les raccourcis clavier pour Internet Explorer 7
• les raccourcis clavier pour Firefox
• les raccourcis clavier pour MacOS X
• les raccourcis clavier pour lancer des applications
• via: msfw

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

Sur une grille que vous pouvez agrandir ou rétrécir, vous sélectionnez votre couleur préférée et vous remplissez les cases. La prévisualisation du fond de la page est instantanée.

Une fois que vous êtes fiers de votre dessin, vous pouvez le télécharger au format .png.

A votre disposition aussi, la galerie des réalisation, par type (icône ou image de fond) ou par nombre de téléchargement.

ça me rappelle que je dois encore mettre un favicon sur mon blog.

Liens relatifs :

• bgMaker
• via: le blog du patron d'un éditeur de bien jolis tshirts
• Créer des icônes 'chargement en cours' pour ses applications Ajax
• Créer son logo Web2.0 en ligne
• Créer ses boutons en ligne: Buttonator

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

Dans la série, internet peut m'aider à créer des images (logo ou bouton) en ligne, voici le service de création d'icônes "loading", qui sont souvent utilisées pour les applications Ajax pour montrer aux utilisateurs que "quelque chose se passe" après une interaction du visiteur.

Quelques exemples d'icônes via ajaxload :

Verdict :

Ce qui est bien, c'est la possibilité de changer le type d'icône, les couleurs d'avant et d'arrière plan de l'image, et mettre la couleur de fond transparente (attention avec ceci, il s'agit d'une transparence gif couleur index).

Quel gain de temps !

J'espère quand même qu'on ne va pas trop abuser de ces icônes parce que ça risquerait de finir comme les "skip intro" des film flash d'il y a quelques temps.

Bizarrement, chez moi, le service ne marche pas sur Firefox.

Liens relatifs :

• ajaxload.info : le site pour créer des icônes "chargement en cours" pour ses applications Ajax.
• Créer son logo Web2.0 en ligne
• Créer ses boutons en ligne: Buttonator

© Marin for Gatellier.be, 2006. | Permalink | 5 comments | Add to del.icio.us
Post tags:

Ils sont tout beaux, ils sont tous brillants, mais, pour le sens du logo je vous laisserai seuls juges.

liens relatifs

• Créer son logo Web2.0 en ligne
• via: OlivierMartineau
• Des essais de redesign de logos existants en logos web 2.0
• Remarques sur la qualité intrinsèque de logos web2.0

[edit]: je viens de mettre à jour l'adresse du site - 20070516[/edit]

© Marin for Gatellier.be, 2006. | Permalink | 4 comments | Add to del.icio.us
Post tags:

Icônes ajoutées dans la barre d'outils par Gmail Skins

Tout cela est possible (et bien plus encore: voir la liste des possibilités) sur Firefox grâce à l'extension Gmail Skins.

Choix de ses photos Picasa web album dans Gmail

Une fois installée, vous verrez une option supplémentaire dans Gmail: en haut a droite: le lien « Settings » puis le dernier Tab « Gmail Skins ».

Configurez à votre guise ! Encore une extension adoptée.

PS : Il me reste encore assez d'invitations Gmail. Qui en veut ?

Lien relatifs :

• Télécharger l'extension Gmail Skins
• Télécharger Firefox (lien sponsorisé)
• Télécharger Picasa (lien sponsorisé)
• Voir mon Picasa web album

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

Un raccourci clavier pour activer Launchy et vous pouvez directement taper le nom de l'application que vous désirer exécuter. La liste est des applications est par défaut celle qui se trouve dans votre menu démarrer mais, vous pouvez la configurer vous même, tout comme le raccourci clavier pour activer Launchy.

Il y a différentes "skins" pour changer l'apparence de Launchy.

C'est gratuit et moi, j'adopte !

Liens relatifs:

• Le site Launchy.net
• Télécharger Launchy
• Via ebusiness par l'exemple

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

Beaucoup plus rapide qu'une capture d'écran et retrouver la taille dans votre éditeur graphique préféré, cette petite application fera le bonheur de tous les intégrateurs, graphistes web et consort.

Le logiciel est payant, mais ce n'est pas pénalisant: seules les mesures diagonales sont désactivées en mode non-enregistré.

Lien relatif:

• ScreenCaliper

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

Parfois, la tâche de fond explorer.exe (qui gère les fenêtres dans Windows entre autres) plante et me voilà "Gros-Jean comme devant" avec toutes mes applications dans le désordre. (Je suis vraiment tatilleux sur ce point). Avant, je devais fermer toutes mes applications et les relancer une par une: l'enfer.

J'ai trouvé une application miraculeuse qui me fait gagner pas mal de temps: TaskBar Shuffle 1.0.

Grâce à elle vous pouvez mettre de l'ordre dans votre barre de tâche en glissant-déposant (drag&drop) un élément vers un autre endroit.

Ce petit logiciel est gratuit et marche sous Windows. L'essayer c'est l'adopter.

Merci beaucoup Jay!

• Téléchargez: Taskbar Shuffle 1.0

© Marin for Gatellier.be, 2006. | Permalink | One comment | Add to del.icio.us
Post tags:

C'est une petite application web (toujours en beta et un peu lente) qui vous permettra de choisir entre divers types de boutons et de les paramètrer à votre goût:

• Choix de police (Arial, Arial Narrow, Book Antiqua, Bookman Old Style, Century Gothic, Courier New, Times New Roman, Verdana),
• quelques tailles de caractères,
• gras et italique sont à votre disposition.

Vous pourrez aussi choisir la taille de votre bouton ainsi que la couleur de fond. Le tout saupoudré avec un petit peu d'Ajax

Voilà le résultat:

© Marin for Gatellier.be, 2006. | Permalink | No comment | Add to del.icio.us
Post tags:

"Voilà, j'ai une liste de plusieurs centaines de liens vers des sites dont je souhaite connaître le Pagerank Plutôt que cliquer sur tous ces liens successivement (!) je suis à la recherche d'une petite combine, script ou autre qui me donnerait l'info rapidement."

Qu'est ce que le Pagerank?

Le Pagerank est un des outils dont Google se sert pour calculer la valeur d'un site et donc sa pertinence.

En quelques mots, Pagerank attribue une cote à votre page en fonction des liens qui pointent vers votre page.

Attention, le Pagerank n'est qu'un des paramètres dont Google se sert, pour un référencement optimal, il faut veiller à respecter quelques autres règles (sémantique, friendly urls,...).

Un site pour afficher les pageranks des liens de vos pages

Webmastereyes.com est la réponse à la question posée par JhiJ. Ce site vous permet de soumettre une adresse de page. Il rajoutera une image pagerank après chaque lien de votre page:

Pour afficher le pagerank de toutes les pages de son propre site, il suffira de faire pointer Webmastereyes vers la page "plan du site" de votre site. Et voila!

Liens relatifs:

• Webmastereyes.com
• L'article Wikipedia sur le Pagerank (en français)
• Liste de diffusion Cybercafe21
• Une extension Firefox pour afficher votre pagerank

© Marin for Gatellier.be, 2006. | Permalink | 5 comments | Add to del.icio.us
Post tags:

Cet outil permet de tester une page dans tous les browsers installés sur votre ordinateur en un raccourci clavier et un click de souris (tout comme les extensions IEView et OperaView pour Firefox et FirefoxView pour Internet Explorer).

De plus, il vous donne aussi des options de navigation interne dans un site (tout comme GOUP).

Vous choisissez vous-même votre racourci clavier et même les browsers que vous voulez (par exemple: les versions standalone d'Internet Explorer).

Vous découvrirez à l'usage l'ensemble des racourcis clavier.

Il ne me reste qu'à supporter le développeur danois en lui envoyant une carte postale. Pour un tel outil, je pense aussi à le remercier en lui faisant un transfer Paypal.

Liens:

• Télécharger Optool
• via: DownloadSquad.com

© Marin for Gatellier.be, 2006. | Permalink | One comment | Add to del.icio.us
Post tags:

La fin de l'année passée a été fournie en mises-à-jour de quelques de mes logiciels employés:

• le 29 novembre 2005: Firefox 1.5 est sorti
• le 31 décembre 2005: WordPress 2.0 est sorti

Comme j'ai pas mal de boulot, la mise-à-jour de WordPress attendra un petit peu.

Par contre, comme j'emploie tout le temps Firefox et que sa mise-à-jour a changé quelque peu la gestion d'extension, j'ai été un peu embêté de voir qu'une de mes extension préférée ne fonctionnait plus: l'extension GOUP.

Cette extension permet, à l'instar du bouton "navigate to parent directory" de la barre d'outils Google pour MS Internet Explorer, de remonter automatiquement d'un niveau sur un site web lorsque l'on clique sur son icône. Très pratique lors d'erreurs 404 et/ou pour visiter les blogs.

J'ai donc effectué une petite recherche sur le web pour voir comment on pourrait modifier une extension Firefox: je suis tombé sur ce site explicatif: Roachfiend.com.

Rien de plus simple à partir de ce lien.

Le fichier xpi que l'on peut télécharger est en peut être ouvert avec avec Winzip ou Winrar. C'est une archive contenant un fichier install.rdf, contenant lui-même les informations concerant l'installation de l'extension, et un folder contenant lui meme une archive .jar, qui contient toutes les informations concernant le fonctionnement de cette extension.

Le problème se situait dans l'id de l'extension:

Clav n'avait pas spécifié un guid valide d'où l'erreur affichée lors de l'installation de l'extension:

Toujours en suivant le site Roachfiend.com, j'ai trouvé un générateur de guid et j'ai corrigé l'extension erronnée.

Après avoir archivé les fichiers modifiés, j'ai enfin pu installer cette extension que je mets à votre disposition !

Cet article vous a plu? Réagissez

© Marin for Gatellier.be, 2006. | Permalink | 3 comments | Add to del.icio.us
Post tags:

1. téléchargez une extension Firefox (par ex.: GeoURL) et sauvegardez la sur votre disque dur.
2. lancez Flocker et glissez-déposez l'extension dans la fenêtre Flocker
3. vous obtenez une nouvelle extension (+_flock.xpi) que vous pouvez installer dans Flock
4. relancez Flock

Apparemment, ca ne marche que pour les extensions les plus récentes. Mais quelle symplicité

(1) Le site est un peu surchargé pour le moment; mais bonne nouvelle, grâce à google vous y quand même avez accès

© Marin for Gatellier.be, 2005. | Permalink | No comment | Add to del.icio.us
Post tags: