Return to Video

SVG pour les designers et les développeurs (Jérémie Patonnier) - Sud Web 2011

  • 0:07 - 0:14
    Je m'appelle Jérémie Patonnier, je suis consultant Web pour Clever Age, depuis un mois,
  • 0:14 - 0:18
    et c'est à cette époque que j'ai rasé ma barbe.
  • 0:18 - 0:26
    Aujourd'hui, je vais vous parler de SVG... Peut-être... Voila...
  • 0:26 - 0:29
    ... pour les designers et les développeurs.
  • 0:29 - 0:32
    Avant que je rentre bille en tête dans le vif du sujet
  • 0:32 - 0:33
    je vais faire un petit sondage rapide
  • 0:33 - 0:39
    Qui parmi vous a déjà entendu parler de SVG ?
  • 0:39 - 0:42
    Plein de monde, c'est bien
  • 0:42 - 0:45
    La question c'est : Qui l'a déjà utilisé ?
  • 0:45 - 0:48
    Y'a déjà moins de monde
  • 0:48 - 0:53
    Et qui, parmi ceux qui l'ont déjà utilisé, l'utilisent aujourd'hui en production sur un site ?
  • 0:53 - 0:56
    Vous êtes vraiment pas nombreux
  • 0:56 - 0:58
    D'accord c'est très bien
  • 0:58 - 1:06
    Alors qu'on comprenne bien, SVG c'est un format d'image vectoriel
  • 1:06 - 1:08
    donc plutôt un truc pour les designers
  • 1:08 - 1:13
    qui est crée sur une base XML, sa syntaxe est XML
  • 1:13 - 1:16
    donc là on parle plutôt pour les développeurs
  • 1:16 - 1:19
    C'est un langage qui est aujourd'hui normalisé par le W3C
  • 1:19 - 1:22
    c'est une technologie qui est relativement ancienne
  • 1:22 - 1:25
    elle a à peu près une petit dizaine d'années
  • 1:25 - 1:34
    et elle fait partie des outils que normalement devrait avoir tout webdeveloper dans sa boîte
  • 1:34 - 1:38
    tout simplement, recemment il s'est passé quelques évènements
  • 1:38 - 1:43
    et SVG commence à devenir vraiment intéressant dans le webdesign
  • 1:43 - 1:47
    Alors historiquement quand j'arrive et que je dis
  • 1:47 - 1:50
    C'est chouette on pourrait faire des trucs en SVG
  • 1:50 - 1:53
    c'est sympathique, on va pouvoir faire ça, ça et ça ...
  • 1:53 - 1:58
    en général on me dit vite : "oulà on sait pas trop, est-ce que ça marche ?"
  • 1:58 - 2:00
    l'état d'implémentation tout ça, bizarre
  • 2:00 - 2:02
    en général il y a une réticence
  • 2:02 - 2:04
    c'est assez étrange
  • 2:04 - 2:05
    donc je vais commencer par vous parler tout simplement
  • 2:05 - 2:09
    du support navigateur de SVG
  • 2:09 - 2:11
    Aujourd'hui c'est quelque chose de très simple
  • 2:11 - 2:15
    SVG est supporté par tous les navigateurs modernes
  • 2:15 - 2:17
    sans aucune exception
  • 2:17 - 2:23
    Opera, Firefox, Chrome, Safari et IE9
  • 2:23 - 2:29
    ça c'est le premier point important, Microsoft a enfin décidé d'implémenter SVG dans Internet Explorer
  • 2:29 - 2:33
    donc désormais on sait que c'est une technologie qui au même titre que les autres
  • 2:33 - 2:37
    va être disponible, de manière massive
  • 2:37 - 2:41
    puisque évidemment aujourd'ui le seul qui n'implémente pas du tout SVG
  • 2:41 - 2:45
    ce sont les anciennes versions de IE : IE 6, 7 et 8, il n'y a pas de SVG dedans
  • 2:45 - 2:47
    Et donc evidemment quand on est dans une logique de
  • 2:47 - 2:50
    mass média et je veux toucher du grand public
  • 2:52 - 2:57
    60% de visiteurs sur mon site, la techno là ça va pas être possible
  • 2:57 - 2:59
    bon ...
  • 2:59 - 3:04
    et là c'est assez rigolo de voir quand on travaille dans une agence
  • 3:04 - 3:07
    ou quand on est client, peu importe
  • 3:07 - 3:11
    on voit arriver soit des développeurs, soit des responsables marketing
  • 3:11 - 3:15
    des dirs com', un peu tout le monde qui ont entendu parler plus ou moins des technologies
  • 3:15 - 3:16
    et qui viennent vous voir en disant :
  • 3:16 - 3:20
    Wow c'est génial, j'ai vu des super démos en CSS3
  • 3:20 - 3:22
    C'est cool, je veux qu'on mette ça sur mon site
  • 3:22 - 3:26
    Pas de problèmes, on a des méthodes pour, on sait gérer la dégradation harmonieuse
  • 3:26 - 3:29
    s'il faut sur des vieux navigateurs
  • 3:29 - 3:32
    on sait utiliser des polyfills javascript
  • 3:32 - 3:36
    qui vont rajouter une couche qui permet de soi d'émuler,
  • 3:36 - 3:38
    soit de s'en sortir d'une manière ou d'une autre
  • 3:38 - 3:40
    OK.
  • 3:40 - 3:42
    La même chose avec SVG ça existe pas.
  • 3:42 - 3:49
    Ça existe pas et c'est bizarre parce que pour SVG il y a aussi les mêmes fonctionnements
  • 3:51 - 3:55
    On peut exactement faire la même chose et avoir le même argumentaire
  • 3:55 - 3:58
    OK ? On peut aussi l'utiliser.
  • 3:59 - 4:01
    Alors pour que vous comprenniez bien ce qui se passe là
  • 4:01 - 4:04
    j'ai Stéphane Deschamps qui est plié de rire devant moi
  • 4:04 - 4:05
    voilà (rires)
  • 4:06 - 4:07
    merci Stéphane
  • 4:08 - 4:09
    Voilà
Title:
SVG pour les designers et les développeurs (Jérémie Patonnier) - Sud Web 2011
Description:

Que vous soyez Designer ou Développeur, SVG est désormais une technologie mainstream que vous devez connaitre.
Démonstration par l'exemple de ce qu'il est possible de faire aujourd'hui avec SVG et quel sont les problèmes qu'il permet de résoudre.
20 minutes intenses au cœur d'une technologie pas toujours très bien connue.

http://sudweb.fr
more » « less
Video Language:
French
Duration:
31:47

French subtitles

Incomplete

Revisions

Our website uses cookies for analysis purposes.