Le Touilleur Express » javascript

Quelques sites indispensables pour vos développements Webs

Nicolas Martignole — Tue, 17 Jun 2008 06:05:01 +0000

Ce matin un post qui n’a rien à voir avec Java, ni Apple… pour une fois !

J’ai en réserve un bon nombre d’adresse que j’utilise lorsque je dois valider un site, créer rapidement un logo ou trouver une mise en page CSS sympathique. Je n’ai pas tout repris ici mais voici déjà quelques uns de mes liens.

BrowserShots est un site qui vous permet de tester votre site internet avec différents navigateurs. Pour cela le site visite votre page et effectue une capture d’écran, que vous pouvez ensuite télécharger. Le Touilleur Express par exemple ne marche pas très bien avec certaines versions d’Opéra. Pratique et rapide.
http://browsershots.org/

L’adresse de courrier électronique poubelle, vous connaissez ? Disons que vous avez besoin de vous inscrire afin de recevoir un email d’un site marchand un peu douteux, le site SpamBox propose de créer un email valable une heure seulement. Cependant avant de m’en servir, je vérifierai bien si ce site lui-même n’en profite pas pour récupérer votre vraie adresse email pour la revendre… On est jamais trop prudent.

Le logo en flamme, le logo en flamme ! Si vous cherchez quelques tutoriaux afin de créer votre logo en flamme, allez jeter un oeil sur le blog de DesignVitality. J’aime particulièrement les designs Web 2.0.

Le site DaFont offre une très grande collection de polices pour réaliser des applications webs, des sites et des logos. Il y a des polices très originales qui permettent de réaliser la patte d’un site en quelques instants.

Le site qu’il faut avoir dans ses bookmarks car il contient finalement un peu prêt tout ce dont j’ai besoin lorsque je crée un habillage : http://webdevelopersfieldguide.com/. Par exemple une roue colométrique pour l’équilibre des couleurs. Ou un système comme DeGraeve.com qui se base sur une image pour vous proposer une carte de couleurs.

Pour suivre l’actualité autour d’Ajax et des librairies comme Prototype ou Script.aculo.us, je vous avais déjà parlé d’Ajaxian.com. Le site propose souvent des articles assez pointus sur Ajax et Javascript.

En ce moment nous corrigeons des problèmes de Closures en Javascript. Je cherchais sur le net un outil que j’avais testé il y a 2 ans pour identifier des closures… Je tappe quelques mots et je tombe… sur mon blog… Ca fait bizarre de se répondre à soi-même… Si vous voulez briller en société et expliqué à un client ou à un consultant ce qu’est une Closure, je vous redonne cette page très bien faite, avant de vous proposer à mon tour une explication en français dans le texte prochainement. Oui on ne le dit pas assez, mais un certain nombre de librairies Ajax peuvent causer des problèmes de mémoire du côté du navigateur.

CSS, Ajax et DHTML sont sur un bateau… Ajax tombe à l’eau, ça sent la javel

Nicolas Martignole — Tue, 09 Oct 2007 07:15:43 +0000

Un site qu’il est bien de connaitre si les mots CSS, Ajax, Javascript ou DHTML vous évoquent quelque chose: Smashing Magazine (prononcez « ce machine mag azine »). Voilà un petit nouveau que je ne connaissais pas et franchement, le contenu est très sympa. Pour les web designers, les graphistes ou les développeurs JSF/GWT, on y trouve de tout. Et pas trop de publicité pour une fois.On y apprend que 50.4% des visiteurs d’un site Internet seulement regardent en plein écran le contenu du site. Ce qui revient à dire qu’il faut éviter les designs bloqués à 1024/768 qui risquent de provoquer un agacement de vos visiteurs (je parle au web designer assis au fond à gauche).J’ai aussi vu sur le site w3counter qu’Internet Explorer ne représente que 66.28% des navigateurs utilisés aujourd’hui d’après ce site. Linux par contre est à des années lumières (1.38%) du monde Windows… Bref Microsoft rulez comme on dit chez les djeuns. Enfin un point important, ce sont les articles sur l’accéssibilité et l’ergonomie. Ici nous travaillons avec un ergonome qui nous aide à créer des interfaces « intelligentes » ou à améliorer le design de nos écrans. Trop souvent oublié, le design et l’accessibilité sont aussi 2 points importants à prendre en compte lorsque l’on crée un site web.

Script.aculo.us et fuites mémoires Javascript

Nicolas Martignole — Sun, 14 May 2006 10:30:16 +0000

Une nouvelle version de la librairie JavaScript Script.aculo.us est disponible sur le site http://script.aculou.us. Cette librairie vous permet d’ajouter dans vos pages facilement et rapidement des comportements dynamiques et asynchrones afin d’ajouter une petite touche AJAX à vos pages.

Parmies les améliorations notables, on note une mise à jour de la version de la librairie Prototype qui corrige des fuites mémoires d’Internet Explorer. En effet, AJAX c’est bien beau mais lorsque la partie Javascript est mal programmée, cela conduit rapidement à des problèmes de fuites mémoires. J’en parle en connaissance de cause puisque notre moteur souffre actuellement de ce souci. Pour aider les développeurs à rechercher les fuites mémoires du côté client dans le navigateur, il n’existe pas grand chose. Le seul outil pratique que j’ai trouvé s’appelle Drip. Il permet de suivre l’usage de la mémoire d’Internet Explorer et de voir les problèmes de Javascripts closure.
L’adresse du site est: http://outofhanwell.com/ieleak/index.php?title=Main_Page

Une autre ressource pour suivre l’utilisation mémoire d’IE est expliquée dans cet article du site Ajaxian.com.

Attention donc aux problèmes de mémoire avec Internet Explorer

AJAX, déjà un an, déjà 7 ans

Nicolas Martignole — Tue, 28 Mar 2006 13:51:51 +0000

AJAX existe officiellement depuis un an suite à l’article d’un consultant en mars 2005. Cependant d’un point de vue
technique AJAX existe depuis 1999 comme l’explique l’article de Wikipedia.

Avez-vous entendu parler du Web 2.0 ?

Basé sur des technologies comme AJAX, DHTML, XML ou Soap, le concept de « Web 2.0″ regroupe
l’annonce de l’arrivée prochaine d’application légère dans votre navigateur.
Microsoft ainsi commence à croire que Google pourrait être son plus sérieux compétiteur. La présentation de Google faites aux analystes financiers parle
ainsi d’un nouveau concept de Web. Google proposerait un espace de stockage
illimité pour vos fichiers, des applications légères embarquées dans votre
navigateur pour les utiliser, et donc la fin des logiciels installés sur votre
ordinateur personel. Un espace disque infini serait alors offert et accessible
de votre travail, de votre téléphone mobile et de votre télévision à la maison…
Peut-être que d’ici 4 à 5 ans, Google prendra la première place devant Microsoft ?

En attendant celui-ci cependant n’attend pas les bras croisés de se faire distancer. Microsoft annonce ainsi quelques nouveautés basé sur AJAX dont Atlas,
un framework de développement qui devrait permettre aux éditeurs de logiciels
d’offrir une version « Web 2.0″ de leurs logiciels. La version CTP d’Atlas est
sortie au début du mois de mars.
Allez faire un tour (avec Internet Explorer) aussi sur Live.com de Microsoft.Vous y trouverez un moteur
de recherche à la Google (sans publicité apparente) utilisant AJAX. Le logo
« Windows Live Beta » fait cependant un peu croire à la sortie d’un OS en ligne,
alors qu’il n’en n’est rien.

Et les développeurs…
Depuis quelques mois, on voit ici et là de plus en plus de librairies et de
frameworks d’application clairement orienté Web 2.0. Leur objectif est de faciliter
la création de site « AJAX » tout en conservant du côté du serveur un modèle qui
tienne la route. Vous pouvez trouver sur ToutAjax
une liste assez complète d’applications,
de démos et de librairies pour se lancer.

Ce qui m’intéresse en temps qu’architecte J2EE, c’est la facilité de
mise en oeuvre d’une ergonomie et d’une interactivité comme AJAX dans mes
applications Webs, ainsi que la facilité de maintenance ensuite.
Du côté du client, il existe désormais des librairies gratuites puissantes
à intégrer dans une application qui nous permettent de construire nos interfaces
en ayant l’interactivité d’AJAX. Quelques librairies comme Script.aculo.us,
Rialto ou Dojo Toolkit sont puissantes et efficaces mais pas toutes semblable.
Rialto est celle qui m’intéresse en ce moment, notamment à cause du support de Java Server Faces.

Il me semble que JSF + AJAX est un peu le couple à marier en 2006.
Java Server Faces apporte un modèle composant à une application et permet de
définir ses composants tels qu’ils seront représentés dans le navigateur.
Il n’a pas fallut attendre longtemps avant de voir apparaître ici et là des
composants JSF utilisant AJAX comme ce composant pour télécharger uploader un fichier vers une JSP.
Si vous avez lu aussi mon post sur Shale (Struts 2.0 mais pas vraiment) vous savez déjà que Shale aura un composant de Rendering et s’intégrera avec Apache MyFaces pour pouvoir au final offrir des composants JSF utilisant AJAX (entre autre).
Pour terminer, je vous donne un lien vers le fameux PetStore mais réalisé avec donc ces nouveaux composants qui font que dans quelques mois, le web va changer.
Ajax PetStore vu sur l’excellent site Ajaxian.com