Cet article est le deuxième d’une série de tutoriaux sur les composants graphiques.

Dans le premier article nous avions vu comment cibler un nœud du DOM et interagir avec cet élément.

Nous avions crée la classe custumInput qui permettait de modifier et d’ajouter des comportement a un élément Input.

Dans ce tutorial nous allons voir comment modifier intégralement l’aspect d’un bouton html

Nous allons créer un composant graphique en javascript qui remplacera un bouton html.

Ce composant aura 3 images, pour chacun des 3 états (rollOver – rollOut et click) et devra récupérer l’action réalisé sur le click du bouton (l’appel de la fonction)

Le résultat est disponible ici.

Lire la suite de cet article »

websitesasgraphs est une module en ligne qui réalise une cartographie d’une page internet en s’appuyant sur les differentes balises ( en gros sur la structure DOM ).

Un peu sur le même principe que CSS poster, dont j’avais parlé il y a quelques temps, WebsiteasGraphs propose une analyse originale d’un site internet, essentiellement basé sur un approche visuelle globale.

aller a websitesasgraphs

Voici le premier article d’une série Sur les composants graphiques.
Les composants graphiques c’est quoi?

Les composants graphiques sont des objets javascript qui permettent de contrôler des interfaces graphiques

Ils consistent en objets javascript ( afin de faciliter le déploiement ) qui implémentent des méthodes aux différents éléments d’une page afin d’en modifier l’apparence, les propriété, ou les comportements face aux actions utilisateurs,
tout en modifiant au minimum le code de la page html.Un composant doit être autonome et portable.
(Pfiou on respire)

Parmi les composants graphiques les plus connu il y a swfIR ou CRIR

Lire la suite de cet article »