Charlie Nguyen-Duc

De la même façon que LightBox JS, le nouveau Highslide JS vous propose par le biais d’effets de faire un zoom sur vos images miniaturisées.

Pour ceux qui ne connaissent ni l’un ni l’autre, je vous conseille sérieusement de faire un tour sur le site de démonstration de ces scripts Javascript. Vous serez à coup sûr conquis!

Highslide, contrairement à Lightbox, n’assombrira pas la page lors d’un clic sur un thumbnail et permettra ainsi à l’utilisateur de déplacer l’image zoomée tout en continuant de lire le contenu du site web ce qui n’est pas plus mal selon moi.

Je pense que l’utilisation d’un tel script dans vos sites ou Web applications est réellement un avantage. En effet, cela donne tout de suite un aspect beaucoup plus professionnel. A mettre donc entre toutes les mains.

Edit: A voir aussi: Lightview, codé en utilisant la librairie Scriptaculous et qui est définitivement mieux que LighBox JS (merci Freetools )

C’est encore une fois une belle découverte que je vous propose, il s’agit ici de Prefuse. Bon, dit de cette façon ça ne doit pas vous dire grand chose, néanmoins il s’agit d’une librairie Java surpuissante pour créer ces propres graphes et le tout en un minimum de lignes de code. A noter qu’il en existe une version Flash (ça c’est pour nous les web developers ). Je vous laisse constater les possibilités grâce à cette vidéo, vous noterez au passage l’incroyable interactivité avec l’utilisateur:

Trouvé grâce à Spawnrider, je vous conseille fortement de lire son article détaillé dessus.

C’est à partir d’url, que google vous propose de construire des charts (ou plus communnément appelé graphique). En faisant en fait une request à leur server, vous allez obtenir en résultat une image des points que vous souhaitez afficher. Le tout est entièrement configurable du style au type de graphique en passant par les type de markers.

Les différents graphiques sont plutôt agréables à regarder mais ça ne vaut tout de même pas le dynamisme des charts flash…

Malgré tout, le fait de générer des images offre une plus grand compatibilité au cas où l’utilisateur ne possède pas flash (enfin en même temps qui n’a pas flash de nos jours?).

Voici donc quelques résultats que vous pourrez obtenir:

http://chart.apis.google.com/chart?cht=lxy&chs=200×125&chd=t:0,30,60,70,90,95,100%7C20,30,40,50,60,70,80%7C10,30,40,45,52%7C100,90,40,20,10%7C-1%7C5,33,50,55,7&chco=3072F3,ff0000,00aaaa&chls=2,4,1&chm=s,FF0000,0,-1,5%7Cs,0000ff,1,-1,5%7Cs,00aa00,2,-1,5

http://chart.apis.google.com/chart?cht=p3&chd=s:Uf9a&chs=200×100&chl=Rails%7CPHP%7CJava%7C.NET

http://chart.apis.google.com/chart?cht=s&chd=s:984sttvuvkQIBLKNCAIi,DEJPgq0uov17zwopQODS,AFLPTXaflptx159gsDrn&chxt=x,y&chxl=0:%7C0%7C2%7C3%7C4%7C5%7C6%7C7%7C8%7C9%7C10%7C1:%7C0%7C25%7C50%7C75%7C100&chs=200×125

http://chart.apis.google.com/chart?chxt=x,y,r,x&cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chs=200×125

http://chart.apis.google.com/chart?cht=bvg&chs=200×125&chd=s:hello,world&chco=cc0000,00aa00

Vous pouvez retrouver la documentation ici pour apprendre à générer vos propres graphiques.