Ce matin je n’ai pas les idées en face des trous

Archives pour le mot-clé «webmaster»

Générateur de Palette de couleurs d’après photo

Attention, ça va être très rapide:

  1. vous entrez l’URL d’une image,
  2. vous cliquez sur le bouton
  3. et hop! Voilà pour vous toute une palette de couleurs qui colle pile poil avec la photo. F

Facile pour faire une nouvelle page web, trop trop simple! C’est le Color Palette Generator!
colorpalette.jpg

De jolis graphiques grâce à Google Chart API

Peut-être avez-vous remarqué le joli camembert dont j’ai orné mon dernier article?
“- Oui, et alors? T’as enfin appris à te servir d’Excel!?”

Mais non, mauvaises langues, c’est un graphique généré grâce à la toute dernière API publiée par Google, la Google Chart API. Et j’ai tout de suite voulu essayer parce que:

  • ça fait un moment que je vois toutes ces belles API utilisées intensivement par le moindre bout de site AJAX,
  • que je vois toute la puissance de ces API, accessibles par une simple URL, c’est très fort!
  • mais que je n’ai jamais tenté de les utiliser (ben oui)
  • et donc, en vrai développeur, ça me frustre au plus au point! :)

Donc voilà, il parait que c’est la plus simple des API exposées par Google, alors j’ai fait un petit effort et voilà mon Pie Chart pondu en 4 minutes from scratch. Pour afficher ce graphe dans ce billet, j’utilise le code suivant:

http://chart.apis.google.com/chart?cht=p3&chd=t:23.0,17.0,13.0,13.0,11.0&chs=350×110&chl=Goutte (23%)|Bible (17%)|Borgnes (13%)|Mouette (13%)|Chien (11%)

Où:

  • http://chart.apis.google.com/chart est l’URL de base de la Google Chart API
  • chd=t:23.0,17.0,13.0,13.0,11.0 permet de rentrer les valeurs numériques en encodage texte (encodages simples et étendus également disponibles)
  • chs=350×110 définit la taille de l’image png générée
  • et chl=Goutte (23%)|Bible (17%)|Borgnes (13%)|Mouette (13%)|Chien (11%) indique les labels de chaque valeur

Simple, non?

Les possibilités sont vastes: courbes, histogrammes, camembert 2D et 3D, marqueurs divers, grille, nuages de points, etc: tout est documenté et illustré ici. Cette API était uniquement utilisée en interne chez Google jusqu’à présent. La voilà disponible pour tous, c’est Noël pour les blogs!

Alors bien sûr, il serait bien de faire un générateur, un mashup, histoire de pouvoir choisir son type de chart, ses options et de rentrer ses données dans une jolie page oueb plutôt que de s’amuser à encoder une URL. Mais j’ai la flême. Quelqu’un se dévoue??

Source: Google Code Blog, Google Operating System

Un micro-succès pour introduire Xinu.Plouceur, un outil de mesure de la popularité d’un blog

Xinu.Plouceur - Popularité de votre blog en 1 seul clic Pas de quoi s’enorgueillir inconsidérément, mais ce micro-succès* est l’opportunité que j’attendais pour parler de Xinu.Plouceur. Il s’agit de statistiques, de nombre de visiteurs et d’un service dispo sur Web.Plouceur.

Ce service mesure la popularité de votre site en 1 seul clic. Tout est sur la même page, de Technorati au PageRank Google, en passant par le nombre de liens dans les principaux moteurs et réseaux de social bookmarking , ou le nombre d’abonnés à votre flux RSS, une petite capture d’écran, etc. Il suffit d’entrer l’URL du site à tester et tout se fait tout seul. Essayez-le ici!

Ce script est le fruit du travail de Miquel Camps Orteza qui a la bonté de le donner à ceux qui veulent bien l’héberger. C’est donc chose faite: Xinu traduit en français et hébergé sur plouceur.com, ça donne Xinu.Plouceur que je vous encourage à essayer tout de suite (pas avec plouceur.com, pitié! mais avec votre propre URL). Ensuite, vous pouvez carrément l’adopter et/ou faire vos commentaires sur ce billet.

En passant, vous pouvez aussi essayer deux adresses sympas:

  • TouchGraph Google, une applet java qui explore graphiquement les connections entre les sites web. Le point d’entrée est un mot-clé ou une URL et la source des données les résultats de recherche Google
  • walk2web, une autre manière de représenter graphiquement ces connections entre sites web, à partir d’une URL
  • FireFeed, pour voir l’évolution de nombre d’abonnés de votre flux RSS hébergé via FeedBurner
  • Vous en connaissez d’autres? J’aime bien ces truc-là moi :)

 

micro-succes sur Web.Plouceur* Une simple photo de chien et de zigounette en transparence publiée à la mi-août à été à l’origine du premier micro-succès de Web.Plouceur. Content le garçon! Voilà ce que Google Analytics révèle sur le nombre de visiteurs reçus ces derniers jours, depuis que mon billet est sous les projecteurs sur Scoopeo. Bonne surprise!

L’image est sur le web !

Voilà un bon petit service gratuit qui mérite d’être cité: un hébergement gratuit d’images appelé Adella Share, Adella étant le nom d’une association qui fait la promotion des logiciels libres et des standards ouverts. Pour héberger une image, rendez-vous sur cette page, cliquez sur le bouton parcourir et sélectionnez le fichier à envoyer. Terminé! Pas de login, rien: on ne peut pas faire plus rapide!

Ci-joint une capture d’écran de Web.Plouceur, hébergée par leurs soins: cliquez la miniature pour voir le résultat.
Oui, bien sûr, pas de miracle, la page affiche quelques pubs en plus de l’image hébergée. Mais le service est bien là: partage d’images (légales) jusqu’à 2Mo totalement gratuitement. Il y a actuellement 4 types de code HTML fournis pour exploiter l’image une fois chargée sur le serveur:

  • lien direct: les utilisateurs doivent cliquer le lien pour voir l’image
  • pour forum: code contenant des balises pour l’affichage de l’image taille réelle dans un forum
  • miniature clicable pour forum: l’image affichée sur le forum est la miniature 150×150 comme ci-contre. On clique pour voir l’image réelle.
  • code web: du code HTML standard pour afficher la miniature clicable (c’est ce que j’ai utilisé ici)