Fork me on GitHub

Rapport de message :*
 

HTML5, CSS et fichiers SVG

Titre du sujet : HTML5, CSS et fichiers SVG
par alain01 sur 30/01/2013 15:15:27

Humeur du jour...

Salut les amis et amies,
moi qui suit une bille en css / design, j'ai découvert depuis quelques jours l'alliance fichiers svg et css dans du html5.

C'est incroyable, on a de la puissance derrière tout ça, les applications sont infinies et absolument fantastiques.
Nous en sommes qu'au balbutiement, et pourtant la norme des fichiers svg a pas loin de 10 ans maintenant, mais avec le html5, on est en train de découvrir les opportunités d'utiliser des svg.

Quelques pistes sur les fichiers SVG
- Redimensionnables à l'infini sans perte de qualité (vectoriel)
- On peut définir des éléments et les réutiliser au sein même de l'image
- Chaque élément peut contenir des propriétés (liens, animation, transformation)
- tout les éléments de l'image sont interprétés (XML) et donc on peut les manipuler avec un éditeur, ils sont identifiables (ID) donc on peut appliquer du css dessus.
- Avec les nagigateurs récents, on peut appliquer des filtres en temps réels sur l'image


Voilà, c'était juste un billet d'humeur pour vous montrer mon excitation face à ce trio incroyable (HTML5 / Css / SVG).
Quel est votre sentiment, amis designers ?


Je continue a faire quelques essais très interressant (je suis en train de produire un équivalent de mappage html avec un fichier svg sur du multicalque, avec liens, hover, transformation...)

Quelques ressources pour vous mettre l'eau à la bouche :

- HTML5 et CSS :
Effets de survol avec transitions et filtres CSS

- HTML5 / CSS / SVG :
Accueil » Blog » Créer une carte de France cliquable en HTML5 / SVG.
Créer une carte de France cliquable en HTML5 / SVG

- HTML5 / javascript / SVG
ça, c'est de la bombe, mais il y a du javascript...

- Pure Css et sprites
Voir le paragraphe : Les formes irrégulières (maîtrise parfaite

Open in new windowLogiciel pour créer / editer du SVG : INKSCAPE


Tuto inskape / css / html5 :
Utiliser SVG dans du HML5
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

37 Personne(s) en ligne (25 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 37 | Plus ...