Si vous avez déjà utilisé des frameworks javascript tel que scriptaculous, mootools ou autre jquery et qu’en plus vous leur greffez des plugins, vous avez remarqué que ça implique pas mal d’imports de fichiers .js et .css supplémentaires dans vos pages.

Et cela n’est pas forcement pratique si vos pages ne sont pas générées dynamiquement. De plus ça nuit à la lisibilité du code source.

Il faut aussi se poser cette question:

Est-il vraiment nécessaire d’inclure la totalité des mes fichiers (js et css) dans l’intégralité du site, où selon tel ou tel type de navigateur ?

Alors voici une solution parmi d’autres pour vous aider à mieux gérer vos inclusions de fichiers !

Lire la suite

astuces , framework , javascript , optimisation 

Dans ce tutorial je vais vous expliquer comment pouvoir inserer une typo “exotique” dans une page html classique.

En effet, vous le savez peut-ètre déjà, mais lorsque vous construisez un site classique, vous n’avez le droit que d’utiliser que 5 grandes familles de police.

Pourquoi ? Et bien tout simplement pour vous assurez que votre page aura le mème rendu chez tout le monde. Si vous utilisiez la police WaltDisney par exemple, seul les utilisateurs disposant de cette police sur leur ordinateur la verrait ! Ce qui est, comme vous vous en doutez, completement inconcevable.

Heureusement, il existe des moyens de contourner ce problème. Ceux qui ont l’habitude d’utiliser flash savent qu’il est possible d’inclure une police (entierement ou pas) dans un swf. Je vais donc vous montrez comment à l’aide d’un swf, et d’un bout de javascript nous allons pouvoir nous sortir de ce mauvais pas.

Ma methode laisse intact votre page d’origine, donc votre page restera valide, de plus si le visiteur n’a pas javascript d’activé, la page n’en souvfrira pas car le contenu ne change pas.
Les possiblités sont donc nombreuses ... inclure une police exotique, faire faire une rotation a votre texte, des effet lumineux, de distorsion, etc .... et tout ça en un minimum de code !
Allez directement voir les exemples et examinez le code source de la page, vous comprendrez mieux la methode.

Lire la suite

astuces , css , fla , flash , html , javascript , swfobject , tutoriels 

Dans ce tutorial je vais vous expliquer comment fabriquer la navigation d’un site sans reloader la page entière.

A l’aide de l’objet xmlhttprequest, qui est la base d’AJAX, nous allons faire appel a des fichier externes pour mettre à jour le contenu de notre page sans rechargement. Exactement comme le ferais un système de cadres/iframe.

Je vais en plus vous expliquer comment mettre un message d’attente (loading) pendant le changement de contenu. Et je vais aussi aborder le cas d’un appel depuis un menu en flash.

Installez-vous confortablement, prenez-vous un café, et on commence !

Lire la suite

ajax , flash , html , javascript , loader , php , ressources , tutoriaux 

Dans ce nouveau tutorial, je vais vous expliquer comment mettre à jour le contenu d'une page sans la recharger.

A l'aide de javascript et de la commande display: none; de css, nous allons réaliser un menu qui va afficher/cacher des div dans notre page. Ce qui va permettre de pouvoir changer le contenu visible de la page, sans la recharger.

Je vais egalement aborder le cas d'un menu en flash, qui va pouvoir appeler ma fonction javascript externe très simplement.

Lire la suite

astuces , css , flash , html , javascript , ressources , tutoriaux