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 

SwfAddress et une sorte de plugin pour SwfObject, qui va permettre de rendre utilisable les boutons de votre navigateur pour se deplacer a l'interieur d'un swf.
Mais ce n'est pas tout, il permet egalement d'acceder aux differentes parties du swf via de simple url, ce qui est très pratique pour donner le lien direct d'une section de votre swf.

Donc en gros:

• Les boutons "suivants", "precedant" et "rafraichir" deviennent operationnels
• Vous avez des accès direct aux différentes partie de votre swf, avec une url du type "htpp://monserveur.com/ma_page.html#/section1/
• Vous pouvez egalement controler ce qui va s'afficher dans la barre de status en bas du navigateur
• Vous pouvez ré-écrire le titre de votre page directement depuis votre swf, en fonction de la section où vous vous trouvez

Voir une demo online

/!\ RAPPEL: Il vous faudra obligatoirement integrer votre swf avec la methode SwfObject pour que celà fonctionne. Et evidement integrer swfaddress.js dans votre page !

Lire la suite

astuces , fla , flash , html , javascript , swfaddress , swfobject