Web 2.0 : dynamisme, interaction, design

Posted Friday, May 12, 2006

Filed under: , , , ,

Voici une collection de liens vers des ressources (en anglais) permettant d'ajouter des effets, des améliorations et des chargements partiels à votre site web. Tout en respectant les standards du web...

Commençons par quelques exemples d'usage intéressants.

Effets:

Javascript reboot, Snook.ca
Un exemple de comment on peut utiliser js et css pour ajouter énormément de simplicité à une page. A utiliser avec Firefox absolument pour l'effet de commentaire détaché.
Slidy
Basé sur S5 d'Eric Meyer et repris aujourd'hui par le W3C himself, en suivant quelques règles vous pouvez transformer une longue page xhtml en une présentation type powerpoint, utilisable sur la plupart des navigateurs. Bluffant.
F.A.C.E
Utilisant l'attribut class, cet ensemble de fonctions permet d'ajouter de l'animation à vos pages, via css uniquement.
Une fois appelé le fichier .js, il suffit d'écrire les états successifs dans une feuille de style et de marquer les éléments auquels appliquer ces états. Il n'y a aucun javascript à écrire mais ceci étant dédié à la présentation, vous ne disposerez donc pas de fonctions pour l'interaction.
Spanky corners
Des coins arrondis sans devoir transformer son code en soupe type microsoft.
(Pour rire: ouvrez un site sous IE et visualisez la source. Maintenant enregistrez le site depuis IE. Comparez le code source et celui enregistré: oui, ils n'ont plus grand-chose en commun... Ne comptez pas sur IE pour enregistrer du xml valide!)
Reflection
Pour un effet miroir et dégradé sur des images, sans retoucher les images elles-même.
Image gallery
Permet de passer d'une liste de miniatures pointant vers l'original à un slideshow complet (sauf timer). Utilisable au clavier, accessible, c'est assez impressionnant.

Framework (librairies):

Scriptaculous
Librairie d'effets ultra-complète, mais nécessite d'appeler prototype.js ET scriptaculous.js, ce qui alourdit beaucoup les pages... Heureusement MooFX contient les effets les plus utiles sous forme condensée.
DoJo
Un autre framework, donc encore un autre fichier .js à ajouter, et une autre doc à potasser...
Yahoo User Interface widgets
De très nombreux contrôles fournis gratuitement et prêts à l'emploi. Mais des critiques sur le poids ont été formulées...
Voici les notes d'une présentation de Yahoo User Interface permetttant de se faire une bonne idée de l'intérêt de ce framework.
Ajax Source Kit
Conçu par Robert Nyman, ce kit fournit une solution complète pour implémenter ajax sans perdre l'historique ni la possibilité de pointer vers une page dont le contenu est inséré via ajax. Pour ne pas tomber dans le piège du gadget technologique qui rebute l'utilisateur une fois passée la première surprise.

J'espère que ces différentes ressources apporteront des réponses aux questions que vous pouviez vous poser quand à l'utilisation/l'utilité de ce qu'on englobe aujourd'hui dans le buzzword "Web 2.0".

Comments disabled because of spammers.

No comments yet

Technorati Profile