Fil d'ariane : DaWeed.info »

5 déc 2007

site html avec fond fullscreen en flash

Article publié dans la catégorie css, javascript | lu 14677 fois | 6 commentaires

Voici une petite fonction qui permet d’intégrer un fond FLASH dans un site HTML.

L’intérêt:
- Augmenter l’attrait graphique d’un site tout en gardant l’accessibilité du HTML.
- Rajouter des possibilités d’interactions dans un site HTML grâce à FLASH.

site html avec fond en flash

- démo d’un background fixed


- démo d’un background fullscreen

Lire la suite de cet article »

3 déc 2007

Mise a jour du script swfIntegrator

Article publié dans la catégorie javascript | lu 11890 fois | 5 commentaires

Voici une petite mise à jour du swfIntegrator, en attendant la prochaine version.

 

swfIntegrator v1.1

 

Cette version corrige principalement les problèmes liés aux doctypes. Il est maintenant possible d’utiliser le script avec les doctypes des standarts web.

 

Un autre problème abordé dans cette mise a jour est celui de la saute visuelle au chargement du site.

Lire la suite de cet article »

6 sept 2007

Faciliter l’intégration des sites fullflash

Article publié dans la catégorie javascript | lu 12957 fois | 11 commentaires

SWFintegrator(v1.0) est une classe javascript qui permet de faciliter l’intégration d’un site fullflash au sein d’une page Html.

 

Cette classe corrige les problèmes couramment rencontrés lors de l’intégration d’un site fullflash:

 

  • scrollbar
  • résolution d’écran trop petite
  • positionnement du flash.
  • redimensionnement de la fenêtre

 

télécharger SWFintégrator

 

Lire la suite de cet article »

31 août 2007

Gérer l’état des champs textes

Article publié dans la catégorie javascript, javascript | lu 6955 fois | 4 commentaires

Voici la V1 de la classe javascript CustumInput.

 

Cette classe est permet de modifier le comportement de champs texte a partir de leur classe.
Elle permet de définir une classe Css pour l’état focus et pour l’état blur du champ texte.
Elle vérifie également si la valeur du champs texte a été initialisé et si elle n’est pas vide.

 

Lire la suite de cet article »

29 juil 2007

Les composants graphiques :: étude de cas : le bouton

Article publié dans la catégorie javascript, javascript | lu 6542 fois | 5 commentaires

Les composants graphiques || étude de cas : le inputCet 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 »

18 juil 2007

websites as graphs, un cartographie web originale

Article publié dans la catégorie application | lu 3812 fois | 2 commentaires

websiteasgraphswebsitesasgraphs 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

8 juil 2007

Les composants graphiques :: étude de cas >> le input

Article publié dans la catégorie css, javascript, javascript | lu 7318 fois | 2 commentaires

Les composants graphiques || étude de cas : le inputVoici 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 »

10 juin 2007

DOM Assistant, pour manipuler facilement le DOM

Article publié dans la catégorie javascript | lu 5231 fois | Aucun commentaire

DOM Assistant
DOM Assistant est un librairie javascript qui permet de simplifier la manipulation du DOM.

 

Cette librairie qui n’a pas les prétentions d’un jQuery ou autres prototypes, permet par contre de gagner du temps quand on a besoin de manipuler un peu de DOM.

 

L’écriture est très intuitive ( un peu sur le modèle d’un jQuery),et le package ne pèse que elle pèse que 5Ko

 

La librairie se présente sous la forme de 5 fichiers modulaires. Le moteur de la librairie et 4 modules annexes a importer selon les besoins.

 

Cette classe est compatible avec la plupart des navigateurs modernes.
Lire la suite de cet article »

29 jan 2007

générer des cartes de vos fichiers css

Article publié dans la catégorie application, css | lu 4891 fois | 1 commentaire

css posterCSS poster est une petite application qui génère des cartes de vos fichiers CSS.

 

l’interet… avoir rapidement une vision globale de ces fichiers css, et ainsi pouvoir optimiser son code, ou faciliter la maintenance.

 

Ces cartes permette de facilement visualiser la structure des fichiers css, et du coup de faciliter l’optimisation de ces derniers.

 

Lire la suite de cet article »