[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:07.36,0:00:14.28,Default,,0000,0000,0000,,Je m'appelle Jérémie Patonnier, je suis consultant Web pour Clever Age, depuis un mois,
Dialogue: 0,0:00:14.28,0:00:17.90,Default,,0000,0000,0000,,et c'est à cette époque que j'ai rasé ma barbe.
Dialogue: 0,0:00:17.90,0:00:25.84,Default,,0000,0000,0000,,Aujourd'hui, je vais vous parler de SVG... Peut-être... Voila...
Dialogue: 0,0:00:25.84,0:00:28.84,Default,,0000,0000,0000,,... pour les designers et les développeurs.
Dialogue: 0,0:00:28.84,0:00:31.74,Default,,0000,0000,0000,,Avant que je rentre bille en tête dans le vif du sujet
Dialogue: 0,0:00:31.74,0:00:33.44,Default,,0000,0000,0000,,je vais faire un petit sondage rapide
Dialogue: 0,0:00:33.44,0:00:38.92,Default,,0000,0000,0000,,Qui parmi vous a déjà entendu parler de SVG ?
Dialogue: 0,0:00:38.92,0:00:41.84,Default,,0000,0000,0000,,Plein de monde, c'est bien
Dialogue: 0,0:00:41.84,0:00:44.88,Default,,0000,0000,0000,,La question c'est : Qui l'a déjà utilisé ?
Dialogue: 0,0:00:44.88,0:00:47.68,Default,,0000,0000,0000,,Y'a déjà moins de monde
Dialogue: 0,0:00:47.68,0:00:52.92,Default,,0000,0000,0000,,Et qui, parmi ceux qui l'ont déjà utilisé, l'utilisent aujourd'hui en production sur un site ?
Dialogue: 0,0:00:52.92,0:00:56.40,Default,,0000,0000,0000,,Vous êtes vraiment pas nombreux
Dialogue: 0,0:00:56.40,0:00:58.08,Default,,0000,0000,0000,,D'accord c'est très bien
Dialogue: 0,0:00:58.08,0:01:05.76,Default,,0000,0000,0000,,Alors qu'on comprenne bien, SVG c'est un format d'image vectoriel
Dialogue: 0,0:01:05.76,0:01:08.44,Default,,0000,0000,0000,,donc plutôt un truc pour les designers
Dialogue: 0,0:01:08.44,0:01:13.00,Default,,0000,0000,0000,,qui est crée sur une base XML, sa syntaxe est XML
Dialogue: 0,0:01:13.00,0:01:15.88,Default,,0000,0000,0000,,donc là on parle plutôt pour les développeurs
Dialogue: 0,0:01:15.88,0:01:19.16,Default,,0000,0000,0000,,C'est un langage qui est aujourd'hui normalisé par le W3C
Dialogue: 0,0:01:19.16,0:01:21.68,Default,,0000,0000,0000,,c'est une technologie qui est relativement ancienne
Dialogue: 0,0:01:21.68,0:01:24.72,Default,,0000,0000,0000,,elle a à peu près une petit dizaine d'années
Dialogue: 0,0:01:24.72,0:01:33.68,Default,,0000,0000,0000,,et elle fait partie des outils que normalement devrait avoir tout webdeveloper dans sa boîte
Dialogue: 0,0:01:33.68,0:01:38.44,Default,,0000,0000,0000,,tout simplement, recemment il s'est passé quelques évènements
Dialogue: 0,0:01:38.44,0:01:43.28,Default,,0000,0000,0000,,et SVG commence à devenir vraiment intéressant dans le webdesign
Dialogue: 0,0:01:43.28,0:01:46.88,Default,,0000,0000,0000,,Alors historiquement quand j'arrive et que je dis
Dialogue: 0,0:01:46.88,0:01:49.96,Default,,0000,0000,0000,,C'est chouette on pourrait faire des trucs en SVG
Dialogue: 0,0:01:49.96,0:01:52.73,Default,,0000,0000,0000,,c'est sympathique, on va pouvoir faire ça, ça et ça ...
Dialogue: 0,0:01:52.73,0:01:57.80,Default,,0000,0000,0000,,en général on me dit vite : "oulà on sait pas trop, est-ce que ça marche ?"
Dialogue: 0,0:01:57.80,0:02:00.24,Default,,0000,0000,0000,,l'état d'implémentation tout ça, bizarre
Dialogue: 0,0:02:00.24,0:02:01.60,Default,,0000,0000,0000,,en général il y a une réticence
Dialogue: 0,0:02:01.60,0:02:03.92,Default,,0000,0000,0000,,c'est assez étrange
Dialogue: 0,0:02:03.92,0:02:05.40,Default,,0000,0000,0000,,donc je vais commencer par vous parler tout simplement
Dialogue: 0,0:02:05.40,0:02:09.36,Default,,0000,0000,0000,,du support navigateur de SVG
Dialogue: 0,0:02:09.36,0:02:10.91,Default,,0000,0000,0000,,Aujourd'hui c'est quelque chose de très simple
Dialogue: 0,0:02:10.91,0:02:14.84,Default,,0000,0000,0000,,SVG est supporté par tous les navigateurs modernes
Dialogue: 0,0:02:14.84,0:02:17.20,Default,,0000,0000,0000,,sans aucune exception
Dialogue: 0,0:02:17.20,0:02:22.88,Default,,0000,0000,0000,,Opera, Firefox, Chrome, Safari et IE9
Dialogue: 0,0:02:22.88,0:02:29.24,Default,,0000,0000,0000,,ça c'est le premier point important, Microsoft a enfin décidé d'implémenter SVG dans Internet Explorer
Dialogue: 0,0:02:29.24,0:02:33.36,Default,,0000,0000,0000,,donc désormais on sait que c'est une technologie qui au même titre que les autres
Dialogue: 0,0:02:33.36,0:02:36.56,Default,,0000,0000,0000,,va être disponible, de manière massive
Dialogue: 0,0:02:36.56,0:02:40.56,Default,,0000,0000,0000,,puisque évidemment aujourd'ui le seul qui n'implémente pas du tout SVG
Dialogue: 0,0:02:40.56,0:02:45.24,Default,,0000,0000,0000,,ce sont les anciennes versions de IE : IE 6, 7 et 8, il n'y a pas de SVG dedans
Dialogue: 0,0:02:45.24,0:02:47.16,Default,,0000,0000,0000,,Et donc evidemment quand on est dans une logique de
Dialogue: 0,0:02:47.16,0:02:50.48,Default,,0000,0000,0000,,mass média et je veux toucher du grand public
Dialogue: 0,0:02:52.00,0:02:57.36,Default,,0000,0000,0000,,60% de visiteurs sur mon site, la techno là ça va pas être possible
Dialogue: 0,0:02:57.36,0:02:58.96,Default,,0000,0000,0000,,bon ...
Dialogue: 0,0:02:58.96,0:03:04.13,Default,,0000,0000,0000,,et là c'est assez rigolo de voir quand on travaille dans une agence
Dialogue: 0,0:03:04.13,0:03:07.00,Default,,0000,0000,0000,,ou quand on est client, peu importe
Dialogue: 0,0:03:07.00,0:03:11.22,Default,,0000,0000,0000,,on voit arriver soit des développeurs, soit des responsables marketing
Dialogue: 0,0:03:11.22,0:03:14.56,Default,,0000,0000,0000,,des dirs com', un peu tout le monde qui ont entendu parler plus ou moins des technologies
Dialogue: 0,0:03:14.56,0:03:15.68,Default,,0000,0000,0000,,et qui viennent vous voir en disant :
Dialogue: 0,0:03:15.68,0:03:19.55,Default,,0000,0000,0000,,Wow c'est génial, j'ai vu des super démos en CSS3
Dialogue: 0,0:03:19.55,0:03:21.96,Default,,0000,0000,0000,,C'est cool, je veux qu'on mette ça sur mon site
Dialogue: 0,0:03:21.96,0:03:26.48,Default,,0000,0000,0000,,Pas de problèmes, on a des méthodes pour, on sait gérer la dégradation harmonieuse
Dialogue: 0,0:03:26.48,0:03:28.89,Default,,0000,0000,0000,,s'il faut sur des vieux navigateurs
Dialogue: 0,0:03:28.89,0:03:32.00,Default,,0000,0000,0000,,on sait utiliser des polyfills javascript
Dialogue: 0,0:03:32.00,0:03:36.40,Default,,0000,0000,0000,,qui vont rajouter une couche qui permet de soi d'émuler,
Dialogue: 0,0:03:36.40,0:03:38.04,Default,,0000,0000,0000,,soit de s'en sortir d'une manière ou d'une autre
Dialogue: 0,0:03:38.04,0:03:39.76,Default,,0000,0000,0000,,OK.
Dialogue: 0,0:03:39.76,0:03:42.12,Default,,0000,0000,0000,,La même chose avec SVG ça existe pas.
Dialogue: 0,0:03:42.12,0:03:49.20,Default,,0000,0000,0000,,Ça existe pas et c'est bizarre parce que pour SVG il y a aussi les mêmes fonctionnements
Dialogue: 0,0:03:50.97,0:03:54.88,Default,,0000,0000,0000,,On peut exactement faire la même chose et avoir le même argumentaire
Dialogue: 0,0:03:54.88,0:03:57.75,Default,,0000,0000,0000,,OK ? On peut aussi l'utiliser.
Dialogue: 0,0:03:58.78,0:04:01.12,Default,,0000,0000,0000,,Alors pour que vous comprenniez bien ce qui se passe là
Dialogue: 0,0:04:01.12,0:04:03.52,Default,,0000,0000,0000,,j'ai Stéphane Deschamps qui est plié de rire devant moi
Dialogue: 0,0:04:03.52,0:04:05.26,Default,,0000,0000,0000,,voilà (rires)
Dialogue: 0,0:04:05.91,0:04:07.30,Default,,0000,0000,0000,,merci Stéphane
Dialogue: 0,0:04:07.84,0:04:08.76,Default,,0000,0000,0000,,Voilà