Web 2.0 : dynamisme, interaction, design
Posted Friday, May 12, 2006
Filed under: (X/HT)ML, CSS, Goodies, Quicklinks, Standards and usability
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