TomWWW Les meilleures webapps pour les meilleurs webdevs

19août/110

CU3ER, un diaporama 3D en Flash ou en Javascript

CU3ER (http://getcu3er.com/) est un diaporama affichant des transitions 3D particulièrement sexy qui sera du plus bel effet sur votre site internet. La particularité de ce diaporama est d'être développé en deux version distinctes : Flash et Javascript.

La déclinaison Javascript a été développée quelques temps après la version Flash, avec pour principal objectif de proposer les fonctionnalités de CU3ER pour les appareils ne supportant pas la technologie Flash, notamment les iPhone et les iPad.

Voici un exemple de diaporama basique réalisé à partir de la version Flash de CU3ER :

Ce type de diaporama se base sur un fichier XML permettant de gérer les différentes diapo le composant, et l'éditeur propose notamment un outil de configuration en Flash (cManager) permettant de générer ce fichier XML grâce à une GUI facilitant les choses.

Une version de démonstration permet de tester cette web-app, et il faudra vous acquitter d'une licence à hauteur de 49 $ pour le premier prix pour pouvoir pleinement bénéficier des version Flash et Javascript.
17août/110

Highcharts : créez de beaux graphiques en pur Javascript

Highcharts (http://www.highcharts.com/) est une bibliothèque Javascript se basant sur MooTools ou jQuery capable de générer de magnifiques graphiques en full Javascript. Que ce soit sous forme de bâtons, d'histogrammes, de courbes, ou encore d'odorants camemberts, le rendu est remarquable.

Pour rentrer dans le vif du sujet, deux types de bibliothèques sont disponibles : Highchart et Highstocks. La première est étudiée pour créer des graphiques basiques (courbes, camemberts, etc...), alors que la seconde est plus destinée à tout ce qui touche aux cours de bourses (d'où son nom).

Voici un petit exemple de ce que ça peut donner (en démo Highcharts 2.1.6) :

Sympa non ? L'intégration de cette bibliothèque n'est pas très complexe en soit. L'ensemble de la procédure est détaillée à cette adresse : Comment installer highcharts (en). Par contre, au niveau de la documentation, il faut un peu fouiller pour s'y retrouver :

N'hésitez pas à jeter un coup d'oeil aux différentes démos présentes sur le site de l'éditeur ou dans le package proposé au téléchargement.