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 

Les elements positionnés de manière fixe ne défilent pas avec le document, mais reste au mème endroit sur la page.
Ils sont positionnées par rapport aux bords de la zone d'affichage (fenètre du navigateur). De plus ils sont totalement retiré du flux du document

Exemple de position fixed

La valeur fixed permet donc à l'element de collé a la fenètre du navigateur, mème si on scroll le document, celà peut ètre interesant pour fabriquer de fausses pop-up, fixer un menu ou aussi pour afficher un message (pub) par dessus le contenu de votre page.
Malheureusement, une fois de plus internet explorer 6 (et precedant) n'en font qu'à leur tète et ignore tout simplement cette propriété !

Lire la suite

astuces , css , hack , ie , javascript 

Par défaut, l'image d'arrière plan défile avec le document, comme si elle était collée à l'élément.

Exemple de background fixed

La proprièté css background-attachement permet de libèrer l'image d'arrière plan du contenu et lui permetde rester à une position fixe lorsque le contenu défile. En effet l'image est déconnectée du flux du contenu et est attachée à la zone d'affichage (la fenètre du navigateur donc).

La valeur fixed permet donc à l'image de collé au coin superieur gauche de l'ecran, celà peut ètre interesant pour donner certains effets a votre page, comme donner l'illusion de transparence ou de deformation sur le fond.
Malheureusement, une fois de plus internet explorer 6 (et precedant) n'en font qu'à leur tète et ignore tout simplement cette propriété !

Lire la suite

astuces , css , hack , ie , javascript 

Voici comment empecher une div de se redimensionner en dessous d'une certaine valeur.

Cette astuce peut se reveler très utile lorsque vous publiez un swf à 100%, il arrive souvent que si l'utilisateur reduit trop la fenètre du navigateur, votre swf deviendra illisible.
Donc gràce à un peu de css (et de javascript), on va fixer des dimensions minimum sur notre div, comme celà, lorsque l'utilisateur va reduire son navigateur au delà de la limite fixée, il verra apparaitre des barres de defilement !

Lire la suite

astuces , css , hack , html , javascript 

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 

Voilà, je viens de finir mon blog en y integrant mon portfolio ainsi que mon C.V. (ouille, il est encore maigre).

Mon portfolio

Il est accessible via le bouton "Portfolio" situé en haut du blog. Je l'ai integré via CSS et javascript. Développé avec flash 8, s'appuyant sur du xml pour la base de donnée et du php pour la génération des miniatures. Testez et dites-moi si il y a des bugs

MonC.V

No comment, j'espère juste qu'il aura l'occasion de s'etoffer prochainement

css , dotclear , flash , portfolio