Standblog - Mot-clé - standardsTristan Nitot sur la technologie, l'Internet et les libertés numériques2024-03-19T18:09:38+01:00Tristan Nitoturn:md5:82ecb6a121c45d09243dc58cde2a1c14DotclearRapport Ambition Numérique du CNNumurn:md5:96c844182890d6ea7a3b911ba8d2d38e2015-06-19T15:18:00+02:002015-06-20T10:52:13+02:00TristanPolitiquecryptonetneutprivacystandardssurveillance <p>Hier, 18 juin, le rapport “Ambition Numérique” issu de la concertation organisée par le <a href="http://www.cnnumerique.fr/" hreflang="fr">CNNum</a> a été remis au premier ministre, Manuel Valls, qui en a tiré une <a href="http://www.gouvernement.fr/la-republique-numerique-en-actes" hreflang="fr">stratégie numérique</a>.</p>
<p><img src="https://farm1.staticflickr.com/505/18982369071_cc8bd535ce_o.png" alt="Dessin de Manuel Valls recevant la rapport Ambition Numérique du CNNum" /></p>
<p>400 pages, 6 mois de travail, 4 thèmes/volets, 70 propositions, issues de plus de 17000 suggestions recueillies en ligne et lors de séminaires participatifs en régions. Un travail de titan, auquel les 30 membres ont participé, avec le soutien sans faille de l’équipe du Secrétariat Général (ils ont été vraiment vraiment super, d’abord sous la direction de JB Soufron puis de Yann Bonnet).</p>
<p>C’est un immense honneur que d’avoir pu participer à ce projet, sur des sujets à mon avis très importants (comment la France peut réussir le virage du numérique, en termes d’emploi, d’État, de libertés, de société ?) avec des personnes aussi remarquables que mes camarades membres<sup>[<a href="https://standblog.org/blog/post/2015/06/19/Rapport-Ambition-numerique-CNNum#wiki-footnote-1" id="rev-wiki-footnote-1">1</a>]</sup>.</p>
<p>Mon travail s’est focalisé sur le volet Loyauté numérique, sous la direction de Valérie Peugeot (que je félicite au passage pour son travail et sa ténacité). On trouvera dans le rapport des thèmes chers au Standblog (Standards, Web, logiciels libres, collaboration, Internet comme un bien commun, <em>open innovation</em>, interopérabilité, formats ouverts, portabilité, neutralité du net, recours à la crypto, lutte contre la surveillance…) en particulier dans le Volet 1, et dans une moindre mesure, dans les volets 2 (formats et logiciels libres et collaboration dans l’administration), et 4 (biens communs et éducation pour une société numérique).</p>
<p>Après 3 mois très éprouvants à cause du projet de loi Renseignement (j’allais écrire “Surveillance” !), c’est un plaisir de voir aboutir au grand jour le résultat du travail de tout le CNNum, qui est un effort collectif positif de construction, autrement plus plaisant pour moi que l’effort d’opposition aux boites noires via par exemple <a href="http://ni-pigeons-ni-espions.fr/fr/" hreflang="fr">Ni Pigeons Ni Espions</a>.</p>
<p>Pourtant, la taille du <a href="http://contribuez.cnnumerique.fr/" hreflang="fr">rapport ‘Ambition Numérique’</a> (398 pages exactement) peut impressionner. C’est pourquoi une série de vidéos a été produite :</p>
<ol>
<li><a href="http://www.dailymotion.com/video/x2riqzx_le-numerique-nous-concerne-tous-les-grands-enjeux-de-demain-sont-dans-le-rapport-ambitionnumerique-o_tech" hreflang="fr">Les grands enjeux numériques décrits dans le rapport #AmbitionNumérique en vidéo (5mn)</a> ;</li>
<li><a href="http://www.dailymotion.com/video/x2nnz70" hreflang="fr">Recommandations sur la loyauté dans l’environnement numérique présentées par Valérie Peugeot</a> ;</li>
<li><a href="http://www.dailymotion.com/video/x2nnziv" hreflang="fr">Recommandations sur la transformation numérique de l’action publique présentées par Marc Tessier</a> ;</li>
<li><a href="http://www.dailymotion.com/video/x2nnwkg" hreflang="fr">Recommandations sur le volet croissance, innovation et disruption présentées par Marie Ekeland et Stephane Distinguin </a> ;</li>
<li><a href="http://www.dailymotion.com/video/x2nnzpq" hreflang="fr">Recommandations sur la société face à la métamorphose numérique présentées par Daniel Kaplan</a>.</li>
</ol>
<p>Par ailleurs, quelques citations et liens pour comprendre le contexte :</p>
<ul>
<li>Sur Médiapart (nécessite un abonnement) : <a href="http://www.mediapart.fr/journal/france/190615/le-testament-du-conseil-national-du-numerique" hreflang="fr">Le testament du Conseil national du numérique</a> ;</li>
</ul>
<blockquote><p>Lors de la remise du rapport, Manuel Valls a déjà prévenu que toutes les propositions ne seraient pas retranscrites dans le futur texte. La première version du « projet de loi Lemaire », dénomination utilisée par le premier ministre en référence à sa secrétaire d’État au numérique, serait déjà quasiment prête.</p></blockquote>
<ul>
<li>Interview de Benoit Thieulin, Président du CNNum : <a href="http://www.liberation.fr/societe/2015/06/18/benoit-thieulin-l-internet-est-sorti-du-temps-de-l-innocence_1331696" hreflang="fr">«L’Internet est sorti du temps de l’innocence»</a> ;</li>
</ul>
<blockquote><p>L’objectif était de se concerter avec l’ensemble de l’écosystème numérique, puis de livrer des recommandations très opérationnelles pour pousser à des modifications, soit dans les lois existantes et à venir, soit, pour les grands principes, dans une grande loi sur le numérique. La dernière de ce type, c’était la loi pour la confiance dans l’économie numérique en 2004. A l’époque, on ne parlait pas de big data ou d’objets connectés, il n’y avait pas eu d’affaire Snowden… Nous pensons qu’il faut toiletter le droit, mais aussi réfléchir à ces grands principes fondateurs, qui devraient faire leur entrée dans le droit positif français et européen.</p></blockquote>
<blockquote><p>(…) sur les questions de sécurité, nous n’avons jamais été entendus. Mais nous l’avons été davantage sur les questions de fiscalité, d’éducation, d’innovation… Et c’est aussi, probablement, parce que nous avons émis des avis défavorables à un certain nombre de reprises que l’écosystème numérique nous a jugés légitimes pour faire ce travail de concertation. Je ne dis pas que j’en suis satisfait, mais en 2013, Fleur Pellerin nous avait dit «Vous devez être le poil à gratter du gouvernement», et nous avons montré que nous pouvions l’être. Dans les 70 recommandations que nous transmettons, il y a ces grands principes que nous poussons, qui justifient la loi sur le numérique, mais il y a aussi beaucoup de propositions qui sont destinées à venir amender d’autres lois, et c’est un point important.</p></blockquote>
<ul>
<li><a href="http://www.nextinpact.com/news/95428-interview-loi-numerique-il-faut-passer-a-acte-exhorte-benoit-thieulin-cnnum.htm" hreflang="fr">Autre interview, par NextInpact</a>, où il détaille plusieurs aspects importants de la loi :</li>
</ul>
<blockquote><p>Nous avons notamment pensé à la neutralité du Net, qui est indissociable de la question de la loyauté des plateformes.</p></blockquote>
<blockquote><p>La question de la portabilité et, derrière, celle de l’interopérabilité, sont également fondamentales. L’usager qui publie par exemple des photos sur une plateforme doit avoir la possibilité de les embarquer.</p></blockquote>
<blockquote><p>Si je devais citer un dernier point, j’évoquerais celui de l’autodétermination informationnelle. Il faut que chaque usager ait le droit de tout savoir de ce qui est fait de ses données, pour donner (ou non) son accord à telle ou telle application, etc.</p></blockquote>
<div class="footnotes"><h4>Note</h4>
<p>[<a href="https://standblog.org/blog/post/2015/06/19/Rapport-Ambition-numerique-CNNum#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] C’est là que je t’avoue, cher lecteur, que j’ai souvent eu l’impression d’être la personne la moins intelligente de la salle à de nombreuses reprises…</p></div>
En vrac du vendrediurn:md5:5e648184b9f3c404270722e2cdf4c5fd2013-05-03T13:00:00+02:002013-05-03T12:53:09+02:00TristanEn vracAppleframasofthtmlouishareprivacysiristandardsweb <ul>
<li>Article fascinant : <a href="http://grist.org/business-technology/none-of-the-worlds-top-industries-would-be-profitable-if-they-paid-for-the-natural-capital-they-use/" hreflang="en">None of the world’s top industries would be profitable if they paid for the natural capital they use</a>. Autrement dit (et surtout en français), aucune des grandes industries du monde se serait profitable si elle devaient payer pour le capital naturel qu'elles utilisent. Ce capital, c'est l'utilisation de ressources naturelles ou la destruction de l'environnement. Autrement dit, les grandes industries ne sont profitables que parce qu'elles n'ont pas à assumer les coûts de la nature. Quels sont ces coûts ?
<ul>
<li>Émission des gaz à effet de serre : 38%.</li>
<li>Utilisation de l'eau : 25% Pollution de l'air : 7%.</li>
<li>Pollution de la terre et de l'eau : 5%.</li>
<li>Déchets : 1%.</li>
</ul></li>
<li><a href="http://www.latimes.com/business/technology/la-fi-tn-apple-siri-queries-20130419,0,7117017.story" hreflang="en">Apple enregistre vos demandes à Siri et les conserve pendant deux ans</a> ;</li>
<li><a href="http://1997.webhistory.org/www.lists/www-talk.1993q2/0128.html" hreflang="en">Sortie de NCSA Mosaic 1.0</a>. Il y a 20 ans <img src="/dotclear2/themes/default/smilies/smile.png" alt=":-)" class="smiley" /></li>
<li><a href="http://www.numerama.com/magazine/25758-la-neutralite-de-google-jugee-dangereuse-pour-la-sante.html" hreflang="fr">La neutralité de Google jugée dangereuse pour la santé</a>. Le problème ? Les sectes sont meilleures en SEO que le gouvernement. Et les sectes utilisent des sujets liés à la santé pour "recruter" des victimes ;</li>
<li>Vous aussi, vous avez remarqué la <a href="http://www.framasoft.net/" hreflang="fr">nouvelle page d'accueil Framasoft</a> ? Voici une <a href="http://www.framablog.org/index.php/post/2013/04/20/la-page-d-accueil-framasoft-fait-peau-neuve" hreflang="fr">interview de l'auteure - PeupleLà - de la nouvelle version</a>. Justement, j'en parle ici : <a href="http://www.framablog.org/index.php/post/2013/04/30/tristan-nitot-mozilla-interview" hreflang="fr">Interview de Tristan Nitot dans le tout nouveau Mozilla Space Paris</a> ;</li>
<li><a href="http://youtu.be/OAo_xZb78Sc?t=6m19s" hreflang="fr">Dans une interview par Jérôme Colombain et François Sorel de Bruno Bonnell</a> (inventeur d'<a href="http://fr.wikipedia.org/wiki/Infogrames">Infogrammes</a> et du service en ligne <a href="http://fr.wikipedia.org/wiki/Infonie">Infonie</a>). On lui demande quels sont ses <em>fails</em> (erreurs ou échecs). Réponse instantanée : "Dans l'histoire d'Infonie, la grosse erreur a été de ne pas choisir assez vite de basculer sur HTML, et de conserver à l'époque un langage qui était propriétaire, qui s'appelait <em>Ladybird</em>, et je pense que ça a été une vraie erreur". (bon, après il compare Microsoft au Titanic, c'est ce qu'on appelle un acte manqué <img src="/dotclear2/themes/default/smilies/smile.png" alt=":-)" class="smiley" /></li>
<li><a href="http://www.forbes.com/sites/tristanlouis/2013/04/20/the-internet-is-drowing/" hreflang="en">The Internet Is Drowning</a> ;</li>
<li>Un rappel qui mérite d'être fait : <a href="http://christianheilmann.com/2013/04/29/geeksphones-are-developer-tools/" hreflang="en">Geeksphones are developer tools</a></li>
<li><a href="http://www.ecrans.fr/Vie-privee-seul-Twitter-decroche,16330.html" hreflang="fr">Vie privée : seul Twitter décroche sa sixième étoile</a>, sur la base du travail <a href="https://www.eff.org/wp/who-has-your-back-2013" hreflang="en">Who Has Your Back? 2013</a> de l'EFF.</li>
<li>Le truc qui m'a mis en colère cette semaine : <a href="https://blog.mozilla.org/blog/2013/04/30/protecting-our-brand-from-a-global-spyware-provider/" hreflang="en">Protecting our brand from a global spyware provider</a>.</li>
<li>Le truc qui m'a fait sourire cette semaine : <a href="http://ouisharefest.com/" hreflang="en">OuiShareFest</a>. C'est ouvert au public demain, foncez ! J'ai aussi publié des <a href="http://www.flickr.com/photos/nitot/sets/72157633407904506/">photos du 1er jour</a> ;</li>
<li><a href="http://www.journaldunet.com/developpeur/client-web/firefox-os-simulator-0513.shtml" hreflang="fr">Firefox OS : Mozilla booste son simulateur</a> ;</li>
</ul>Pourquoi j'aime le Weburn:md5:a19075e8c3c14e73d11586aa2939eac02012-07-05T15:45:00+02:002012-11-09T10:27:33+01:00TristanBeyond-the-codefreedomlibertestandardsweb <p><em>Cet article est une <a href="http://blog.mozilla.org/beyond-the-code/2012/07/05/what-i-like-about-the-web/" hreflang="en">adaptation d'un article en anglais</a> part simultanément sur mon blog official Mozilla, <a href="http://blog.mozilla.org/beyond-the-code/" hreflang="en">Beyond The Code</a></em></p>
<p><img src="http://farm9.staticflickr.com/8019/7507810162_319ca26efe.jpg" alt="Page d'accueil de Mozilla Thimble" /></p>
<p>Je suis <em>fan</em> du Web pour quantité de différentes raisons, mais si je ne devais en retenir qu'une, c'est que <strong>tout le monde peut participer sans avoir à demander la permission</strong>.</p>
<p>Par participer, je ne veux pas juste dire "utiliser", non. J'entends aussi "créer" et "expérimenter". La beauté du Web, c'est qu'il n'est pas en lecture seule. On peut écrire, aussi. Contrairement à la radio et à la télévision, nous ne sommes pas cantonnés au rôle de consommateurs, on peut aussi jouer celui de producteur. On peut créer du contenu, des applications et ainsi inventer le futur du médium. Je m'explique :</p>
<p><strong>Utiliser le Web</strong> est facile. On a besoin d'un PC, d'une connexion Internet et d'un navigateur (<a href="http://www.mozilla.org/fr/firefox/fx/">Firefox</a>, au hasard). On peut aussi utiliser un <em>smartphone</em> (vous avez essayé <a href="https://market.android.com/details?id=org.mozilla.firefox">Firefox pour Android</a> ?)</p>
<p>Mais éditer et créer une page Web est aussi possible. On peut le faire façon <em>hard-core</em> avec un éditeur de texte (il y en a forcément un livré avec votre système d'exploitation) en complément de la commande "View Source" / <code>"Afficher le code source de la page"</code>. On aura recours à la documentation de référence pour <a href="https://developer.mozilla.org/fr/HTML">HTML</a>, <a href="https://developer.mozilla.org/fr/CSS">CSS</a> et <a href="https://developer.mozilla.org/fr/JavaScript.">JavaSCript</a><sup>[<a href="https://standblog.org/blog/post/2012/07/05/Pourquoi-j-aime-le-Web#pnote-4246-1" id="rev-pnote-4246-1">1</a>]</sup></p>
<p>Heureusement, les choses sont devenues plus faciles, grâce à <a href="https://webmaker.org/en-US/" hreflang="en">Mozilla WebMaker</a>:</p>
<ul>
<li>Mozilla <a href="https://thimble.webmaker.org/en-US/" hreflang="en">Thimble</a> est une excellente façon d'apprendre HTML et CSS</li>
<li>Les jeunes enfants vont adorer <a href="http://www.hackasaurus.org/en-US/">Hackasaurus</a>, un cours en ligne fait exprès pour eux !</li>
<li>Pour voir ce qu'il y a sous le capot d'une page Web, on peut utiliser les <a href="http://www.hackasaurus.org/en-US/goggles/" hreflang="en">Lunettes à rayons X de Hackasaurus</a>.</li>
<li>Il est possible de participer à un événement <a href="https://webmaker.org/en-US/events/search/">SummerCode Party</a> près de chez vous. (On peut aussi organiser soi-même un tel événement).</li>
</ul>
<p>Tous ces outils et initiatives sont issues du programme Mozilla WebMaker. Mais pourquoi Mozilla fait-elle un chose pareille ? Parce que nous voulons améliorer le Web. <strong>Nous voulons aider tout le monde à mieux comprendre le Web, de façon à ce que chacun contrôle mieux sa vie en ligne.</strong></p>
<p>Je suis sûr qu'avec cette approche, des enfants auront un de ces jours de grandes idées et vont créer des applications incroyables. Ils n'auront pas eu besoin de demander la permission à qui que ce soit pour cela. Cette approche permet la liberté, favorise l'innovation et ouvre de nouvelles portes pour le Web.</p>
<p>Voilà pourquoi je suis autant <em>fan</em> du Web ouvert...</p>
<div class="footnotes"><h4>Note</h4>
<p>[<a href="https://standblog.org/blog/post/2012/07/05/Pourquoi-j-aime-le-Web#rev-pnote-4246-1" id="pnote-4246-1">1</a>] On appréciera le fait que cette documentation est un Wiki, donc elle-même en "lecture / écriture" <img src="/dotclear2/themes/default/smilies/smile.png" alt=":-)" class="smiley" /></p></div>
En vrac du mercrediurn:md5:c252f2eb4f2bef05e15e2476202433112012-05-16T10:42:00+02:002012-05-16T10:42:00+02:00TristanEn vracgeekmobilemozillapolitiquestandardsvelo <ul>
<li>Cory Doctorow : <a href="http://www.guardian.co.uk/technology/2012/may/14/problem-nerd-politics" hreflang="en">The problem with nerd politics: If we don't operate within the realm of traditional power and politics, then we will lose</a> ;</li>
<li><a href="http://theoatmeal.com/comics/tesla" hreflang="en">Nikola Tesla était un peu le geek ultime</a>. Son ex-patron, qu'on dit avoir "inventé l'électricité" était surtout un "<em>douchebag</em>" (terme fort peu flatteur), d'après The Oatmeal. Le nom de ce patron ? Thomas Edison !</li>
<li>Un texte drôle, acide et fascinant, presque blasphématoire, à prendre aver du recul : <a href="http://www.nytimes.com/2012/05/13/opinion/sunday/fables-of-wealth.html?_r=1" hreflang="en">Capitalists and Other Psychopaths</a>. "A recent study found that 10 percent of people who work on Wall Street are “clinical psychopaths,” exhibiting a lack of interest in and empathy for others and an “unparalleled capacity for lying, fabrication, and manipulation.” (The proportion at large is 1 percent.) Another study concluded that the rich are more likely to lie, cheat and break the law. ". plus bas : "I always found the notion of a business school amusing. What kinds of courses do they offer? Robbing Widows and Orphans?" ;</li>
<li><a href="http://m.techradar.com/news/computing/apple/mozilla-fires-startling-broadside-at-apple-1079891" hreflang="en">Pourquoi je veux un écosystème de téléphonie mobile aussi ouvert que le Web, fait de la même substance que le Web</a> (une interview de l'excellent <a href="http://christianheilmann.com/" hreflang="en">Chris Heilmann</a> et votre serviteur) ;</li>
<li>Lancement d'un nouveau site francophone dédié à la conception Web de qualité : <a href="http://letrainde13h37.fr/" hreflang="fr">letrainde13h37.fr/</a>. Bravo au auteurs et concepteurs, dont <a href="http://pouipouidesign.net/" hreflang="fr">Marie Alhomme</a>, <a href="http://bballizlife.com/blog/" hreflang="fr">Loïc Mathaud</a> et <a href="http://jeremie.patonnier.net/" hreflang="fr">Jérémie Patonnier</a>. Ces gens ont forcément besoin d'un peu de sous pour faire tourner la boutique, aussi j'ai deux recommandations pour vous :
<ul>
<li><a href="http://letrainde13h37.fr/abonnez-vous/" hreflang="fr">Devenir abonné</a> (payant, sachant qu'il existe la notion d'abonné gratuit)</li>
<li><a href="http://letrainde13h37.fr/annonceurs/" hreflang="fr">devenir annonceur</a> sur leur site</li>
</ul></li>
<li><a href="http://blog.sfgate.com/bicycle/2012/05/09/mozilla%E2%80%99s-new-bike-program-momentum-to-their-mission/" hreflang="en">Mozilla’s new bike program: momentum to their mission</a>. En test à San Francisco, j'espère que nous aurons cela bientôt au bureau de Paris !</li>
</ul>Bientôt Sud-Web !urn:md5:0f11e9fef7027bf645c1a9a9c8f746b62012-05-12T10:43:00+02:002012-05-12T09:46:17+02:00TristanStandardsstandardssudweb <p>J'ai le plaisir de poser quelques questions à Loïc Mathaud, l'un des organisateurs (en l'occurrence président) de Sud-Web, un événement qu'il est tellement bon que Mozilla a décidé de le sponsoriser <img src="/dotclear2/themes/default/smilies/smile.png" alt=":-)" class="smiley" /> <sup>[<a href="https://standblog.org/blog/post/2012/05/12/Bientot-Sud-Web#pnote-4236-1" id="rev-pnote-4236-1">1</a>]</sup></p>
<p><strong>Tristan :</strong> <em>Bonjour Loïc, peux-tu nous expliquer ce qu'est Sud-Web ?</em></p>
<p><strong>Loïc :</strong> Sud Web est une conférence pour tous les professionnels du web (développeurs, designers, experts accessibilité...) qui veulent profiter de l’expérience des autres. Pour construire un web de qualité, nous devons travailler ensemble. Nous ne devons donc pas hésiter à nous questionner constamment et à apprendre des autres. Sud Web permet d’ouvrir sa perception du web et de s’améliorer dans sa pratique via le partage d’expériences concrètes.</p>
<p><strong>Tristan :</strong> <em>Comment est née l'aventure ?</em></p>
<p><strong>Loïc :</strong> Sud Web découle de Paris Web. Une partie de l’équipe s’y rend chaque année depuis la première édition et très tôt des discussions ont eu lieu sur la création d'un évènement de ce type en dehors de Paris et à une autre époque de l'année. Longtemps resté au stade d'idée vague, Sud Web a réellement pris forme lors de Paris Web 2010. Après de nouvelles discussions à ce sujet durant le trajet en voiture - grève oblige - menant un petit groupe vers Paris, il s'avère que le staff de Paris Web m'a permis de monter sur scène pour lancer publiquement l'idée d'un Sud Web.</p>
<p>Quelques minutes plus tard, quelques-uns de mes futurs compagnons venaient déjà me voir pour participer à l'aventure. Quelques jours plus tard, le groupe se constituait et commençait à s'organiser. Quelques semaines plus tard, l'association Sud-Web voyait le jour. Et enfin 6 mois plus tard, après un très gros travail de la part du staff, Sud Web 2011 avait lieu à Nîmes, sous le joli soleil du mois de mai !</p>
<p><strong>Tristan :</strong> <em>En venant à Sud-Web, avec quoi vont repartir les participants ?</em></p>
<p><strong>Loïc :</strong> Sud Web 2012 a lieu à Toulouse les 25 et 26 mai prochains et cette année nous avons décidé de proposer deux journées différentes mais complémentaires.</p>
<p>Une première journée de conférences où l’on mise sur la transmission de retours d’expériences de la part des orateurs, suivant un programme concocté par notre équipe. Le tout conclu par une séance de questions à l’ombre où participants et orateurs pourront se rencontrer de manière plus informelle au sein d’une cour intérieure.</p>
<p>La deuxième journée sera participative. Nous l’avons appelé l’Élaboratoire. Elle se situe à mi-chemin entre les BarCamp et les CodingDojo. Notre objectif sera de favoriser les échanges inter-participants en mettant en avant des débats. Le lieu le permettant, chacun sera libre d’utiliser une des salles à disposition pour 1 ou 2 heures afin de s’y retrouver en petit groupe pour échanger, tester, apprendre sur le thème de leur choix. À titre d'exemple, vous aurez l'opportunité de débattre avec Bert Bos, un des co-inventeurs des CSS.</p>
<p><strong>Tristan :</strong> <em>Excellent ! Avec quoi vous, organisateurs, allez repartir de Sud Web ?</em></p>
<p><strong>Loïc :</strong> Avec des nouvelles idées et points de vues, des choses à tester une fois de retour au travail afin d'améliorer vos projets, des rencontres riches avec des passionnés du Web, et, on l’espère, un immense sourire suite à ces 2 jours passés tous ensemble avec une équipe de bénévoles qui n'aura pour objectif que votre bien-être.</p>
<ul>
<li>Le programme complet est ici : <a href="http://sudweb.fr/2012/programme/" title="http://sudweb.fr/2012/programme/">http://sudweb.fr/2012/programme/</a></li>
<li>Les inscriptions sont encore ouvertes jusqu'à dimanche 13 mai minuit : <a href="http://sudweb.fr/2012/inscription/" title="http://sudweb.fr/2012/inscription/">http://sudweb.fr/2012/inscription/</a></li>
<li>On a même des réductions sur les transports pour ceux qui viennent de loin : http://sudweb.fr/2012/comment-venir/venir-a-toulouse/</li>
</ul>
<p><strong>Tristan :</strong> <em>Merci Loïc pour ces précisions, et bonne chance pour l'organisation de Sud-Web !</em></p>
<div class="footnotes"><h4>Note</h4>
<p>[<a href="https://standblog.org/blog/post/2012/05/12/Bientot-Sud-Web#rev-pnote-4236-1" id="pnote-4236-1">1</a>] Merci à l'excellent <a href="http://hanblog.info/blog/" hreflang="fr">Anthony Ricaud</a> pour son aide lors de cette interview.</p></div>
The Web has never been as exciting!urn:md5:a1ccb01dab4e624ce0f065f2b65bd10a2010-07-28T21:15:00+02:002010-07-29T15:51:22+02:00Tristanencss3firefox4html5standardssvg <p><em>(This is a quick translation of a <a href="http://standblog.org/blog/post/2010/07/28/Le-Web-n-a-jamais-ete-aussi-excitant">post I wrote in French</a> earlier today)</em></p>
<p>Firefox 4 Beta has <a href="http://blog.mozilla.com/blog/2010/07/27/new-update-to-firefox-4-beta-available-now-in-23-languages/">just been released</a>. It brings seed, a better <acronym title="User Interface">UI</acronym> tons on new things for extension developers (hmm, <a href="https://jetpack.mozillalabs.com/">JetPack</a>!) and Web developers.</p>
<p>In this post, I'll focus on the Web development part.</p>
<p>In my opinion, combining CSS3, new APIs (including WebGL) and HTML5 is enabling the Web as a development platform to make a huge leap forward. I have worked with the amazing <a href="http://www.paulrouget.com/">Paul Rouget</a> in order to have a video of his demos in order to share my excitement.</p>
<p>For those who have installed Firefox 4 Beta 2, a good PC with a decent discrete graphic card and have <a href="http://www.basschouten.com/blog1.php/2010/03/02/presenting-direct2d-hardware-acceleratio">enabled Direct2D hardware acceleration</a>, here are 3 spectacular demos:</p>
<ol>
<li><a href="http://demos.hacks.mozilla.org/openweb/WARMCSS/">Video, CSS Transitions, @font-face and SVG filters</a></li>
<li><a href="http://demos.hacks.mozilla.org/openweb/LONDONPROJECT/">Video, SVG Clip-path and CSS Transitions</a></li>
<li><a href="http://demos.hacks.mozilla.org/openweb/CSSMAKESUSICK/">WebGL, video and Transforms</a></li>
</ol>
<p><a href="http://www.youtube.com/watch?v=gFmuNApHFec"><img src="http://farm5.static.flickr.com/4103/4837429865_23324930d7.jpg" alt="Paul Rouget during the demo movie" /></a></p>
<p>For those who are more in a hurry or want more details, please check the <a href="http://hacks.mozilla.org/2010/07/firefox4-beta2/">video and the article on Hacks.mozilla.org</a>.</p>
<p>What you see on the screen is just a Web page, using standards that are being specified and implemented (HTML5, CSS3, SVG, WebGL, new APIs…). What I find fascinating is that by combining these technologies, one can do things that were deemed impossible even recently:</p>
<ul>
<li><strong>Native video</strong> with an Open and unencumbered coded (WebM)</li>
<li><strong>Good fonts</strong> (<code> @font-face</code>, <a href="https://standblog.org/blog/post/2010/07/28/">WOFF</a>)</li>
<li><strong>Declarative Animations</strong> (using CSS3, and soon SVG/SMIL)</li>
<li><strong>SVG Filters and Masks</strong> applied to HTML elements (Gaussian blur effect, a B&W filter on videos, a round-shaped video</li>
<li><strong>3D</strong> (the WebM video used at the end as a texture to a 3D rotating cube just floored me)</li>
<li><strong>WebSockets</strong>, for a persistent bi-di communication between the server and the browser, used in this case to control remotely the presentation from an Android phone running a pre-Alpha version of Firefox for Android.</li>
<li><strong>Drag & Drop, Indexed DB and local storage, the File API, Geolocation and device orientation</strong> and all the <a href="http://standblog.org/blog/post/2010/07/28/Le-Web-n-a-jamais-ete-aussi-excitant">tech features</a> I won't mention.</li>
</ul>
<p>Of course, the Open Web still has to compete with proprietary approaches such as monopolistic AppStores or proprietary plug-ins. But it never has been has powerful and innovative as it is now, and that's what is making me excited!</p>Le Web n'a jamais été aussi excitant !urn:md5:24dc51c810bbab0b09974588da7f78a62010-07-28T17:35:00+02:002010-07-28T16:47:18+02:00TristanStandardscss3firefox4html5mozillastandardssvgwebgl <p>Je viens de bloguer sur la <a href="http://standblog.org/blog/post/2010/07/28/Sortie-de-Firefox-4-Beta-2" hreflang="fr">sortie de Firefox 4 Bêta 2</a>. Plus de rapidité, une meilleure interface, et plein de nouveautés pour les développeurs d'extensions (<a href="https://jetpack.mozillalabs.com/">JetPack</a>) et les développeurs Web.</p>
<p>C'est sur le développement Web que je veux m'attarder dans ce billet.</p>
<p>A mon sens, la combinaison CSS 3, nouvelles APIs (dont WebGL) et HTML 5 est un bond immense en avant pour le Web en tant que plate-forme de développement. J'ai travaillé avec l'excellent <a href="http://www.paulrouget.com/">Paul Rouget</a> pour faire une vidéo de ses démos qui mettent cela en évidence.</p>
<p>Pour ceux qui ont Firefox 4 Beta 2, une machine avec une bonne carte graphique et les drivers "qui vont bien" et ont <a href="http://www.basschouten.com/blog1.php/2010/03/02/presenting-direct2d-hardware-acceleratio">paramétré leur navigateur</a> pour l'accélération matérielle Direct2D, voici 3 démos :</p>
<ol>
<li><a href="http://demos.hacks.mozilla.org/openweb/WARMCSS/">Vidéo, CSS Transitions, @font-face, et filtres SVG</a></li>
<li><a href="http://demos.hacks.mozilla.org/openweb/LONDONPROJECT/">Vidéo, SVG Clip-Path et CSS Transitions</a></li>
<li><a href="http://demos.hacks.mozilla.org/openweb/CSSMAKESUSICK/">WebGL, vidéo, Transforms</a></li>
</ol>
<p><a href="http://www.youtube.com/watch?v=gFmuNApHFec"><img src="http://farm5.static.flickr.com/4103/4837429865_23324930d7.jpg" alt="Tournage de la vidéo avec Paul Rouget" /></a></p>
<p>Pour les autres et ceux qui veulent plus de détails techniques, <a href="http://hacks.mozilla.org/2010/07/firefox4-beta2/" hreflang="en">notre vidéo est sur Hacks.mozilla.org</a>.<sup>[<a href="https://standblog.org/blog/post/2010/07/28/Le-Web-n-a-jamais-ete-aussi-excitant#pnote-4086-1" id="rev-pnote-4086-1">1</a>]</sup></p>
<p>Regardez bien à l'écran : ce que vous voyez est une page Web, développée avec les standards en cours d'élaboration (HTML5, CSS3, SVG, WebGL, nouvelles APIs...). Ce que je trouve fascinant, c'est qu'en combinant ces technologies, on peut faire des choses qu'on croyait encore impossibles il y a peu :</p>
<ul>
<li><strong>vidéo</strong> native avec un codec libre et ouvert (WebM)</li>
<li><strong>fontes</strong> de haute qualité variées (<code> @font-face</code>, <a href="http://fr.wikipedia.org/wiki/WOFF">WOFF</a>)</li>
<li><strong>animations</strong> déclaratives (en CSS3)</li>
<li><strong>filtres et masques SVG</strong>, pour modifier des éléments HTML (ici une vidéo floutée, ou en noir et blanc ou en forme de cercle)</li>
<li><strong>3D</strong> (le coup de la vidéo WebM utilisée comme texture d'un cube en 3D qui tourne dans une page Web, c'est quand même incroyable !).</li>
<li><strong>WebSockets</strong>, pour une communication b-directionnelle persistante entre serveur et navigateur, ici utilisé pour télécommander le changement de page depuis un téléphone Android faisant tourner une pré-Alpha de Firefox mobile.</li>
<li><strong>Drag & drop</strong>, <strong>Indexed DB</strong> et <strong>Local storage</strong>, <strong>File API</strong>, <strong>Geolocation</strong>, <strong>Device Orientation</strong>, et toutes les <a href="https://standblog.org/blog/post/2010/07/28/" hreflang="en">possibilités techniques</a> que j'oublie de lister</li>
</ul>
<p>Bien sûr, le Web ouvert doit toujours faire face à des approches propriétaires comme celle des AppStores monopolistiques ou encore les plug-ins propriétaires. Il doit donc être compétitif. Mais pour cela, il n'a jamais été aussi fort, et c'est ça qui est réjouissant !</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://standblog.org/blog/post/2010/07/28/Le-Web-n-a-jamais-ete-aussi-excitant#rev-pnote-4086-1" id="pnote-4086-1">1</a>] Et pour ceux qui ont un sens de l'humour en béton armé et qui préfèrent le français à l'anglais, une <a href="http://www.dailymotion.com/video/xe6i6f_firefox-4-beta-2-la-demo-a-laquelle_tech" hreflang="fr">version déjantée, ratée, et non-officielle est disponible</a>. Ca n'est pas un hasard si on la appelée "la version à laquelle vous avez échappé"... A vos risques et périls ! <img src="/dotclear2/themes/default/smilies/wink.png" alt=";-)" class="smiley" /></p></div>
IE is being mean to developers, the songurn:md5:a057720e85a78c675a62d1a01a796da92010-03-26T16:00:00+01:002010-03-26T16:02:24+01:00Tristanenieopenwebstandards <p>Scott Ward, Ruby developer over at <a href="http://with.us/">With.us</a> has posted a couple of months ago a pretty cool song on YouTube: <a href="http://www.youtube.com/watch?v=vTTzwJsHpU8">IE is Being Mean to Me</a>. I am sure that most Web developers will concur with Scott's song.</p>
<p>Here is an excerpt of the lyrics:</p>
<blockquote>
<p>
I wrote the last line of JavaScript at 4:45<br />
I wanted to see if my widget was ready to go live<br />
I tested in Firefox, Safari, and Chrome<br />
I even tried Opera, but then I… should've gone home<br />
Cause IE is being mean to me… again!<br />
IE is being mean to me… again.<br />
(…)<br />
<br />
IE is being mean to me, again<br />
I tried JQuery, Moo Tools and Prototype<br />
But IE still won't display my widget right<br />
And have you experienced the horror<br />
Of debugging in Internet Explorer<br />
If you're an IE user and have no idea of what I just said<br />
Would you please consider using Firefox instead<br />
I'd like to say that I simply do not care,<br />
But how can I ignore so much market share?<br />
I have a reoccurring dream about compliance<br />
But it always ends in Microsoft's defiance<br />
And that's why IE is being mean to me… again!<br />
If you're an IE user and have no idea of what I just said<br />
Would you please consider using Firefox instead<br />
Do it for Open Source, it's free as in speech<br />
Do it for developers everywhere, but most of all…<br />
Just do it for me!</p>
</blockquote>