Paris Web - Faire du web moderne à destination de tous\nAujourd'hui je vais essayer d'expliquer comment on fait pour développer à la fois avec les trucs que vous avez vus ce matin, par Daniel, par Luz, et mais tout en faisant des sites qui fonctionnent toujours avec peut-être des navigateurs anciens. Ça c'est le premier point.\nEt le second point que je vais essayer d'expliquer c'est comment on fait pour... Éviter en tout cas de se focaliser sur un seul moteur. Ce qu'on voit un peu trop souvent dans le monde mobile.\nVoilà. Donc moi je suis Julien Wajsberg, Je travaille chez Orange depuis huit ans, et pour encore deux semaines. [rires]\nÇa fait environ deux ans qu'on travaille sur un gros projet de bureau en Web. Donc on a mis en place pas mal de choses, on a mis en application pas mal de trucs comme ça, parce qu'on veut supporter Internet Explorer 7. Et je voudrais essayer de partager tout ça avec vous.\nAprès c'est juste une expérience personnelle et je suis très preneur de trucs que vous pouvez avoir dans la salle.\nDonc, d'abord je vais essayer de poser le problème.\nDire un petit peu quels sont tous les défis qu'on a à développer pour du multi-device, sur du multi-écran. Et ensuite, voilà, vous expliquez un petit peu du point de vue technique ce que moi j'ai pu mettre en place. Alors ça vous avez peut-être déjà dû voir, bon la qualité est pourrie mais on voit quand même le principe.\nC'est une boîte qui s'appelle Animoca là qui montre un petit peu tous les devices qu'ils utilisent pour tester. Je vais trop vite ? C'est ça ? Ça sature ? Faut mettre moins fort alors ! C'est moi qui parle fort.\nOn voit qu'il y a vraiment beaucoup beaucoup de devices. C'est un des premiers problèmes en fait.\nBeaucoup de devices, beaucoup de résolutions. On sait que sur PC par exemple ça peut aller du 1024 par 768 au 1600 fois je sais plus combien, voire plus pour ceux qui ont des gros iMacs. Il y a des problèmes de densité avec tout ce qui est écran haute résolution type Retina. Dans le monde des tablettes c'est similaire. On part des tablettes 7 pouces, on peut peut-être même mettre le note 5 pouces là-dedans, donc des résolutions de type 800X600. Et ça monte jusqu'à 1024, et sans doute plus à l'avenir.\nEt dans le monde mobile, on a quelque chose d'à peu près standard, on va dire, chez Apple. Un peu moins chez Androïd, et puis je parle pas des autres.\nC'est un premier problème que l'on peut résoudre avec responsive design comme on l'a vu un peu plus tôt dans une conférence déjà. C'est pas le but d'aujourd'hui. Je ne vais pas parler de ça. Parce que je sais pas trop, en fait.\nDeuxième problème : un problème lié aux entrées utilisateurs.\nIl y a vraiment une multiplicité de moyens d'entrer les informations. Sur les PC de bureau on a les classiques clavier/souris, et on commence à voir arriver des écrans touch. Sur les tablettes évidemment touch. Du stylet sur certaines tablettes. Le clavier virtuel que l'on aime pas trop. Et enfin sur les mobiles on a un peu plein de trucs. Alors sur les anciens mobiles on avait le stylet. On commence à le revoir aujourd'hui. On a la molette sur certains, c'est plutôt sympa aussi. Enfin voilà. Je vais pas en parler non plus.\nTroisième défi qu'on peut avoir c'est tout ce qui concerne les contextes. Les contextes au pluriel.\nAlors là je vous en ai mis... Il y a deux types de contexte, je dirais.\nIl y a le contexte lié à la localisation. Chez soi, on est tranquillement installé sur son canapé.\nOn regarde la télé. On regarde la télé et en même temps pianote sur son mobile ou sur sa tablette.\nIl y a peut-être un problème d'attention peut-être ?\nQuand on est au bureau, chez soi, sur son ordi normal tout va très bien on est très concentré.\nOn peut être dans un magasin, on peut avoir des infos sur un produit. Dans ce cas là on va être au fin fond du magasin, on va avoir un problème de connectivité. Ça va aller très doucement. On risque de ne pas avoir toutes les ressources d’ailleurs, on peut avoir qu'une partie de la page s'afficher.\nDans le métro, dans le train, alors dans le train en a des problèmes de vitesse. On sait que dans un TGV, vous avez dû faire l'expérience, ça marche très très mal le mobile. Dans le métro à Paris, pour ceux qui sont pas parisiens, il faut savoir qu'il y a pas de 3G. Il y a que du Edge. Je sais pas si il y a quelqu'un de la RATP ici ?\nOuais, il y en a quelques-uns. [Rires]\nAh, je l’ai repéré, il y en a 1.\nVoilà donc en fait il y a quand même quelques millions de personnes qui voyagent dans le métro chaque jour et ces millions de personnes ben utilisent quand même Internet. Ils essayent, et ça marche pas forcément très bien sur des sites qui sont lourds. Voilà.\nAprès, il peut y avoir des problèmes d'environnement. Dans un parc avec du soleil on a sa tablette avec ces supers écrans brillants qui semblent si jolis dans le magasin. Mais qui sont si peu pratiques une fois qu'on est en extérieur.\nEnfin il y a tous ces problèmes de contextes.\nMais je vais pas en parler non plus aujourd'hui.\nAh oui c’est un point que j'allais oublier Luke Wroblewski c’est quelqu'un que j'aime beaucoup avec un site génial sur lukew.com. Qui a écrit Mobile First chez Bookapart, bref lui il a un peu synthétisé une étude qui dit en gros : les tablettes c'est chez soi. Chez soi ça peut vouloir dire en vacances.\nEt les Smartphones c'est plutôt partout en mobilité, on a toujours sur soi.\nBon, c'est un peu une parenthèse. Je trouvais intéressant.\nSur Android, on a un peu plus de choix aujourd'hui. Bon on retrouve Androïd Browser évidemment.\nLà on a le vrai Chrome qui arrive.\nOn a les deux Opera : Opera mobile et Mini qui sont complètement différents. Firefox qui arrive évidemment. Voilà. Et puis sur la plate-forme Windows on a IE, IE puis IE.\nMême si je pense qu'il y aura du Opera Mini aussi.\nJe crois qu'il y a un Firefox qui est en train d'arriver sur Windows 8 aussi.\nDonc en fait voilà les 5 gros défis auxquels on est confronté.\nAujourd’hui on va parler surtout du dernier.\nDonc alors rappelons-nous un petit peu, rappelons-nous en 2001 Internet Explorer 6.\nEn 2004 Firefox 1.\nAlors il avait déjà des trucs avant mais ça n'avait pas beaucoup de succès.\n2005, IE7 arrive.\nEt en 2006, il sort vraiment.\nCoïncidence, 2006, première édition de Paris Web. [Rires]\nEn fait, on a appris qu'en fait, en développant pour une seule plateforme, en fait, on la fait stagner.\nC’est lié à la faute des développeurs avant tout.\nIls ont pas développé pour tout.\nBon ça c'est quelque chose que l'on ressasse depuis assez souvent.\nMais c'est quelque chose qu'il faut évidemment qu'il faut remettre en regard aujourd'hui, en 2012.\nAlors en 2012, on des navigateurs modernes partout.\nJe les ai tous mis, j'ai même mis IE10.\nIl sort que ce mois-ci mais…\nPar contre, sur mobile, on a du Webkit.\nAlors WebKit c'est évidemment Android, Chrome, Safari mobile, c'est le Kindle.\nMais la vérité est un peu plus subtile, puisqu'on a Opera Mini, on a Firefox qui commence à arriver, on n'a pas surtout la plate-forme Windows dont j'ai parlée.\nDonc Windows phone Seven depuis un an, et puis Windows 8 qui arrive ce mois-ci.\nOn peut imaginer que c'est Noël cette année, il y aura peut-être des Windows dans la nature.\nDonc faudra s'en occuper.\nTous les sites qu'on a faits depuis quelques années et qui marchent pour iPhone, donc iOS, et que pour iPhone, on va mettre que du Webkit.\nBen, ils vont être pétés.\nVoilà ! C'est juste la vérité quoi.\nOn a quand même des navigateurs encore anciens justement.\nSuivant un petit peu les stats, on voit qu'il y a de 15 à 30 % finalement de parts de marché pour IE7 et 8.\nIE6 dans certains pays, la Chine par exemple, il y a, on m'a dit 40 % hier, d'IE6.\nÇa va être important de cibler, ben de cibler justement ses utilisateurs pour choisir quel navigateur on veut supporter.\nFaut pas dire : je fais que ça parce que c'est plus facile.\nFaut dire je fais que ça parce que j'ai réfléchi un petit peu.\nDonc là j'ai piqué un peu ça façon Courrier International.\nNous devons nous assurer de conserver la diversité.\nLa diversité est bénéfique pour le Web.\nVoilà donc pour poser le problème un petit peu. Alors maintenant je voudrais essayer d'expliquer qu'est-ce qu'on a de nouveau.\nEn gros, on a plein de trucs nouveaux depuis je dirais 4, 5 ans.\nAlors tout d'abord en HTML5 :\nOui, je vous ai pas dit, le début de cette présentation c'est la partie jolie.\nLà j’ai la partie avec mode texte maintenant.\nMais j'ai quand même mis du orange.\nD'abord HTML5, il y a des nouvelles balises.\nDonc ça c'est quelque chose je pense qu'on a déjà pas mal entendu.\nJ'ai une opinion assez tranchée là-dessus :\nJe trouve qu'elles servent pas à grand-chose.\nDonc, il y a plusieurs possibilités pour les utiliser. On peut utiliser un script.\nAvec les dangers…\nQui fonctionne bien, mais avec les dangers qu'on a qui font que si on arrive pas à télécharger ça marchera pas.\nIl y a une technique un peu Sioux et qui consiste à utiliser les préfixes XML.\nA réserver aux Daniel Glazman.\nOn peut utiliser à la fois ces nouvelles balises section, articles etc. et des div qui ont le même nom.\nMoi je vois pas l'intérêt.\nJe trouve qu'il vaut mieux du coup utiliser directement les divs avec des classes particulières.\nAlors par contre on peut quand même préparer l'avenir.\nOn peut dire que dans notre CSS, quand on va styler, on va styler à la fois le div .article par exemple, et article.\nComme ça, dans le futur, imaginons que dans un futur plus ou moins proche, il n'y ait plus d'IE7 et IE8,\nQui sont à moins de 1 % de parts de marché,\nVoilà, on peut reprendre le site.\nTout ce qui était div.article, on le remplace par article.\nPas besoin de toucher au CSS.\nParce qu'on l’a prévu pour l'avenir.\nC'est pas difficile à faire, je pense.\nDonc c'est juste mon opinion.\nJe suis prêt à entendre les opinions contraires.\nD'un point de vue multimédia, il y a pas mal de choses aussi, donc audio, vidéo, canvas.\nLà j'ai un peu expliqué comment on peut les utiliser de manière multi-navigateur.\nDonc, vidéo et audio on peut utiliser un fallback Flash.\nAlors, il y a des choses qui existent, des librairie qui permet de s'occuper de tout ça pour nous en fait.\nC'est ce que je vais voir après.\nC'est ce qu'on appelle un wrapper en gros.\nEt on va les utiliser.\nOn va utiliser audio ou video si c'est là.\nEt pour fallbacker on va faire du flash autrement.\nAttention ! C'est très lent ceci dit !\nDonc faut pas juste dire : c'est bon je fais du canvas super top,\net je mettrai ça, et puis de toute façon ça va marcher.\nNon ! Ça rame vraiment.\nJe vais en parler de ça aussi après.\nIl faut pas oublier de mettre le fallback texte aussi entre canvas et /canvas.\nSouvent il y a un texte pourri qui est :\nVotre navigateur supporte pas canvas.\nÇa fait une belle jambe pour ceux qui… Pour les lecteurs d'écran.\nEt les revues d'écran récentes, de 2012, savent le lire.\nC'était pas le cas auparavant.\nOn a également de nouveaux attributs notamment sur formulaire.\n"Tel", "number", "url", c'est super intéressant,\nC’est à utiliser puisque les navigateurs qui supportent pas mettront un champ texte,\nEt les navigateurs qui le supportent, notamment sur mobile, mettront un clavier adapté.\nJe sais pas, qui connaît déjà ça en fait ?\nOuais, pas mal de monde en fait !\nCe que vous savez peut-être pas c’est que les inputs de type color et date, même si c'est implémenté, ça pose des gros problèmes d'accessibilité, et notamment en navigation clavier.\nC'est le monsieur là, qui a fait des tests, j'ai pas testé moi.\nMais vous pouvez aller le voir si vous voulez.\nÇa pose des gros problèmes d'accessibilité en navigation clavier.\nÇa pose des gros problèmes aussi je pense en revue d'écran.\nMême si ça s'améliore encore une fois, tout le monde n'a pas la technologie la plus récente, parce que ça coûte très cher.\nAttributs de validation, bon, je vais passer, je pense que c'est assez facile.\nEt les attributs data, c'est enfin une manière standard de spécifier les attributs.\nAuparavant on n'en mettait déjà, mais on mettait des trucs propriétaires, on va dire.\nAvec ça, on peut l'utiliser dès maintenant.\nEnsuite sur les APIs :\nIl y a beaucoup d'API très récentes : Web Socket, Poke Message etc.\nBien sûr c'est pas présent dans les vieux navigateurs.\nEnsuite, c’est présent pas sur tous les navigateurs modernes,\nEt des fois quand c'est présent, c'est pas compatible.\nUn exemple très clair c'est IndexDB.\nC'est une manière de… IndexDB, base de données, voilà.\nÇa permet de faire une base de données côté navigateur.\nIl y a des choses qui existaient avant, comme Web SQL database. Ça a été rendu obsolète.\nIndexDB, la manière standard de faire aujourd'hui.\nMais voilà, c'est pas implémenté partout.\nLe standard il vient juste d'être terminé.\nChrome implémente la version d'avant du standard dans sa version stable.\nLa version actuelle dans la version non stable pour l'instant.\nFirefox le supporte.\nOpera le supporte aussi. IE va le supporter.\nEnfin bref ! C'est un peu la panade !\nMais il faut, à mon sens, si on utilise comme ça des fonctions qui sont nouvelles,\nIl faut vraiment faire le boulot supplémentaire pour que ça fonctionne partout.\nPour moi c'est le prix à payer pour utiliser des choses qui sont nouvelles et qui sont pas finies justement.\nOn a envie de les utiliser, et c'est normal.\nC'est des fonctions qui sont passionnantes.\nOn l'a vu ce matin.\nIl faut pas oublier qu'il y a des personnes qui ont des navigateurs pas à jour, qui ont pas le choix de leur navigateur.\nJe pense que toutes ces nouvelles API rendent le code plus amusant.\nIl y a des choses dans le DOM qui permet d'aller récupérer très facilement des trucs, en se passant complètement de jQuery.\nDonc, vous avez peut-être vu des exemples déjà ?\nEt pour moi il y a deux manières de gérer ça.\nDonc j'ai un peu essayé de dissocier.\nIl y a d'une part ce qu'on va appeler les polyfills et d'autre part les wrappers.\nJe vais expliquer ça un peu après ce que c'est.\nLe mode wrapper est peut-être plus populaire, mais ça va induire une dépendance comme on va le voir.\nAlors tout d'abord les polyfills ça peut être une manière d'éviter du code spaghetti.\nCe qu'on voit en fait souvent dans des exemples tout simples c'est :\nSi la fonction est là, alors je fais quelque chose, sinon je fais autre chose.\nÇa c'est pas maintenable du tout !\nEt sur le long terme ça fonctionne pas et pourtant ce sont des exemples très simples.\nDans la vraie vie on va vouloir avoir du code un peu plus maintenable, et un peu plus structuré.\nDonc, là, les polyfills c'est une manière de faire.\nOn va ré-implémenter l'API standard à partir…\nLa même API standard dans les navigateurs qui supportent pas.\nEt ce qui est très important, pour un bon fonctionnement, c'est d'avoir exactement la même API, pour pas avoir d'effet de bord dans le futur.\nEt ça, c'est ça qui peut être assez difficile.\nSi je reprends l'exemple d'IndexDB,\nOn a quand même une API assez complexe qui gère l'upgrade de base de données,\nQui gère la suppression de database,\nEnfin qui gère une manière de naviguer dans une base, par exemple en utilisant des curseurs.\nDonc c'est quelque chose d'assez compliqué.\nSi on veut l'implémenter correctement dans un navigateur qui le supporte pas, qui supporte Web SQL database, par exemple,\nVoilà, c'est du boulot !\nDonc je pense qu'il faut vraiment essayer de faire la part des choses entre :\nJ’ai besoin de cette fonction de manière complète et, j'ai besoin de 300 kilo de scripts pour pouvoir l'implémenter.\nAlors il y a une petite liste sur le site de Modernizer qui est un peu perfectible justement.\nIl y a pas mal de polyfills qui suivent ça justement, qui suivent pas cette logique.\nIls disent pas qu'il faut que ça implémente exactement pareil.\nIl y a par exemple un autre exemple par exemple :\nDans la librairie Underscore je crois, ils gèrent différemment des tableaux qui ont des trous dedans par rapport aux tableaux qui ont pas de trous.\nEt suivant le navigateur, il va pas y avoir le même comportement.\nJustement parce qu'ils l’implémentent pas de la même manière dans les navigateurs qui supportent quelque chose et les navigateurs qui le supportent pas.\nÇa ça pose des problèmes, puisque nous on teste dans quelques navigateurs généralement.\nOn va tester dans tous les navigateurs, mais pas tout le temps, mais plutôt à la fin.\nEt on va se retrouver à la fin de notre développement à tester tout, et voir que ça marche pas.\nEt c'est un peu tard.\nDonc voilà pour ce qui est des polyfills.\nJ'ai pas d'exemple en fait, c'est un peu bête !\nEt après, l'autre manière de gérer ces différences c'est les wrappers.\nDonc, un wrapper en fait c'est une bibliothèque qui va implémenter une certaine fonction en utilisant plusieurs manières.\nDonc, un exemple qu'on connaît bien c'est jQuery.\njQuery ré-expose une certaine API par-dessus les APIs du navigateur.\nPour ceux qui supportent des choses rapides il va les utiliser,\nPour ceux qui supportent pas il va faire du parcours d'arbre un peu plus lent.\nDonc il y a des bibliothèques comme Underscore qui permettent de faire la même chose pour la programmation fonctionnelle.\nSi derrière ça change, ça sera facile de changer juste cette librairie-là, et pas le code métier.\nDonc en gros, voici une petite manière de décider ce qu'il vaut mieux utiliser.\nPour moi les polyfills, faut les utiliser lorsque la spec est finalisée.\nÉvidemment, vu qu'il faut que ça adhère à la spec,\nSi jamais la spec est pas finalisée et qu'elle bouge, on peut avoir des problèmes.\nOn peut avoir besoin de ré-implémenter le truc.\nEt ça doit être conforme à la spécification, et du coup ça ça peut être difficile à faire.\nPar contre, pour des choses assez faciles je pense à requestAnimationFrame par exemple où le polyfill il tient en une ligne, enfin un peu plus quand même, en une dizaine de lignes on va dire...\nC'est complètement faisable quoi.\nLes wrappers, au contraire on va l’utiliser si la fonctionnalité va être amenée à changer.\nSi la fonctionnalité est complexe.\nMais par contre on va être amené à les faire soi-même alors que les polyfill, on peut en trouver parfois tout faits.\nMaintenant, je vais vous parler un petit peu de CSS.\nC’est un peu moins mon domaine, mais je pense que j’ai quand même un petit peu des choses à dire.\nD’abord, par construction, CSS est quelque chose de permissif.\nS’il y a quelque chose qu’il ne comprend pas il va juste l’ignorer.\nDonc, c’est possible d’utiliser des choses qui sont nouvelles,\nDonc les anciens navigateurs vont ignorer.\nPar contre, il est très important d’utiliser des fallbacks.\nJe sais pas si c’est quelque chose d’évident pour tout le monde ?\nIl faut… Là j’ai un exemple avec les gradients juste après,\nIl faut que les navigateurs qui supportent pas les nouvelles fonctions qu’on met aient quand même des fonctions à utiliser pour pas qu’on se retrouve avec du fond jaune clair sur fond blanc,\nParce qu’il y aura un gradient qui marche pas.\nDonc, il faut qu’on arrête de penser qu’on peut avoir le même rendu sur tous les navigateurs.\nLà j’ai pris quelques pré-requis quand même.\nDéjà, j’ai présumé qu'IE6 n’était plus utilisé.\nParce que je ne connais pas bien.\nIl y a peut-être des personnes qui auront des trucs pour IE6,\nMais moi j’en ai pas trop.\nDonc, on va présumer que IE7 c’est le navigateur le plus vieux.\nOn suppose ! OK ?\nEnsuite pour les sélecteurs on va supposer que ce qui est vraiment important pour nous c’est les CSS2.\nLes sélecteurs CSS2, c’est des choses qui nous permettent de sélectionner des voisins, de sélectionner des enfants directs, de sélectionner la première ligne je crois enfin des trucs comme ça.\nNon justement pas la première ligne. Mais le premier enfant justement par exemple, "first-child".\nVoilà, ça supporte des trucs comme ça.\nEt ça c’est vraiment important. On a vraiment besoin au jour le jour.\nDonc c’est très bien : IE7 le supporte.\nCSS3 en revanche, amène des choses un peu plus avancées comme Note, Target, First Time etc.\nOn peut l’utiliser pour du cosmétique.\nC’est pas grave pour ceux qui supportent pas.\nIls l’auront pas, mais ça peut être utile.\nLa première lettre on peut la rendre plus grande, plus jolie, puis orange.\n:target ça permet de mettre en surbrillance l’ancre sur laquelle on est allé.\nSi ça marche pas c’est pas non plus la fin du monde.\nSi vraiment on veut l’utiliser dans les navigateurs comme IE7 et 8, il y a une bibliothèque qui existe qui s’appelle Selectivizr.\nAttention ! Ça a quand même un prix de performance !\nEnsuite, on a quand même d’autres priorités qui sont pas. D’autres propriétés pardon.\nEn CSS2 on a quelque chose comme display-table que Raphael Goetter aime beaucoup.\nOn a des choses comme inline-block, on a du contenu généré.\nDonc, très bonne nouvelle, IE8 le supporte.\nAlors pas IE7.\nOn n’en revient à une question de cible, justement.\nQu’est-ce qu’on veut cibler ? C’est une question business.\nCSS3 va amener des trucs comme des gradients comme des fonds multiples et la solution ça va être d’utiliser des vieilles propriétés comme fallback.\nDonc par exemple ici avec justement les fonds en gradients.\nDonc là on a mis en commentaire, j'ai du le piquer quelque part,\nOn a mis en commentaire les navigateurs sur qui ça fonctionne.\nDonc on voit qu’on utilise les gradients, mais pour ceux qui supportent pas on a aussi un truc en RGBA.\nDonc en l’occurrence c’est surtout pour IE9.\nEt pour ceux qui supportent pas comme IE8, on a un truc en RGB.\nDonc là ça va nous permettre de vraiment supporter tout le monde, et de proposer un fond d’écran à tout le monde.\nJolie pour ceux qui supportent les gradients,\nEt pas jolie… Enfin pas jolie. Moins joli pour ceux qui le supportent pas.\nEt finalement c’est pas très difficile. C’est juste un réflexe à prendre finalement.\nJe suis convaincu qu'ici dans la salle il y a des gens qui ont voulu utiliser les gradients dans leurs applis,\nIls ont mis -webkit, peut-être -mozilla, allez !\nEt c’est tout quoi.\nMême si les bonnes pratiques commencent à arriver, c’est pas encore assez partagé je pense.\nAlors, il y a d’autres choses qui existent les transformations, les animations, les transitions.\nÇa c’est quelque chose qui sont vraiment très sympas.\nC’est pas supporté évidemment dans les vieux navigateurs aussi.\nÇa pourrait être fait en JS. Mais attention ! Ce qu’il faut pas oublier, c’est qu’avec les navigateurs anciens, c’est aussi ceux qui ont pas de fonction, c’est aussi ceux qui sont les plus lents.\nLa solution c’est de pas les utiliser dans ces navigateurs. Finalement c’est peut-être pas très grave.\nVoilà, donc attention ! Les vieux navigateurs sont vraiment lents.\nIls sont lents pour télécharger les ressources, ils sont lents pour les parser,\nIls sont lents !\nDonc il faut accepter que les vieux navigateurs n’aient pas les fonctions modernes.\nQuelque chose qui est quand même super important : c’est qu’on ne code pas pour des navigateurs, on code pour des utilisateurs.\nEt les utilisateurs qui utilisent IE7, ils ont pas choisi.\nEnfin je pense pas hein ? [Rires]\nDonc, c’est des utilisateurs de votre application, de votre site, c’est des visiteurs.\nFournissons-leur une bonne expérience tout de même !\nC’est pas forcé que ce soit la même.\nÇa peut être dégradé.\nÇa peut être par exemple, au lieu que ce soit du Flexbox avec des trucs qui soient sur les côtés avec des sidebars, on linéarise tout, c’est pas grave.\nPuisqu’il faut qu’ils aient accès aux contenus, qu’ils puissent manipuler.\nFinalement c’est ça le plus important.\nAlors je vais terminer en peut-être fournissant quelques outils, en montrant un petit peu des choses.\nDonc Modernizer évidemment c’est très connu.\nEn revanche, je trouve qu’on l’utilise un peu à tort et à travers.\nLà ce que j’ai montré tout à l’heure, tous les mécanismes de fallback, de wrappers, de poly files, en fait, c’est pas Modernizer.\nOn n’en a pas forcément besoin.\nOn peut l’utiliser lorsque quelque chose qui n’est pas… Comment dire. Lorsque quelque chose qui n’est pas présent, lorsque il n’y a pas de gradients, il faut qu’on modifie un autre style ailleurs.\nPar exemple on a notre div on veut mettre notre gradient en fond.\nEt on voudrait que s’il n’y a pas de gradients, le truc qui est autour il ait une bordure, par exemple.\nUn autre élément, là on peut pas s’en sortir avec du CSS classique.\nOn va être obligé d’utiliser de la détection de fonctionnalités.\nLà, à la limite, OK.\nMais je pense qu’il faut essayer de se réfréner de l’utiliser,\nQue finalement, c’est pas non plus anodin, c’est relativement gros.\nJe sais qu’on peut le compiler pour en avoir une version plus petite.\nÇa peut ne pas être téléchargé parce qu’on a un problème de latence et de connectivité.\nVoilà. Donc là, par exemple dans un projet dont je vous ai parlé tout à l’heure on n’utilise pas du tout de Modernizer.\nEt pourtant, je pense que c’est très graphique et que ça bouge dans tous les sens quoi.\nDonc par exemple est-ce que le navigateur supporte foreach ?\nSouvent ça va être utilisé au sein d’une autre bibliothèque pour pouvoir faire de la détection au sein d’un wrapper par exemple.\nEnsuite, on peut parler de préprocesseur.\nMais ce que j’en comprends c’est que c’est un petit peu le Wrapper de CSS.\nÇa va encapsuler une fonction parce qu’on est capable de faire du mixing de fonctions, des imports. Enfin comme c'est dans les différents préprocesseurs, ça fait la même chose mais ça a des noms différents.\nÇa va aider à utiliser tous les préfixes.\nPar ce qu’on va se créer des fonctions une bonne fois pour toutes et voilà, on va l’utiliser partout. Et du coup ça peut permettre aussi de supporter des vieux navigateurs côté serveur dans une démarche mobile first.\nIl y a un bon article de Nicolas Gallagher là-dessus\nQue je vous engage à aller voir.\nD’autres sites qui sont très utiles whatcaniuse vous connaissez évidemment, pour connaître le support d’un navigateur.\nAlors, faut faire attention parce que là-haut il y a le pourcentage de support de part de marché.\nMais ça, ça se base sur Stat Counter.\nEt Stat Counter il est assez, il est pas toujours très fiable en fait.\nIl est assez biaisé envers Chrome, par exemple.\nEt IE est souvent sous-représenté.\nDonc faut faire attention des fois aux supports qui sont indiquées.\nHTML5Please, qui ne connaît pas ?\nBon très bien, je passe.\nCSS3Please c’est top aussi.\nCe qui est génial dans CSS3Please c’est qu’en fait le code il est prêt, il fonctionne il est multi-navigateurs, on peut le copier coller.\nEt on peut le tester en live.\nDonc si vous avez un doute, hésitez pas à aller voir ça, j’aurais vraiment la dernière syntaxe qui fonctionne dans tous les navigateurs.\nBon, vous pouvez virer, vous pouvez ignorer les filters de Microsoft éventuellement. C’est pas nécessaire.\nAlors d’autres outils :\nArena qui est top, en bas là.\nJe pense que je peux même le montrer.\nOn a du temps ou pas ?\nTu peux passer au milieu si tu veux, la prochaine fois ?\nAlors attendez, c’est celle-là.\nDonc, ça ça permet de gérer les transitions en fait.\nEnfin, vous savez qu’il y a plein de trucs, plein de manières différentes de gérer les transitions qu’ils vous proposent.\nAlors là, par exemple, linéaire.\nSi je clique sur left….\nEn fait, on voit directement ce que ça fait sur les différentes propriétés. Donc c’est quand même assez cool en fait.\nOn peut changer la durée évidemment, l’opacité, voilà.\nOn peut en choisir d’autres, voilà ça change la courbe.\nEt le top du top, c’est qu’en fait on peut prendre le truc, on peut prendre le petit handle, la petite main, et la déplacer comme ça là.\nEst-ce que je vais y arriver bien ?\nC’est dur avec une main finalement !\nEt avec un trackpad.\nNon sur mon écran il y a rien.\nEnfin voilà bon bref !\nEt en bas en fait, le code il est changé en live.\nEt du coup, il y a plus qu’à copier coller. Et voilà.\nDonc ça je trouve ça vraiment génial c’est très graphique, c’est très…\nC’est juste un outil qui est bien quoi et que j’avais envie de montrer aujourd’hui.\nAlors ça je l’enlève, voilà, je reviens sur le bureau.\nC’est bon ! ok.\nDonc, là j’arrive quasiment à la fin.\nDonc, à retenir, ce que je voudrais qu’on retienne :\nC’est que c'est facile… C’est plutôt facile, on va dire, faut pas déconner.\nC’est plutôt facile de coder pour IE7 finalement.\nC’est un peu d’efforts, mais c’est faisable.\nÇa demande pas 40 % de développement en plus comme pour IE6.\nFaut pas oublier qu’on code pour des utilisateurs. C’est pas eux qui choisissent d'avoir IE7.\nEt c’est plutôt facile aussi de coder pour tous les navigateurs, pas que pour Webkit, avec les préfixes comme je l’ai montré tout à l’heure.\nJe conclurai en disant que la pérennité, pardon, la diversité c’est important pour la pérennité du Web, pour qu’il continue à évoluer, et qu’on continue à avoir des trucs supers cool comme on l’a vu ce matin.\nHier quelqu’un m’a dit : ouais t’as qu’à dire qu’il faut faire des applets java et ça marchera partout.\nMais j’ai oublié, je voulais le dire au début j’ai oublié.\nJe peux le dire maintenant.\nJ’espère que vous avez appris des trucs. [Applaudissements]\nEt je suis preneur de questions.\nIntervenant dans la salle (IS) : Bonjour, Jean-Philippe Encosse.\nJulien : Bonjour Jean-Philippe.\nIS : en fait, j’avais une remarque plutôt à faire. C’est que déjà, les machines ont généralement l’âge de leur navigateur.\nDonc quand on est sur un IE6 ou un IE7 qui est lent, et même si ça passe sur une machine moderne sur laquelle on développe, faut se dire que les utilisateurs ont une machine qui a à peu près l’âge de IE7.\nDonc qui est aussi très lente.\nOn a tendance, c’est un point que tu as évoqué, et que je mettrais même dans les points que tu as mis en troisième point, on a tendance à faire du graceful degradation pour tout ce qui est vraiment fancy et graphique,\nPour que l’expérience utilisateur soit bonne,\nMais dégager les wrappers qui potentiellement peuvent tuer les performances de la machine, et garder une bonne performance du reste.\nEt poussez les utilisateurs à essayer de migrer parce que jQuery a fait le choix d’ignoré IE7 et IE8 dans les prochaines versions.\nDonc faut que petit à petit on éduque les gens quand même à avancer, et a passer aux navigateurs modernes.\nJulien : Ouais ! Non je suis très critique envers ce choix de jQuery.\nJquery c’était bien parce que n’importe qui le prenait, le mettait sur son site, et ça marchait.\nFinalement il avait pas besoin de se prendre la tête dessus.\nEt même ceux qui savent pas, ça marchait quand même.\nEt là avec ce choix là, ils savent toujours pas, et ça va plus marcher.\nDonc là je suis assez critique là-dessus.\nEt sur ta première remarque, c’est aussi complètement vrai.\nQuand on est développeur, généralement on a une machine qui poutre, comme on dit.\nOn a un écran qui poutre.\nEt on a tendance à oublier que les utilisateurs ils ont pas une machine qui poutre et un écran qui poutre.\nMoi je suis sur mon Netbook là assez souvent.\nCa poutre pas du tout.\nEt j’étais très surpris récemment d’essayer l’application dont j’ai parlée qu’on développe sur un Firefox récent, dans un Windows 7.\nÇa va hyper vite quoi !\nEt quand je développe sur mon Linux de 4 ans, qui a pas de drivers optimisés, c’est vachement plus lent.\nOuais ! Faut pas oublier que tout le monde n’est pas sur sa machine géniale de développement avec quatre processeurs et un Retina.\nIS : Bonjour Stéphane, Orange.\nUne petite réponse sur les navigateurs et pousser les gens à en changer.\nLes grands comptes sont pas des gens qui avancent rapidement,\nEt quand ils essaient d’avancer parfois ils se cassent le nez.\nPar exemple chez nous on s’est dit :\nTiens on pourrait peut-être passer à Vista.\nDonc ils ont testé sur un parc pilote.\nEt d’un seul coup, ils se sont rendus compte qu’il faudrait d’abord changer toutes les machines avant d’installer Vista.\nDu coup, on a pris un retard monstre, et on est toujours avec 100 000 machines avec IE7 et 4000 machines avec IE6.\nEntre votre vœu pieux vous de développeurs, en particulier quand vous avez affaire à des petits contes PME des choses comme ça, méfiez-vous ! Les grands comptes avancent pas à la même vitesse que le reste du monde.\nça c’est juste une remarque en passant.\nTu peux expliquer pourquoi tu n’aimes pas les balises sémantiques que moi j’appelais de mes vœux quand le groupe HTML5 s’est constitué le article, le header etc. etc.\nJulien : c’est quoi l’effet des balises ? Non non garde ton micro !\nBonjour ! J’ai le droit je suis orateur aujourd’hui, je fais tout ce que je veux.\nIS : pas mal ! Ça leur fait une salle contre les gens d’Orange voyez ! On est un peu pressé.\nJulien : qu’est-ce que ça apporte aujourd’hui ces balises ?\nIS : moi ce que je vois dans ces balises, c’est l’idée que on a des analyseurs sémantiques de plus en plus performants, je pense à des moteurs de recherche chez Orange R&D [il pouffe]. Et je pense aussi à Google, et tous ces gens-là et je me dis :\nmême si on développe des algorithmes de plus en plus perfectionnés pour trouver dans la page ce qui est le plus pertinent et évacuer ce qui semble répété de page en page, c’est donc la navigation et qui n’a pas intérêt à être aussi bien annexé.\nVous me dites si je vais trop vite, vous criez ! D’accord ?\nEn revanche, je me dis qu’on va simplifier la vie en particulier les moteurs de recherche grâce à ces balises sémantiques.\nEt ces balises sémantiques sont assez facilement mappables sur… mappables euh ?\nassociables… À des rôles dans la page qu’on appelle les rôles aria.\nDonc c’est aussi utile en termes d’accessibilité, même si on a pas besoin de ces balises-là.\nElles ont du sens dans un Web qui de plus en plus est capable de spécialiser les contenus qu’il fournit.\nPlutôt que de dire ceci est mon document ceci est la fin de mon document et démerde-toi avec.\nJulien : je suis d’accord sur la théorie.\nAlors, la pratique maintenant.\nIS : là je sais pas je travaille chez… [Rires]\nJulien : aujourd’hui je ne vois pas en pratique… En fait c’est peut-être un petit peu la poule et l’œuf.\nJe suis peut-être d’accord avec toi. Tant qu’on n’en est pas là peut-être que ça sera pas pris en compte.\nMais je me dis qu’on peut peut-être attendre que les vieux meurent là IE8.\nÇa va prendre peut-être un an ou deux ans ? Et puis là euh voilà.\nIS : j’ai un petit élément de réponse par rapport à ça.\nJ’aurais tendance à dire que la question de Stéphane contient en elle-même sa propre réponse.\nÀ savoir : la spec du W3C ne précise pas le sens sémantique des différentes balises. [Autre intervenant : c’était le cas il y a quelques temps].\nBah oui mais c’est plus le cas !\nEt du coup, en fait, si on les utilise, on les utilise sans savoir vraiment ce qu’on doit mettre dedans.\nEt du coup, ça n’a pas trop de sens.\nEn fait, la manière dont ont été choisie le faite de rajouter ces balises sémantiques, c’est en analysant sur un panel de pages Web existant dans le monde quelles étaient le nom des classes et des identifiants des classes les plus utilisés et on a créé ces balises en se disant :\nAutant créer des balises représentant ce que les développeurs dans les pages… Sur lesquels les développeurs ont cherché à mettre de la sémantique, puisqu’ils utilisaient ces balises.\nSauf que, la spec ne précisant pas la sémantique de ces balises, les développeurs ne les utilisent pas en se disant :\nsi je les utilise, que je mets une sémantique dessus, c’est pas dit du tout que la sémantique qui va être faite par quelque chose qui va les analyser automatiquement par ailleurs sera la même que la sémantique que je vais mettre moi.\nDonc, il vaut mieux ne pas les utiliser pour pas qu’il y ait un risque de mésentente sémantique.\nJulien : en fait, faut pas me faire dire ce que j’ai pas dit.\nJe trouve que c’est très bien.… Moi je les trouve très bien.\nEn fait, le vrai intérêt ça va être avec la hiérarchisation des titres.\nC’est-à-dire qu’on peut mettre un… Si on met une section avec h1 dedans, et qu’il y a un h1 au-dessus du bac automatiquement, le H1 qui est dans la section il va être décalé par rapport au… Enfin ça va être comme un h2.\nÇa c’est un vrai intérêt mais le problème c’est qu’en pratique aujourd’hui, il y a trop d’inconvénients, parce qu’il y a trop de navigateurs qui supportent pas.\nEt ça va faire n’importe quoi dans ces navigateurs-là.\nEt surtout que ces vieux navigateurs c’est des vieux Jaws qui se font plus et qui auront pas la bonne structure.\nPour l’instant, je dis pas qu’il faut pas les utiliser à l’avenir.\nMais aujourd’hui, en 2012, je pense moi personnellement que c’est pas une bonne idée.\nIS : je voulais juste faire un petit complément de réponse par rapport à ce que tu disais Stéphane.\nOn a appris aussi un truc qu’on sait pas forcément : pourquoi les grands comptes ne migrent pas leur Navigateur ?\nIl y a beaucoup de grands comptes, notamment dans le secteur bancaire, qui avec IE6 ont fait énormément de développements qui leur ont coûté des centaines de milliers d’euros, autour des ActiveX ce genre de choses.\nEt qui ne peuvent pas en faite passer à des navigateurs plus récents parce que ça leur coûterait des milliers de milliers d’euros de refaire leurs applications propriétaires.\n[Autre intervenant : et qu’ils ont pas le code côté serveur parce que, pour faire le développement il faut qu’on récupère le code.]\nIS : je trouve, dans le même esprit, vous parlez de dégradation gracieuse.\nMoi, enfin, je trouve que c’est quelque chose qu’il faut changer.\nIl va falloir parler d’amélioration progressive à son client.\nC’est vachement important parce que c’est vraiment… C’est la manière de dire les choses.\nC’est exactement la même chose en termes d’implémentation.\nMais c’est comme ça aussi qu’on va faire évoluer les mentalités.\nEt c’est en arrêtant de voir le verre à moitié vide et en essayant de le prendre à moitié plein.\nEt alors c’est clair : ça ne changera rien en termes de technique.\nMais par contre on a des clients qui sont vachement réceptifs.\nMoi je le vois tous les jours.\nJ’ai des clients quand on leur parle d’amélioration progressive dise :\nFinalement c’est peut-être comme ça que je vais faire quelque chose de super pour quelqu’un et de normal pour un autre plutôt que l’inverse : je vais faire quelque chose de fonctionnel pour quelqu’un et d’un peu nul pour l’autre.\nJulien : moi ça m’intéresse vachement que tu proposes une conf’ un jour où tu expliques comment tu expliques ça aux clients.\nMoi clients, enfin tel que je le connais, parce que c’est moi le client en l’occurrence chez Orange.\nSi on dit un client : ouais on veut d’abord un truc pourri, puis après peut-être que pour les autres on fera un truc joli, il va pas te prendre.\nDu coup, ouais, c’est ma vision à moi et je me dis qu’il faut une conf’ pour que tu expliques ça.\nIS : OK mais ça c’est peut-être un problème d’ergonomie aussi. Peut-être qu’il faut revoir le Web d’une manière différente aussi.\nEt je pense qu’on peut arriver à des choses supers riches dans le numérique etc. sans pour autant faire l’interface hyper lourdingue.\nOn l’a bien vu avec des choses qui ont disparu comme drag & drop etc.\nEt finalement c’est pas un mal pour les utilisateurs.\nC’est qu’un moment parfois faut pas chercher à faire du waouw partout.\nEt peut-être qu’il faut revenir à quelque chose de plus simple.\nOn est revenu là-dessus avec le mobile, le responsive etc.\nEt je pense que c’est quand même un truc qui est en train de se passer.\nC’est qu’aujourd’hui on se rende compte que si on veut faire sites multi-device pour tous les clients, pour les mobiles et pour tout le monde,\nOn peut réussir à faire parce que ouais !\nParce qu’on va peut-être s’adapter au mobile.\nFinalement peut-être que la clé c’est le mobile !\nEt le mobile, ben finalement quand on fait du mobile, on peut faire du IE6 quoi.\nEt moi j’aime à dire que… Non mais…\nCe que je veux dire c’est que moi j’aime à dire que en dehors des animations et tout ça qui sont de l’ordre du superflu,\nIl y a beaucoup de choses que l’on peut faire si on pense vraiment à utilisateur comme tu le disais, et plus forcément que à l’interface.\nMais vraiment à l’interface pour l’utilisateur.\nJulien : on peut l’applaudir [applaudissements]\nIS : salut, Mathieu, couteau suisse du Web.\nJ’ai une remarque une question un peu ouverte.\nMa remarque c’est sur le fait de tester avec du vieux matos pour voir ce que ça donne pour les utilisateurs qui n’ont pas forcément un quadri-processeur avec 28 Giga de ram.\nJulien : et dans le métro.\nIS : ou dans le métro. Il y a plein de petites astuces très bêtes, sans changer votre matos pour pouvoir tester dans ces conditions-là. Par exemple, l’année dernière c’était plutôt sur du back-end, il y a quelqu’un qui m’a suggéré pour tester avec une base de données chargée de mettre la base de données sur un disque dur USB.\nVous pouvez faire la même chose avec votre cache de navigateur en fait.\nLe configurer pour le mettre sur un disque dur USB, vous reloadez votre page et vous voyez à quel point c’est lent.\nÇa peut simuler des trucs comme ça.\nVous pouvez prendre PhotoShop ou un GIMP et le lancer en arrière-plan en lui demandant de mettre un blur sur un document de 2000×2000.\nUn truc comme ça. Et pendant ce temps vous testez votre site.\nEt comme ça vous pouvez vraiment vous rendre compte de ce que ça donne avec un matos de merde, sans avoir le matos de merde en question.\nVoilà, y’a plein de petites astuces comme ça sympa.\nOu lancer une vidéo 1080 p derrière pendant que vous relancez vos supers animations sur votre site Web.\nVous allez voir les animations sur site Web vont être nettement moins fluides.\nEt voilà, vous pouvez vraiment vous rendre compte de ce que ça donne chez tout le monde qui n’a pas votre matos.\nDonc ça c’était voilà. petite remarque façon couteau suisse.\nSinon je voulais savoir.\nParce qu’on discutait de grands comptes qui pourront jamais, avant des années, avoir des versions récentes etc.\nest-ce que tu avais une opinion sur le fait de dire sur le site aux utilisateurs : vous avez un navigateur tout pourri, donc la page Web va pas forcément bien s’afficher ?\nSans forcément l’engueuler, sans forcément le pousser à le mettre à jour, juste au moins le prévenir et lui dire :\nPeut-être que tu pourrais faire pression sur ta hiérarchie, on sait jamais, ça finira peut-être par marcher.\nOu un truc comme ça quoi voilà.\nJulien : enfin la hiérarchie elle-même va tomber dessus. Peut-être.\nIS : peut-être aussi oui.\nJulien : je réponds rapidement si tu veux.\nJe pense que c’est bien ce que tu dis. De faire ça voilà. J’adore tout ce que tu fais. [Rires]\nSérieusement, par exemple quand Github a fait le choix de ne plus supporter IE7, je crois, récemment.\nSauf que tu vas sur Github avec IE7, y a rien qui s’affiche comme quoi il ne supporte plus.\n[Une vélotypiste demande d’épeler].\nJulien : Github : g i t h u b.\nEt on a juste une page toute pétée.\nDonc je trouve ça… C’est vraiment pas respectueux envers les utilisateurs qui vont dessus.\nIS : oui, rebonjour.\nC’est juste encore par rapport aux histoires de IE6 dans les grands comptes et avec les navigateurs etc.\nDans les grands comptes de plus en plus je vois qu’ils ont effectivement, contrairement à ce que disait Stéphane, un parc qui est en général pas plus vieux de trois ans.\nSouvent ils renouvellent leur matériel tous les trois ans.\nEt de plus en plus chez les grands comptes, ils installent deux navigateurs.\nEnfin souvent c’est par example un IE6 et un Firefox récents.\nAutres intervenants : chez nous c’est un IE7 et un Mozilla 3.6. [Rires]\nIS : oui évidemment des fois on cherche.\nNon mais du coup ça permet d’utiliser IE6 pour leurs vieilles applications métiers valables qu’en cobol où ils ont pas le code.\nEt de bénéficier quand même du meilleur rendu pour les applications les plus récentes.\nIS : Bonjour, Fabien.\nUne petite question par rapport aux préfixes Webkit.\nJe voulais savoir pour IE8 qui va bientôt arriver… Windows 8.\nEt donc la question c’est les préfixes qui vont être supportés un peu à l’image de ce que fait Opera ?\nJulien : j’ai pas la réponse spécifiquement.\nFlorient dit qu’a priori ils seront supportés dans IE10. C’est ça ? Certains, mais pas tous. Mais généralement, quand ils sont supportés que supporte quand même celle qui n’ont préfixé, ou alors la leur, genre -ms. Et du coup, vaut mieux les utiliser si tu fais un nouveau code.\nEnfin, tu perds rien à utiliser tout, toute les versions préfixées et la version non préfixée.\nEnfin c’est clair ou pas ? Ouais OK.\nIS : juste pour rebondir sur cette histoire de préfixes.\nOn a écrit un article sur OpenWeb sur le sujet. On a fait tester par des gens qui avaient IE10 en version pre-release.\nEt sur la version quasiment finale.\nOn s’est aperçu qu’il fallait quand même garder les préfixes même si Microsoft a annoncé les enlever sur la dernière.\nDonc vaut mieux se les trimbaler, c’est plus sûr.\nJulien : mais tu parles des préfixes MS là ?\nIS : oui préfixes MS bien sûr.\nIS : moi je voulais revenir un peu sur un projet de cette taille, avec le nombre d’équipes, le nombre de temps passé dessus.\nEst-ce que dans la conception, dès la conception, à partir de quelle étape vous prenez en compte cette amélioration progressive ou celle de…\nPour faire en sorte de dire cette fonctionnalité soit on la prend pas, soit on la prend mais ça implique tel choix en termes de performances, tel choix en termes de fichiers en plus à télécharger, en termes de façon de l’appréhender soir on…\nEst-ce que cette étape-là est processisée chez vous ?\nEst-ce que vous avez un moyen de l’organiser ?\nJulien : chez nous, c’est encore un peu… En fait on n’est pas une agence de développement Web, on fait des téléphones, et des réseaux.\nChez nous c’est encore vraiment au niveau de l’artisanat, je dirais.\nÇa commence un petit peu à se professionnaliser.\nOn a eu récemment un petit Paris Web interne, on va dire.\nDonc ça commence.\nEt du coup, ben c’est un peu de l’artisanat, et c’est un petit peu chacun, chaque développeur qui décide on va dire peut-être au sein de l’équipe.\nAlors nous on a fait le choix qu’on supportait IE7.\nComme c’est moi qui ai commencé à coder j’ai fait tout de suite des trucs pour que ce soit facile à supporter.\nLes polyfills pour les foreach les maps etc.\nEn tout cas chez nous, qui ne sommes pas une agence Web encore une fois, c’est pour l’instant à ce niveau-là.\nC’est dommage ! Mais je pense que ça va changer.\nIS : Bonjour. Anthony.\nPour rebondir sur ce que disait Mathieu sur les outils intéressants.\nIl y a aussi des ralentisseurs de connexion sur les systèmes d’exploitation, donc pour simuler du 3G, du Edge, des paquets perdus des choses comme ça.\nJulien : et Web Page Test le fait aussi.\nIS : oui oui. Mais c’est plus sympa de l’avoir sur ta machine en développement journalier.\nVous avez des tests automatisés pour tous les navigateurs ? Pour vérifier que ça casse pas ?\nJulien : quand tu dis nous, tu dis nous Oranges pour le portail par exemple ?\nIS : j’étais pas là au début, donc je savais pas que tu avais des problèmes. [Sourires]\nMais c’est une fausse question, en fait. Je disais il faut des tests automatisés. [Rires]\nQuand on utilise des choses pas standards, pas encore standards, quand on utilise des préfixes, ça casse très souvent.\nQuand la version non préfixée arrive dans une version de navigateur, comme par hasard ils ont cassé la version préfixée.\nEnfin il y a plein de choses qui peuvent casser. Il faut des tests automatisés.\nJulien : chez Chrome.\nIS : non chez tout le monde ! Mais oui évidemment Google… [Rires]\nJulien : les tests automatisés c’est bien, mais ces chiant, faut dire qui est. c’est pas toujours fait.\nMais c’est bien si on en fait. C’est clair.\nIl y a des outils, et faut peut-être prendre le temps de le faire.\n[NDT : Selenium] ou des trucs comme Kasper peut-être ?\n[Un intervenant qui parle]\nJulien : il dit que Kasper c’est Webkit donc pour faire des tests automatiques avec Kasper c’est dommage.\nIS : surtout pour revenir sur ce que dit Anthony.\nEst-ce qu’il y a des moyens simples de faire des tests unitaires sur les feuilles de style ?\nJulien : tu veux dire tester si la feuille de style est rend pareille ?\nIS ouais voilà. Est-ce que du cours ta feuille de style s’applique, vérifier qu’elle s’applique facilement. Enfin bon.\nJulien : tu veux tester qu’une propriété marche bien ?\nIS : par exemple oui, sur un navigateur.\nJulien : ben tu fais des screenshots automatisés. Et tu fais des petits scripts qui…\nIS : bah du coup tes obligé de regarder toi-même tes screenshot, en fait.\nJulien : non non tu peux utiliser une librairie qui compare les images.\nIS : d’accord.\nJulien : c’est ce que font les navigateurs pour leurs tests de régression pour voir s’ils cassent pas des choses.\nMais des fois ils ont pas tous leurs tests d’ailleurs.\nMais, tu prends un screenshot à un moment donné de tous tes composants, voire d’une page finale, et tu fais tourner un petit robot de temps en temps qui compare à un PNG préenregistré pour voir si c’est la même chose. Bah ouais quoi ! [Rires]\nNon ! Un truc bête, il y a des librairies en Python qui font ça en deux secondes.\nOn avait fait ça dans une boîte avec Mathieu avant.\nUn autre intervenant : c’est quand même fastidieux.\nJulien : chut. [rires]\nJulien : j’ai ça à donner à quelqu’un. J’hésite. [Applaudissements]


Ctek Chargeur de batterie XS 0.8 (12 volt) - 1 ClassAdditions\nAccueil / Chargeur de batterie XS 0.8 (12 volt)\nNuméro de l'article: GBY9996A\nLe XS 0.8 est le plus petit chargeur 12V de CTEK. Il dispose d'une technologie de pointe et est parfait pour charger de plus petites batteries 12 V dans les motos, les motomarines, les VTT et les tondeuses à gazon. Il est également adapté aux charges de maintenance pour les batteries de «capacité normale», telles que les batteries dans les voitures. Grâce à son affichage unique, l'utilisateur peut suivre l'ensemble du processus de charge.\nLe XS 0,8 est un chargeur compacte et entièrement automatique pour 6 piles de 1,2 à 32Ah, adapté aux charges de maintenance jusqu'à 100Ah. Le XS 0.8 possède une cote IP65 (anti-projections et anti-poussière), livrant 0.8A et conçu pour protéger l'électronique du véhicule. Il est sans étincelles et protégé contre la polarité inverse et les courts-circuits. Le XS 0.8 est livré avec 5 ans de garantie.


Itinéraire Ebersbach - Bischofswerda : trajet, distance, durée et coûts – ViaMichelin\nItinéraire retour : Bischofswerda > Ebersbach\nEbersbach vers Bischofswerda\nCalculez rapidement votre itinéraire depuis Ebersbach jusqu’à Bischofswerda avec ViaMichelin. Pour l’itinéraire Ebersbach - Bischofswerda choisissez parmi les différentes options Michelin : itinéraire conseillé par Michelin, itinéraire le plus court, le plus rapide ou le plus économique. Rajoutez à votre itinéraire Ebersbach - Bischofswerda des informations sur les restaurants, les sites touristiques ou les hôtels à Ebersbach ou Bischofswerda\nComment se rendre de Ebersbach à Bischofswerda ?\nViaMichelin vous propose de calculer votre itinéraire Ebersbach à Bischofswerda en voiture ou en moto. Retrouvez la distance de Ebersbach à Bischofswerda , le temps de trajet estimé avec l’impact du trafic routier en temps réel, ainsi que le coût de votre parcours (coûts des péages et coût du carburant). Et pour bien organiser votre séjour à Bischofswerda, vous avez la possibilité de consulter la sélection MICHELIN de sites touristiques et de restaurants (si votre destination y est répertoriée), ainsi que d’y réserver votre hébergement sans surcoût.\nQuelle est la distance de Ebersbach à Bischofswerda ?\nViaMichelin vous indique la distance exacte à parcourir entre Ebersbach et Bischofswerda, en fonction de l’itinéraire emprunté. ViaMichelin vous accompagne dans la détermination du meilleur itinéraire pour vous au travers de différentes options et vous propose par défaut 2 à 3 itinéraires dont le coût, la distance et le temps varient. Certains itinéraires (comme le moins cher par exemple) pourront vous proposer de passer par des axes moins fréquentés ou d’éviter les autoroutes à péage, d’autres seront un compromis entre la distance, le temps et le coût de votre trajet Ebersbach - Bischofswerda.\nQuel est l’itinéraire Ebersbach à Bischofswerda le moins cher ?\nViaMichelin vous propose un itinéraire économique pour votre déplacement Ebersbach - Bischofswerda. Vous avez également la possibilité de choisir le trajet le plus rapide (en matière de temps) ou le plus court (en matière de distance parcourue).\nCombien coûte un trajet Ebersbach - Bischofswerda en voiture ?\nPour les itinéraires en voiture ou à moto, ViaMichelin vous permet de connaître de façon précise le coût de votre déplacement Ebersbach - Bischofswerda : coût du carburant (avec le détail pour le coût du carburant sur autoroute et sur les autres routes) et coût des péages (des informations pour chacun des péages empruntés). Si vous renseignez les informations de votre véhicule, les données de coût seront personnalisées en tenant compte de ce dernier. Vous avez également la possibilité de connaître le coût de votre trajet réparti par nombre de voyageurs, ce qui est très pratique en cas de covoiturage. Afin d’obtenir ces informations, cliquez sur le bouton « Coût détaillé du trajet », disponible en bas du résumé de votre itinéraire Ebersbach - Bischofswerda.\nEst-ce que ViaMichelin me propose le guidage GPS pour mon itinéraire Ebersbach - Bischofswerda ?\nEn téléchargeant notre application mobile depuis l’AppStore ou Google Play, vous pouvez tout à fait vous faire guider pour votre trajet Ebersbach - Bischofswerda. Notre application vous propose les cartes Michelin et des itinéraires avec le trafic en temps réel, la Navigation GPS avec guidage vocal et des alertes communautaires. Vous pouvez également transférer votre parcours Ebersbach - Bischofswerda calculé sur votre ordinateur vers l’application : pour cela, vous devez l’enregistrer dans vos Favoris via votre Compte Michelin.\nViaMichelin vous propose de réserver votre hébergement Bischofswerda sans surcoût. Pour réserver votre séjour à Bischofswerda ou simplement pour faire une étape sur votre itinéraire Ebersbach - Bischofswerda, vous avez la possibilité de réserver votre chambre dans l’hébergement de votre choix (hôtel, gîte, &B, camping, appartement). Ce service gratuit est offert en partenariat avec Booking. Vous avez également la possibilité de consulter et de réserver l’un des hôtels de la sélection du Guide MICHELIN.


THE CROOK & THE DYLAN'S (Concert Caritatif)\nCela fait plus de 10 ans que les 6 membres de ce groupe ont arrêté de se poser la question... et ils l'assument très bien. Ce dont ils sont sûrs, c'est que leur musique est faite pour la scène et qu'elle a conquis de nombreux publics à travers la France et même au-delà. Ils vous diront qu'ils jouent du "Folk & Roll", ça ne veut rien dire : mais ils aiment bien, et c'est suffisant pour eux ! Leur musique est spontanée, direct et à l'image de ces six potes : généreuse !\nPatrick, l'auteur et chanteur d'origine Irlandaise fait suinter son Île dans chacun de ses textes et chacune de ses notes , la Guinness (et leur bière à eux : "La Crook"...) transpire dans sa voix atypique, éraillée et dans sa communion avec un public jamais bien sage. C'est une balade au milieu des plaines et au bord de la mer auquel vous convie ces musiciens bourrés d'énergie !\nIls n'hésitent pourtant pas à partir régulièrement du côté des contrées arides des Etats-Unis, de Boston au fin fond du Texas en passant par le Mississipi. East ou West Coast : bah ils s'en foutent un peu du moment que ça sonne !\nLes instruments acoustiques, guitare, violon, banjo, harmonica, mandoline, flûtes et biniou en tout genre font sonner ces chansons sans jamais trahir l'authenticité du groupe et de ses compositions. Le combo basse-batterie-guitare électrique, clairement punk-rock, fracasse les salles et font lever les pieds et les mains lors de concerts qui durent tant que le public en redemande, et après 2 EP et 3 albums, le groupe a de quoi tenir longtemps !\n24 septembre 2022 20:30 à 23:30


Riz aux girolles - OVNI| オヴニー・パリの新聞\nLes Japonais apprécient les fruits et légumes de saison. La saveur de l’automne, c’est surtout celle du matsu-také, champignon que l’on cueille dans les pinèdes (matsu=pin, také=champignon). Ce champignon, particulièrement savoureux et parfumé, est devenu très rare et aussi cher que la truffe. On le mange grillé, cuit avec du saké à la vapeur, ou cuit avec du riz (matsu-také gohan). C’est cette dernière recette que je vous propose dans ce numéro, mais j’ai remplacé le matsu-také, impossible à trouver en France, par la girolle.\n1.Coupez le bout dure des pieds des girolles. Nettoyez-les soigneusement en les essuyant avec une serviette humide.\n2.Taillez la carotte en petits dès. Coupez l’escalope de poulet en petits morceaux.\n3.Trempez d’abord les girolles dans la marinade pendant 1 minute. Égouttez-les bien. Marinez ensuite la carotte et l’escalope de poulet pendant 15 minutes.\n4.Lavez le riz dans un faitout et égouttez-le bien. Versez-y 3 verres d’eau et ajoutez un morceau de konbu. Laissez reposer pendant 10 minutes. Ajoutez la carotte et l’escalope de poulet avec leur marinade. Faites cuire le riz (voir n°546). 5 minutes après le début de l’ébullition, ajoutez les girolles, refermez le couvercle et continuez la cuisson à feu doux pendant encore 15 minutes.\n5.Éteignez le feu et laissez reposer pendant 10 minutes à couvert.\n6.Enlevez le konbu, parsemez le plat de cive hachée et dégustez aussitôt.\n200g de girolles nettoyées,\n100g d’escalope de poulet,\nun petit morceau de konbu,\nune ou deux cives.


Rien de nouveau sous le soleil par Petitbarbu - SensCritique\nCritique publiée par Petitbarbu le 21 janvier 2016\nAu royaume de la comédie horrifique, le zombie est roi. Que ce soit les castors putréfiés de Zombeavers, les boostés aux hormones de poulets de Poultrygeist : Night of the Chicken Dead, les morts à tendance Nationale-socialiste de Dead Snow, les pathétiques de Virus Cannibale, les revanchards de Sexykiller, morirás por ella, les bagarreurs de Zombie Fight Club, les féminines de Doghouse, les strip-teaseuses de Zombie Strippers, les pervers fornicateurs de Rape Zombie ou de Zombie Ass, les presque-humains de A Little Bit Zombie ou bien de Dead Heads, les métalleux de Deathgasm, les animaux de Black Sheep ou du Clandestin, les adolescents décérébrés de The Coed and the Zombie Stoner, le zombie a été décliné sous toutes les formes, dans tous les délires et pour tous les goûts.\nDifficile de faire de l'original, ma couille, et te dire que ce Scouts Guide réussi à taper dans le jamais vu serait du bon foutage de gueule.\nLe genre Mcdo qui passe son logo en vert histoire de te faire croire que tu vas faire du bien à la planète en bouffant un big mac, tu vois.\nDéjà, t'attends pas trop à un délire à la Guide de survie en territoire zombie. Moi je pensais que ça allait lorgner de ce côté là, avec ce titre français tout mal foutu.\nNon, ici c'est le pitch classique éculé, élimé et étiré à l'excès.\nDans un laboratoire X, un concierge se dandinant sur fond de Black Widow et commet la boulette en se faisant moitié manger par un cobaye-zombie.\nC'est bête, ça arrive... la séquence est plutôt amusante, je ne vais pas m'appesantir là dessus.\nEn parallèle on suit une bande de perdants tout pas fashion - ici ce sont des scouts comme ils auraient pu être geek, gothiques, nerds, freaks, gros ... ah, si, y a un gros, roux en plus, pas de bol le gamin - qui sont mis au ban de la société des cools. Pas invités aux fêtes, pas de copines, rien, nada, que pouic. Et en plus, impossible de recruter de nouveaux membres.\nDeux de nos trois comparses décident donc de se sortir de ce marasme en quittant les scouts, parce que quand même, à 15 ans si t'es encore scout c'est que t'as gâché ta vie. Pis si t'es scout tu choppes pas. Tu veux séduire qui toi, avec tes talents en nœud et en montage de tente, hein ?!\nD'autant que leur sortie scout tombe le jour même d'une super-fête secrète trop top tendance à laquelle ils sont bien décidés à aller, risquant de briser le cœur de leur copain roux.\nBon, tu le vois venir, pas de bol il y a des zombies qui se mettent à apparaître un peu partout et leur fâcheuse tendance à croquer les gens rend la vie difficile aux bons citoyens. N'écoutant que leur courage et avec l'aide d'une barmaid/strip-teaseuse à la poitrine opulente, nos zozos se mettent en tête de sauver leur peau et celle de tous les jeun's de la ville.\nEt on touche là au problème majeur du film : il n'y a rien à en dire. Il n'est pas mémorable, pas mauvais, pas bon. Sans être toujours hilarant, certaines mise à mort sont plutôt réussies. Les gags classiques font mouche. La trame est grossière, n'apportant aucunes surprises puisqu'on connaît les enjeux, le déroulé et la fin si on est familier du genre comédie-horrifique. L'interprétation est correcte, passons outre mon penchant naturel pour la sympathique Sarah Dumont qui a réussi à me faire oublier tout de son jeu, n'en retenant que son physique splendide. Nos héros sont quelconques, finalement assez oubliable, la palme revenant au héros un poil insipide dont la romance avec la sœur de son meilleur pote m'a fait autant d'effet que la dernière modification chirurgicale de la petite Kardashian ou bien la dernière petite phrase maladroite de notre cher ministre de l'économie.\nOn retrouve David Koechner plutôt convaincant en zombie, et ça fait plaisir.\nMise en scène classique, visuel plaisant sans être renversant, Manuel de survie à l'apocalypse zombie n'est pas vraiment ce à quoi je m'attendais. Reste une comédie plaisante sentant un peu le réchauffé, un truc tout formaté tout préparé, prêt à être consommer.\nSinon tu réfléchis pas trop, tu prends ta bière et des copains et tu te marres bien, hein, quand même.\nPeust Scripeuteum : Vas lire la critique de Mr Méchant, il fait un parallèle très juste entre le scénar de ce truc et celui de Supergrave ;) : http://www.senscritique.com/film/Manuel_de_survie_a_l_apocalypse_zombie/critique/77994123\nPetitbarbu a ajouté ce film à 2 listes Manuel de survie à l'apocalypse zombie\nAutres actions de Petitbarbu Manuel de survie à l'apocalypse zombie\ndigitale_pourpre Film US, comédie horrifique mâtiné de teens movies. Une histoire déjà pas mal vu ailleurs d'invasion zombie, l'originalité n'était...\nCosette Way Des scouts puceaux ostracisés par leur amis, des zombies qui meurent astucieusement et une Stripteaseuse badass, qu'est-ce qu'il vous...\nThomas Noacco Si on s'attends à un "bienvenue à zombiland", comme moi, on est assez déçu.... Pourtant le film se défend bien, caricature du...\nptitpraince Des scouts qui endiguent une épidémie de zombies dans leur petite ville? Ouep, c'est le pitch du film. Ça parait crétin comme ça. Ça...\nJonathanAtouil Super petit film de zombies comme je les aime. De la comédie avec un mélange de mon monstre préféré. Je ne m'en lasserai jamais. Ce...


Accueil > serie minerale de roche miniere\nGéochimie de lexploration - MON UNIVERS\nLithogéochimie (géochimie de roche) Hypothèse : la mise en place dun corps minéralisé exerce une influence sur son encaissant sous forme dune auréole (halos de dispersion) Elle consiste alors à faire un échantillonnage de\nvidéo technologie minérale - YouTube\n3 4.1K 2009/09/16· Le vidéo de Étienne et moi pour représenter la technique de technologie minérale. C'est pas se qu'il y a de meilleur, mais au moins on c'est botté le cul pour en faire un!\nIMPACT SOCIAL DE LEXPLOITATION MINIERE INDUSTRIELLE ET ARTISANALE Mesdames, Messieurs, Quil me soit permis avant toute chose de remercier les organisateurs de ce forum pour avoir pensé de mettre en place cette\nmineral définition - Dictionnaire Mediadico\nBas-lat. minerale, dérivé de minera, minière. Mots précédents mine miner minerai Mots suivants minéralier minéralier-pétrolier, pl.minéraliers-pétroliers minéralisable Les commentaires Suivez-nous Testez votre anglais buzz vidéo\nLexcavation de terre et de roche. Le traitement des matières extraites pour séparer le minerai de la roche stérile. Lentreposage et lentretien des déchets. La surveillance des conditions environnementales comme la qualité de l\nGuide dinformation minière pour les communautés\npeindre des récits sur la roche partout en Amérique du Nord. Les peuples autochtones avaient développé un vaste réseau de troc et échangeaient des matériaux dans toute lAmérique. Lextraction et lutilisation des minéraux\nExploitation minière et extraction - Nouvelle Prophétie -\n· l'huile de roche, de couleur bleu sombre, qui possède la particularité d'être un liquide pâteux nauséabond · la zhaunite, de couleur jaune sombre, dont les origines sont inconnus mais semblent remonter à la nuit des temps\nla pena di morte era prevista per coloro che sottraevano argento o minerale argentifero ma anche per i fonditori che estraevano l'argento da minerale rubato. Chiunque, nel territorio dell'Argentiera poteva intraprendere l'attività . .\nLes mines - Ministère de l'Énergie et des Ressources\nMinéraux rares ou de haute technologie Pierre architecturale Gestion des titres miniers Données géoscientifiques © Gouvernement du Québec, 2003\nRing broyeur à marteaux 2013 pour l'exploitation minière de\nJ5028 ECE CareerOpp CVRMiningFR r 2/24/06 9:58\nCEST QUOI, LEXPLORATION MINIÈRE? Lexploitation minière consiste à extraire de la roche ou des minéraux de la terre afin den distribuer les bienfaits à la société. Les mines peuvent être pratiquement de toutes les grandeurs.\nCLE de DETERMINATION POUR les PRINCIPALES ROCHES\nL'histoire métamorphique n'est pas la même selon l'origine sédimentaire ou magmatique de la roche de départ. L'amplitude du métamorphisme dépend de la présence ou non d'eau. Provenance pour partie du document : "\nMythes et réalités de l'industrie des mines canadiennes\nLes mythes et réalités de l'industrie des mines au Canada sur les emplois, les conditions de travail et l'environnement. MYTHE : Travailler dans une mine est un métier dangereux. RÉALITÉ : Le bilan de sécurité de l'industrie\nmagazine de Roche La Molière by lorthiois sabine -\nt e l l i u j 4 1 Le e c fi i t r a d f i t fe u s e f e c a p s E su r l DOMAINE DES CRISTAUX Côte Durieux, à côté de ROCHE LA MOLIÈRE Votre opticien Sébastien BOURDIER 04 77 53 74 90 Ouverture du mardi au samedi de 9h à 12h et de 14h à 19h\nDu Minérale à la Roche - géodz\nDu Minéral à la Roche Trois grands types de roches forment la croûte terrestre. Le schéma qui suit présente, en un coup d'oeil, ces trois grands types, ainsi que les processus qui conduisent à leur formation. Ainsi présenté, il et\nA loccasion du Congrès de l'Industrie Minérale qui se tiendra à Mons (Belgique) du 20 au 23 octobre prochain, le BRGM, l Unicem et la Sim présenteront la nouvelle carte des carrières de roches et minéraux industriels en France.\n(minéraloïde composé de différentes phases de silice, assimilable à une roche) et l'ambre (roche organique issue de coulée de sève fossilisée), sont aussi considérés par tradition comme des minéraux, alors que les verres ce \nRevue minière du Québec (the Quebec Mining Review)\n, la ventilation forcée et lisolation. De plus, les basses températures ont des incidences sur les matériaux. Lacier peut être cassant et les huiles lubri fiantes peuvent être trop visqueuses. Les polymères peuvent se fendiller sils ne\nRoches et minéraux industriels : secteur important de l\nRoches et minéraux industriels : secteur important de l'industrie minière du Nouveau-Brunswick.. [Nouveau-Brunswick. Ressources minérales. Entente de coopération sur l'exploitation minéral Canada/Nouveau-Brunswick.] Home\net de représentants dorganismes autochtones, de lindustrie minière, de la société civile, du gouvernement et des milieux universitaires. Ce guide a été conçu pour être utilisé comme document évolutif et outil complémentaire aux\nDans une mine à ciel ouvert, le minerai se trouve proche de la surface. On creuse en enlevant, avec une pelle mécanique ou une chargeuse, des couches de roche préalablement forées et dynamitées. La roche est sortie de la mine\nDécouvrez pourquoi le Canada est un chef de file mondial du secteur minier, y compris des détails sur les grands avantages que procure lindustrie minière Développement durable des ressources minérales Découvrez comment le\nArticle précédent：c ne occasion nous concasseursArticle suivant：conseils concasseur à cône cs


Des Québécois friands de VUS et de pétrole | Le Devoir\nEnvironnement Des Québécois friands de VUS et de pétrole\nPhoto: Marie-France Coallier Le Devoir Notre appétit collectif pour les VUS et pour l’auto solo contribue encore aujourd’hui à la croissance de notre consommation de produits pétroliers raffinés.\nLe Québec a beau se targuer de promouvoir la lutte contre la crise climatique, les consommateurs sont toujours aussi friands de véhicules énergivores et la province consomme chaque année un peu plus de produits pétroliers. Ces constats, tirés du rapport État de l’énergie au Québec 2021, mettent en lumière l’ampleur du fossé qui nous sépare de nos objectifs de réduction des émissions de gaz à effet de serre.\n« L’insistance du gouvernement québécois en faveur de l’électrification, et surtout en direction du secteur des transports, n’a pas permis de faire fléchir les tendances de consommation de produits pétroliers et d’émissions de gaz à effet de serre », résume Pierre-Olivier Pineau, coauteur du rapport qui sera publié jeudi par la Chaire de gestion du secteur de l’énergie de HEC Montréal.\nConcrètement, les ventes de véhicules électriques (VE) augmentent, notamment grâce aux « importantes subventions gouvernementales », au point de représenter 6 % du total en 2019. Néanmoins, la part de marché des camions légers, comprenant les véhicules utilitaires sport (VUS), a continué de croître. Elle représentait pas moins de 69 % de toutes les ventes en 2019. « Il s’est ainsi vendu environ 11 camions légers pour chaque VE vendu en 2019. Ces tendances sont contraires à l’atteinte des cibles de réduction des émissions de gaz à effet de serre », constate le rapport, publié sur une base annuelle à partir des plus récentes données disponibles sur le secteur de l’énergie.\nQui plus est, « depuis 2015, il se vend plus de camions — une catégorie qui comprend les minifourgonnettes, les véhicules utilitaires sport (VUS) et les camionnettes — que de voitures au Québec — et l’écart se creuse d’année en année », précise-t-on. Les données de la Société de l’assurance automobile du Québec indiquent d’ailleurs que la croissance du nombre de camions légers en circulation s’est poursuivie en 2020, puisque 140 203 nouveaux véhicules de ce type se sont ajoutés sur les routes de la province. Ils sont désormais près de 2,2 millions, contre 2,7 millions de voitures. Le nombre de voitures immatriculées a pour sa part reculé de 40 572 l’an dernier.\nPlus globalement, les données du ministère de l’Environnement et de la Lutte contre les changements climatiques indiquent que le nombre de « camions légers » sur les routes de la province a bondi de plus de 260 % depuis 1990, tandis que les émissions de gaz à effet de serre (GES) imputables à ces véhicules ont augmenté de près de 150 % au cours de la même période. Ces véhicules émettaient, en 2018, près de neuf millions de tonnes de GES.\nComment peut-on expliquer cet engouement toujours plus grand pour des véhicules personnels plus énergivores ? « L’offre est très abondante, l’économie se porte (artificiellement maintenant) bien et les taux d’intérêt sont bas : le confort du VUS gagne sur la raison. Ce n’est pas du tout cohérent avec les objectifs climatiques, ni même économiques, à cause de l’endettement des ménages », fait valoir M. Pineau dans une réponse écrite aux questions du Devoir.\nNotre appétit collectif pour les VUS et pour l’auto solo contribue également à la croissance de notre consommation de produits pétroliers raffinés (PPR). Celle-ci dépasse maintenant les 360 000 barils par jour au Québec, principalement sous forme d’essence et de diesel.\nSelon le rapport de la Chaire de gestion du secteur de l’énergie de HEC Montréal, les ventes de PPR ont d’ailleurs progressé de 10 % entre 1995 et 2019. Entre 2013 et 2019, celles-ci ont augmenté de 5,3 %, « ce qui constitue un défi important pour l’atteinte de la cible de réduction de la consommation de produits pétroliers de 40 % sous le niveau de 2013 en 2030 », comme le prévoit la Politique énergétique 2030 du Québec.\nPierre-Olivier Pineau estime d’ailleurs que cet objectif, fixé par le gouvernement de Philippe Couillard, pourrait être difficile à atteindre. « Il y a des perspectives qui devraient modérer la croissance future des ventes d’essence : télétravail et électrification croissante, ainsi que les efforts de mobilité durable. Je ne crois pas qu’on assistera à une hausse continue, mais la baisse ne se fera pas naturellement sans efforts supplémentaires en transport. »\nDans ce contexte, il est possible qu’un recours plus important au télétravail et au commerce électronique après la crise de la COVID-19 puisse avoir pour effet de réduire notre consommation d’hydrocarbures, et donc nos émissions de GES, mais ce ne sera nettement pas suffisant. M. Pineau rappelle d’ailleurs que le Plan pour une économie verte 2030 du gouvernement Legault, dévoilé en novembre dernier, n’est pas suffisamment ambitieux pour respecter l’objectif de réduire les émissions québécoises de GES de 37,5 %, par rapport à 1990, d’ici la fin de la décennie. « Les résultats envisagés permettront de réduire les émissions de seulement 12,4 millions de tonnes sur les 29 millions de tonnes qu’il faudrait éliminer annuellement. »\nEn plus de réduire radicalement les émissions dans le secteur des transports (45 % du bilan provincial en 2018), Pierre-Olivier Pineau plaide pour une réduction globale de notre consommation d’énergie, ce qui passe notamment par une amélioration de l’efficacité énergétique.\nL’État de l’énergie au Québec 2021 permet en effet de constater que 52 % de toute l’énergie consommée dans la province est carrément « perdue ». « Les pertes sont issues des transformations de l’énergie primaire en électricité et produits raffinés, en transport et dans les équipements qui ne sont pas 100 % efficaces, surtout les véhicules à moteur à essence et diesel. C’est très important de réduire ces pertes, mais c’est surtout dans les modes de consommation, et donc la réduction de la demande, que se trouve la voie à suivre », explique Pierre-Olivier Pineau.


Comment accrocher des conduits d'air\nAUTEUR Conseiller Voulu En train de lire 6 min Vues 7 Publié par décembre 16, 2020\nPeut-être parmi les professionnels, le plus courant est la fixation de conduits rectangulaires avec un goujon et un profil, qui peuvent être de deux types principaux: en forme de Z et de L. Dans les deux cas, la fixation au conduit est réalisée à l’aide de vis autotaraudeuses..\nPhoto 1.1. Fixation au moyen d’un profil en Z et d’un goujon\nPhoto 1.2. Fixation au moyen d’un profil en L et d’un goujon\nIl n’y a pas de différence fondamentale entre les profils en forme de L et de Z (photo 1.1, 1.2), mais généralement le profil en Z est utilisé lors de la fixation de conduits d’air plus massifs, car dans ce cas, un coin supplémentaire supporte le corps du conduit d’air par le bas, supprimant une partie de la charge des vis et donnant la structure rigidité supplémentaire. De plus, aux endroits où les profilés sont fixés au goujon, il doit y avoir des joints en caoutchouc qui compensent les légères vibrations du conduit et réduisent le niveau sonore.\nPhoto 1.3. Fixation avec une traverse et un goujon\nPhoto 2.1. Fixation avec une pince et un goujon\nS’il est nécessaire d’installer un conduit d’air rectangulaire de dimensions impressionnantes (avec un côté de plus de 600 mm), utilisez généralement une fixation avec des goupilles et une traverse (photo 1.3). Avec ce mode d’installation, le conduit d’air repose sur une traverse, et les éventuels mouvements latéraux sont limités par des goupilles. Idéalement, pour un ajustement serré et une meilleure isolation phonique, un profilé en caoutchouc spécial est placé entre le conduit et la traverse. Ainsi, avec une fixation transversale, le corps du conduit n’est pas endommagé par des vis autotaraudeuses, et par conséquent, cette méthode est la plus préférable lors de l’installation de conduits d’air isolés thermiquement et insonorisés..\nLors de l’installation de conduits d’air circulaires, des pinces et des goujons sont le plus souvent utilisés (photo 2.1). Cette méthode est simple, efficace et vous permet d’installer des conduits d’air conventionnels et calorifugés avec un succès égal. L’essentiel est d’avoir sous la main un jeu de pinces du diamètre requis.\nPhoto 3.1. Fixation avec du ruban perforé sans pince\nCependant, dans un certain nombre de cas, les conduits ronds et rectangulaires sont fixés à l’aide de ruban perforé. Dans le premier cas, une boucle est faite, et dans le second, le ruban perforé est accroché sur le boulon à la jonction des conduits d’air les uns avec les autres (photo 3.1). Un tel support est certainement moins cher (le coût du ruban perforé ne dépasse pas 11-14 roubles par mètre), mais il présente un certain nombre d’inconvénients. Tout d’abord, il ne fournit pas la rigidité appropriée, et par conséquent, le conduit d’air commence souvent à «marcher» et à vibrer. De plus, lors de la fixation des conduits sur du ruban perforé, il est difficile de les aligner en hauteur. En conséquence, le niveau de bruit augmente fortement et en cas d’erreurs évidentes dans l’installation, une violation de l’étanchéité de l’itinéraire peut se produire. Si nous utilisons du ruban perforé lors de l’installation, il est préférable de l’utiliser avec des pinces (photo 3.2). Les installateurs expérimentés limitent généralement l’utilisation de ruban perforé aux conduits d’air ronds jusqu’à 150-200 mm de diamètre, et lors de la pose de grands conduits d’air, ils préfèrent utiliser des types de connexions plus fiables..\nLa méthode de fixation des conduits d’air au plafond n’est pas moins importante. Pour cela, on utilise généralement des ancrages métalliques de haute qualité, dont le mécanisme de fixation est généralement similaire à la façon dont une cheville en plastique « s’accroche » au mur sous l’influence d’une vis (photo 4).\nPhoto 4. Ancre à poser\nLes ancres sont insérées dans un trou pré-percé et, à l’aide d’un ciseau spécial, une membrane est éliminée, séparant la partie filetée de la « fleur ». Après cela, une épingle à cheveux est enveloppée dans l’ancre, sous l’action de laquelle la «fleur» s’ouvre dans le trou et fixe fermement l’ancre dans le plafond. Les ancrages à poser peuvent résister à des charges très importantes, il est donc recommandé d’utiliser ce type particulier de fixation. Dans le cas de l’utilisation de quelque chose qui est venu sous la main, un relâchement et un relâchement de la connexion de l’épingle à cheveux avec le plafond peuvent se produire, ce qui entraînera une déformation du conduit avec toutes les conséquences qui en découlent.\nPhoto 3.2. Fixation avec du ruban perforé avec une pince\nFigure. cinq. Fixation avec une pince\nUn cas distinct est la pose de conduits d’air dans des pièces où il est impossible ou peu pratique de les fixer au plafond. Dans ce cas, pour l’installation du tracé, une poutre métallique est généralement choisie: un coin, une poutre en T ou une poutre en I. Des pinces spéciales sont placées sur le profil existant, auquel l’épingle à cheveux est fixée (photo 5, pince sur le profil).


Concours des autorités, police administrative, ordre public, concurrence des polices administratives, concours territorial\nÀ l'heure actuelle, le terme « police » fait essentiellement référence, dans le langage commun à l'action des forces de l'ordre soit la police judiciaire. Mais, il existe, en droit français, une autorité de police administrative.\nLa notion de police administrative acquiert un sens spécifique qui se rapporte aux compétences de certaines autorités publiques d'assurer la sauvegarde de l'ordre public. Pour cela, ces autorités administratives vont imposer des limitations aux libertés des individus par l'intermédiaire de divers actes administratifs, soit des règlements soit des injonctions. Ces actes relèvent des juridictions administratives. Il convient de définir l'ordre public, celui-ci correspond au minimum de conditions qui apparaissent indispensables pour garantir l'exercice des libertés et droits fondamentaux.\nL'autorité de police administrative se scinde en deux quant à leur but recherché : l'autorité de police administrative générale et l'autorité de police administrative spéciale.\nLa police administrative générale a pour but d'assurer l'ordre public par la tranquillité, la sécurité et la salubrité publique. Les titulaires de ce pouvoir sont des autorités publiques et administratives.\nLa police administrative spéciale a quelques fois pour but d'assurer l'ordre public, mais elle a surtout des objets plus spécifiques. Il existe de nombreuses autorités de police spéciale qui ont à leur tête de nombreux titulaires de ce pouvoir. Parfois, ils coïncideront avec un titulaire de police générale tandis que parfois, il s'agira de personnes distinctes.\nLe concours hiérarchique des autorités de police administrative\nUn concours territorial des titulaires de police administrative\nLes compétences divisées des autorités de police administrative\nLa combinaison des autorités de police administrative\nLes contentieux et les limites des autorités de police administrative\n[...] Quel va être le concours des autorités de police administrative ? Pour répondre à cette interrogation, il convient d'examiner le concours hiérarchique des autorités de police administrative avant d'analyser leurs combinaisons (II). I/Le concours hiérarchique des autorités de police administrative Les autorités de police administratives sont en concours soit par leurs titulaires soit par leurs compétences A/Un concours territorial des titulaires de police administrative Nous allons étudier les différents titulaires de la police administrative sur le plan central et sur le plan local. [...]\n[...] L'exemple de la police du cinéma montre cette interaction. Le ministre de la Culture délivre, par voie de la police spéciale un visa d'exploitation qui vaut autorisation de représenter le film sur tout le territoire (CE 1959), mais le maire peut par voie de police générale interdire sur le territoire de sa commune la représentation d'un film auquel le visa ministériel d'exploitation a été accordé si le film est susceptible d'entrainer des troubles sérieux ( . ) ou préjudiciables à l'ordre public (CE Ville de Salon-de-Provence de 1963). [...]\n[...] Son statut d'autorité de police administrative lui confère une capacité de représentation de la police municipale. Celle-ci possède aussi un pouvoir de police administrative. Les titulaires de l'autorité de police administrative possèdent chacun un domaine de compétences propre où ils exercent leur autorité pleine et entière. Les articles 2212-2 et 2213-1 du code général des collectivités territoriales dispose que le maire a autorité dans sa commune, mais il doit se soumettre aux décisions du préfet pour une mesure qui touche plusieurs communes ou tout le département. [...]\n[...] B/Les contentieux et les limites des autorités de police administrative Le concours des autorités de police administrative fait l'objet de nombreux contentieux, mais a tout de même des limites. Dans l'arrêt du Conseil d'État de 1998, la haute juridiction administrative a tranché un litige entre deux titulaires de pouvoir de police générale, le maire et le préfet. En l'espèce, un maire a pris une mesure de police générale visant au maintien de la tranquillité publique sur sa commune contre les tirs de feux d'artifice de la société Eurodisney. [...]\n[...] Il y a donc bien un concours entre les titulaires des autorités de police administrative. Tous ces titulaires ont des compétences diverses. B/Les compétences divisées des autorités de police administrative La police administrative connait une dichotomie quand on s'intéresse à son but. Si le but est la sauvegarde de l'ordre public, alors on aura une police administrative générale. Celle-ci prend des mesures dans le cadre de la salubrité publique (arrêt du Conseil d'État Pec Engineering de 1986 où le maire doit prendre une mesure contre la pollution d'une industrie, dans le cadre de la sécurité publique), dans le cadre de la sécurité publique (Conseil d'État Madame Lefebvre de 1983 pour la sécurité des baigneurs), et dans le cadre de la tranquillité publique (Conseil d'État Commune de Chessy 1998 contre le bruit de tir de feux d'artifice par une société et Conseil d'État Commune de Taverny 1996). [...]\nDroit administratif Le concours des autorités de police administrative


Aspirateur Dyson [video test P11] - Page 27\nSujet: Re: Aspirateur Dyson [video test P11] Mar 9 Sep 2014 - 19:35\nPour avoir eu un chien jaune et un noir, je peux affirmer que les poils noirs sont vraiment plus faciles à vivre!\nSujet: Re: Aspirateur Dyson [video test P11] Mar 9 Sep 2014 - 19:56\nPourquoi ? Ca dépend de la couleur du sol non ?\nSujet: Re: Aspirateur Dyson [video test P11] Mar 9 Sep 2014 - 20:05\nJ'ai du parquet avec des striures noires, donc aucune différence sur le sol pour moi, mais alors la voiture qui a les sièges noirs, moi qui porte beaucoup de noir, mon canapé marron... Les poils passent inaperçus (Ce qui ne m'empêche pas d'aspirer chaque jours )\nSujet: Re: Aspirateur Dyson [video test P11] Mar 9 Sep 2014 - 20:21\nSujet: Re: Aspirateur Dyson [video test P11] Lun 26 Jan 2015 - 15:13\ndepuis le temps que je le voulais je me suis fait un gros cadeau le dyson sans fil\nje l'ai depuis quelques semaines seulement et je l'adore !! pour les escaliers et pour l'étage je ne me sers plus que de ça, et pour passer un ptit coup d'aspi entre 2 en bas c'est hyper pratique\ndes heures et des heures à comparer, lire les avis sur le net, vu le prix je voulais être sûre de ne pas regretter...\nSujet: Re: Aspirateur Dyson [video test P11] Mar 27 Jan 2015 - 2:05\nContente que ça te plaise, moi depuis que j'ai réé-investi dans un aspi avec sac (qui aspire 1000x mieux qu'un sans sac), je revis! Ioda, qui a une trouille bleue, un peu moins\nSujet: Re: Aspirateur Dyson [video test P11] Mar 27 Jan 2015 - 8:54\nah ouais ?!!!!!!!!!!!!!! c'était un Dyson que tu avais ?\nSujet: Re: Aspirateur Dyson [video test P11] Mar 27 Jan 2015 - 13:53\nAh non, pas du tout, j'avais un aspi basique, sans sac qui a aspiré les trois premiers jours d'utilisation. Le vendeur m'a dit, il faut prendre avec sac, ça perd moins l'aspiration et en effet, ça va faire 6 mois que je l'ai, j'ai changé une ou deux fois le sac et c'est nickel, aucune perte d'aspiration.\nSujet: Re: Aspirateur Dyson [video test P11] Mar 27 Jan 2015 - 21:00\nah ça m'étonnait aussi car je n'ai pas d'actions chez Dyson mais j'entends rarement des gens s'en plaindre\nle mien a 5 ans, et aucune perte d'aspiration, mais tant mieux si tu es contente du tien car il a dû te coûter bien moins cher !\npar contre tu dois changer le sac très souvent non avec ton poilu ?\nSujet: Re: Aspirateur Dyson [video test P11] Mar 27 Jan 2015 - 22:18\nEnviron tous les deux mois, et pourtant, je le passe tous les jours.\nSujet: Re: Aspirateur Dyson [video test P11] Mar 27 Jan 2015 - 22:19\nah ça va, je pensais +


Homologation, de succession et de testament – A&G Lawyers in Torrevieja, Ciudad Quesada & Orihuela Costa\nHomologation, de succession et de testamentAGLawyers2020-06-22T07:20:11+00:00\nAvocat professionnel en matière d’homologation, de succession et de testament\nLe droit des successions peut devenir très complexe lorsque plusieurs systèmes juridiques sont impliqués. En tant qu’avocats espagnols, nous avons une vaste expérience des problèmes internationaux de succession transfrontalière impliquant différentes juridictions et de tout conflit de lois.\nMême si vous avez signé un testament valide dans votre pays, obtenir des conseils juridiques et rédiger un testament séparé pour vos avoirs en espagnol peut faire épargner à vos bénéficiaires des surprises désagréables, du temps et de l’argent. Les partenaires non mariés sont particulièrement vulnérables s’il n’ya pas de testament approprié.\nNous rédigerons votre testament espagnol en espagnol et dans votre propre langue et vous informerons sur les règles relatives aux droits de succession en espagnol et sur la manière de réduire au minimum les taxes.\nNous étudierons votre cas, évaluerons vos chances de succès et vous informerons des documents nécessaires.


Une panne électrique en Haute-Côte-Nord juste avant le Nouvel An | Radio-Canada.ca\nUne panne électrique en Haute-Côte-Nord juste avant le Nouvel An\nDes travailleurs d'Hydro-Québec dans un poste électrique (archive).\nPlus d’un millier de clients d’Hydro-Québec dans les municipalités de Longue-Rive et de Portneuf-sur-Mer en Haute-Côte-Nord ont manqué d’électricité une bonne partie de la journée le 31 janvier.\nLes usagers de la zone ont été privés d’électricité à partir de 12 h 45 et ont dû attendre plusieurs heures le retour du courant.\nEn tout, ce sont 1077 clients d’Hydro-Québec qui étaient affectés par la panne, confirme Barbara Morin, conseillère pour les relations avec le milieu chez Hydro-Québec.\nDurant la panne, Hydro-Québec a tenté sans succès de réalimenter le réseau. En début de soirée, ses équipes ont effectué une patrouille de la ligne pour comprendre l’origine de la panne.\nLe problème a finalement été identifié : le bris d’un isolateur près du poste de Saint-Paul-du-Nord.\nAprès les réparations nécessaires, le courant a été rétabli pour la majorité des usagers de Portneuf-sur-Mer à 18 h 20, et pour la majorité de ceux de Longue-Rive à 19 h 00.\nUne vingtaine de clients ont pour leur part du attendre jusqu’à 20 h 30 pour le retour de l’électricité.