Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Community Manager

    Femme Profil pro
    Étudiant
    Inscrit en
    juin 2015
    Messages
    3 171
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2015
    Messages : 3 171
    Points : 8 718
    Points
    8 718

    Par défaut Tutoriel pour apprendre à utiliser le format SVG - les bases

    Chers membres du club,

    J'ai le plaisir de vous présenter une série de tutoriels de Maurice Chavelli qui se propose de vous apprendre à utiliser le format SVG. Dans cette première partie, nous allons en apprendre les bases.

    Les images au format SVG (Scalable Vector Graphics) sont vectorisées, contrairement aux images au format JPG ou PNG par exemple. Qu'est-ce que ça implique ?
    • On peut donner la dimension qu'on veut à une image SVG sans perte de qualité.

    • Le format est basé sur XML, donc lisible et facilement modifiable, il est aussi peu encombrant.

    • On peut ajouter du style CSS.

    • On peut créer des animations de plusieurs façons.

    Retrouvez les meilleurs cours et tutoriels pour apprendre le XML
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

  2. #2
    Membre averti
    Homme Profil pro
    Inscrit en
    juillet 2012
    Messages
    200
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Bénin

    Informations forums :
    Inscription : juillet 2012
    Messages : 200
    Points : 338
    Points
    338

    Par défaut

    Cool le tutoriel. Merci beaucoup.
    Je sais pas si c'est en rapport direct avec le tuto, mais il y a la bibliothèque d3.js qui permet de faire des trucs assez cool avec JS et SVG. https://d3js.org/.

  3. #3
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    novembre 2006
    Messages
    396
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : novembre 2006
    Messages : 396
    Points : 878
    Points
    878

    Par défaut

    Super tuto !

    Le SVG est le deuxième langage le plus cool après le XAML :p

    J'ai toujours adoré ce langage qui est loin d'être aussi utilisé qu'il ne le devrait...
    Si c'était natif à l'écosystème UWP, Android et iOS, ça serait le pied.

    J'utilisais la lib Velocity.js pour animer le SVG.
    Exemple avec la banière sur mon site : http://krossapp.com/services.php
    http://krossapp.com

    "S'adapter, c'est vaincre !"

  4. #4
    Community Manager

    Femme Profil pro
    Étudiant
    Inscrit en
    juin 2015
    Messages
    3 171
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2015
    Messages : 3 171
    Points : 8 718
    Points
    8 718

    Par défaut Tutoriel pour apprendre à utiliser le format SVG - SVG et le web

    Chers membres du club,

    J'ai le plaisir de vous présenter la deuxième partie de cette série de Maurice Chavelli qui se propose de vous apprendre à utiliser le format SVG. Ce second tutoriel tente de montrer comment le SVG a trouvé sa place dans le web et présente également le potentiel encore peu exploité qu'il recèle.

    « SVG est à la fois construit avec le langage XML, donc quelque chose de bien structuré et aussi un format graphique. Ainsi, on ne peut pas séparer l'aspect graphique de la structure!
    Internet pullule d'images, mais elles sont en majorité aux formats PNG, JPG… De telles images se contentent d'être une représentation pixélisée et ne comportent rien d'autre. Il en va bien différemment du SVG ! Il est structuré, stylisable et modifiable.
    On peut même utiliser directement un fichier SVG pour créer une application utilisable sur le WEB.
    Le souci principal avec le SVG est sa prise en charge assez aléatoire selon les navigateurs, mais c'est également vrai pour certaines fonctionnalités du CSS3.
    En 2016 a été lancée la version 2 du SVG, mais combien de temps faudra-t-il avant de pouvoir l'utiliser ? Pour le moment, il faut se contenter de la version 1.1. »

    Bonne lecture.

    Retrouvez les meilleurs cours et tutoriels pour apprendre le XML
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

  5. #5
    Community Manager

    Femme Profil pro
    Étudiant
    Inscrit en
    juin 2015
    Messages
    3 171
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2015
    Messages : 3 171
    Points : 8 718
    Points
    8 718

    Par défaut Tutoriel pour apprendre à utiliser le format SVG - On dessine

    Chers membres du club,

    J'ai le plaisir de vous présenter la troisième partie de cette série de tutoriels que vous propose Maurice Chavelli pour vous apprendre à utiliser le format SVG. Dans ce tutoriel, l'auteur va plus loin et montre les belles possibilités qui nous sont offertes.

    « La base du dessin c'est la ligne et SVG est bien équipé dans le domaine. On a vu qu'on dispose de la balise line. Par défaut on a stroke: none, ce qui signifie qu'une ligne n'est pas visible par défaut ! »

    Bonne lecture.

    Retrouvez les meilleurs cours et tutoriels pour apprendre le XML.
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

Discussions similaires

  1. Réponses: 0
    Dernier message: 26/10/2017, 19h57
  2. [Python 3.X] Tutoriel pour apprendre à utiliser les fermetures et les générateurs en Python
    Par Laethy dans le forum Général Python
    Réponses: 0
    Dernier message: 06/02/2017, 18h18
  3. Réponses: 0
    Dernier message: 21/05/2016, 11h09

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo