# articles

feed_id: http://lehollandaisvolant.net/?mode=links&id=20150401000001
title: Photo en couleurs réelles d’un trou noir
uri: Photo-en-couleurs-réelles-d-un-trou-noir
url: http://lehollandaisvolant.net/?d=2015/04/01/00/00/01-photo-en-couleurs-reelles-dun-trou-noir
content:
Voici en exclusivité, une photo en <strong>couleur réelles</strong> d’un trou noir, cet objet cosmique tellement dense que même la lumière ne peut pas s’échapper de lui&nbsp;:<br/>
<br/>
<img src="media/db4fd3ac.black-hole.png" data-original-source="http://lehollandaisvolant.net/img/6c/black-hole.png" alt="black hole real colors" width="1920" height="1200" style="max-width: 100%; height: auto;" class="centrerinline" />


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150404121250
title: Le numérique au collège en France (nan, ne vous réjouissez pas si vite)
uri: Le-numérique-au-collège-en-France-(nan-ne-vous-réjouissez-pas-si-v
url:
http://lehollandaisvolant.net/?d=2015/04/04/12/12/50-le-numerique-au-college-en-france-nan-ne-vous-rejouissez-pas-si-vite

content:
<img src="media/135fab7b.old-school-bus.jpg" data-original-source="http://lehollandaisvolant.net/img/3a/old-school-bus.jpg" alt="old school bus wreckage" width="400" height="267" style="max-width: 100%; height: auto;" class="one" />
Traduction des «&nbsp;morceaux choisis&nbsp;» sur la page de PCi&nbsp;: «&nbsp;<a href="http://www.nextinpact.com/news/93683-les-eleves-francais-devront-savoir-creer-applications-simples.htm">Les élèves français devront savoir créer des applications simples</a>&nbsp;»&nbsp;:<br/>
<br/>
Le passage suivant&nbsp;:<br/>
<blockquote>«&nbsp;L'élève (...) sait utiliser de façon réfléchie des outils de recherche, notamment sur internet. Il apprend à confronter différentes sources et à évaluer la validité des contenus. Il sait traiter les informations collectées, les organiser, les mémoriser sous des formats appropriés et les mettre en forme. Il les met en relation pour construire ses connaissances.&nbsp;»</blockquote>
<br/>
<br/>
Devient&nbsp;:<br/>
<blockquote>Le futur contribuable utilise Google pour effectuer des recherches. Il apprendra à privilégier les sources approuvées par le gouvernement (.gouv.fr, hadopi.fr, universale.fr…) et à laisser de côté tout le reste (wikipédia, sdz, kat.ph…). Il apprendra tout par cœur vu qu’en Françoisie2.0, c’est comme ça qu’on <del>détecte qui sont les gens dangereux pour la stabilité du régime en place</del>¹ mesure l’intelligence.</blockquote>
<br/>
<br/>
Le passage suivant&nbsp;:<br/>
<blockquote>«&nbsp;L'élève apprend à utiliser avec discernement les outils numériques de communication et d'information qu'il côtoie au quotidien, en respectant les règles sociales de leur usage et toutes leurs potentialités pour apprendre et travailler. Il accède à un usage sûr, légal et éthique pour produire, recevoir et diffuser de l'information. Il développe une culture numérique.&nbsp;»</blockquote>
<br/>
<br/>
Devient&nbsp;:<br/>
<blockquote>Le futur contribuable apprendra à utiliser Facebook, Twitter et Google+ en s’interdisant de parler de cul, de hack, de bombes, des juifs, des blondes, de démocratie et des éclipses solaires². Il accède à ces "services" sous la surveillance d’un mouchard pour vérifier qu’il reste bien dans les rangs. Il sera ainsi élevé au rang de «&nbsp;<em>bon internaute made-in-Françoisie2.0</em>&nbsp;»</blockquote>
<br/>
<br/>
Le passage suivant&nbsp;:<br/>
<blockquote>«&nbsp;L'élève sait mobiliser différents outils numériques pour créer des documents intégrant divers médias et les publier ou les transmettre, afin qu'ils soient consultables et utilisables par d'autres. Il sait réutiliser des productions collaboratives pour enrichir ses propres réalisations, dans le respect des règles du droit d'auteur.&nbsp;»</blockquote>
<br/>
<br/>
Devient&nbsp;:<br/>
<blockquote>Le futur contribuable doit savoir que la création c’est bien, à condition de cotiser pour Universale et Hadopi. Il ne <del>partagera</del> piratera point.</blockquote>
<br/>
<br/>
Le passage suivant&nbsp;:<br/>
<blockquote>«&nbsp;L'élève utilise les espaces collaboratifs et apprend à communiquer notamment par le biais des réseaux sociaux dans le respect de soi et des autres. Il comprend la différence entre sphères publique et privée. Il sait ce qu'est une identité numérique et est attentif aux traces qu'il laisse.&nbsp;»</blockquote>
<br/>
<br/>
Devient&nbsp;:<br/>
<blockquote>Le futur contribuable utilisera Facebook et Twitter et sait que ces "services" sont sous surveillance gouvernementale, et que c’est pour cela qu’il a le droit de les utiliser (mais pas trop non plus car internet est responsable des avions qui s’écrasent³).</blockquote>
<br/>
<br/>
<br/>
<ul>
<li> <strong>¹</strong> Concernant la «&nbsp;stabilité du régime en place&nbsp;» je n’invente rien&nbsp;: <a href="http://reflets.info/atteinte-grave-a-la-paix-sociale-cazeneuve-maintient-la-surveillance-des-mouvements-sociaux/">c’est Cazeneuve qui le dit lui-même</a> sous la forme «&nbsp;<em>atteinte à la paix sociale</em>&nbsp;» en novlangue®.</li>
<li> <strong>²</strong> De l’interdiction de parler de cul, de hack, de bombes, des juifs, des blondes, de démocratie et des éclipses solaires&nbsp;: il faut savoir qu’en Françoisie2.0, les sites de proxénétisme, de partage, d’humour pas drôle, de xénophobie, de terrorisme et de critique des politiciens sont ou <a href="http://rue89.nouvelobs.com/2015/04/03/comment-blocage-sites-est-devenu-reponse-a-tout-258485">vont être censurés sans consultation judiciaire</a>. Les éclipses solaires sont quant à elles <a href="http://lehollandaisvolant.net/?id=20150320170015">censurées dans les écoles</a>.</li>
<li> <strong>³</strong> Sachez enfin que <a href="http://lehollandaisvolant.net/?id=20150402172432">l’A320 qui s’est écrasé</a> s’est écrasé à cause d’Internet, selon nos élus. On a dû cliquer trop vite sur «&nbsp;<em>accepter cette licence logicielle fera crasher un avion</em>&nbsp;».</li></ul>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/katsrcool/16204196810/in/photolist">image de Katsrcool</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150412104228
title: Paris, pollution & murs végétalisés
uri: Paris-pollution-murs-végétalisés
url: http://lehollandaisvolant.net/?d=2015/04/12/10/42/28-paris-pollution-murs-vegetalises
content:
<img src="media/49bb194e.arbres.jpg" data-original-source="http://lehollandaisvolant.net/img/6b/arbres.jpg" alt="trees" width="400" height="267" style="max-width: 100%; height: auto;" class="one" />
<blockquote>La Maire de Paris Anne Hidalgo semble ainsi bien décidée à verdir la capitale&nbsp;! Une sage décision alors que les pics de pollution sont de plus en plus nombreux.</blockquote>
<br/>
(<a href="http://www.bioaddict.fr/article/94-murs-vegetalises-vont-etre-installes-a-paris-en-2015-a4945p1.html">source</a> & <a href="http://shaarli.zeseb.fr/?pCh9Cw">via</a>)<br/>
<br/>
<br/>
Paris sous-entendrait-elle que verdir les murs avec des plantes va diminuer la pollution&nbsp;?<br/>
<br/>
Voyons cela.<br/>
<br/>
En Île de France, chaque jour, les voitures comptent pour 38% des <strong>41 millions de déplacements</strong> et d’une moyenne de <strong>6,1 km</strong> chacun (<a href="http://www.planetoscope.com/automobile/836-deplacements-en-voiture-en-ile-de-france.html">source</a>). Ça fait donc un total de <strong>95 millions de kilomètres</strong> parcourus chaque jour (ça me semble colossal, mais je ne l’invente pas — ÉDIT&nbsp;: <a href="http://www.planetoscope.com/automobile/114-nombre-de-kilometres-parcourus-les-francais.html">en fait, c’est même le double</a>).<br/>
<br/>
Une voiture produit en moyenne <strong>125 grammes de CO2 chaque kilomètre</strong> (ce qui en réalité est <a href="http://lehollandaisvolant.net/?d=2012/11/13/16/46/07-lart-de-donner-des-chiffres-sans-reference">une quantité énorme</a> qui exclue même les autres gaz). En Île de France, sont donc produit par les voitures <strong>11,8 millions de kilogrammes de CO2 chaque jour</strong>.<br/>
<br/>
Un arbre qui fait 57 cm de rayon à la base (donc déjà un gros arbre&nbsp;: son diamètre est de 1,14 mètres et sa circonférence fait plus de 3 mètres ; mais sa section est de ~1m², d’où ce choix) et qui mesure 20 mètres de haut peut être assimilé à un cylindre de rayon 0,57 m et de hauteur 20 mètres (comme <a href="http://www.futura-sciences.com/magazines/matiere/infos/actu/d/physique-vent-equation-fractale-leonard-vinci-34633/">l’avait déjà remarqué Léonard de Vinci</a>)<br/>
La masse volumique du bois varie beaucoup, mais <a href="https://fr.wikipedia.org/wiki/Masse_volumique#Bois">on peut la prendre</a> pour environ 700 kg/m³.<br/>
<strong>Notre arbre pèse donc dans les 14 tonnes</strong> (sans compter les feuilles).<br/>
<br/>
Si je considère que cet arbre n’est fait que de CO2 absorbé au cours du temps (ce qui n’est pas absurde car <a href="https://www.youtube.com/watch?v=2KZb2_vcNTg">c’est pratiquement le cas</a>), alors il faut 850 arbres pour absorber tout le CO2 produit par jour en Île de France. Et il faut que ces arbres poussent en un seul jour.<br/>
<br/>
En vrai, un gros arbre comme ça pousse en environ 50 ans, soit en 18 250 jours.<br/>
Donc, si on veut que la totalité du CO2 émis chaque jours à Paris soit absorbé par des arbres, <strong>il faudrait planter 15,5 millions d’arbres par jours</strong>, et les couper quand ils atteignent 50 ans.<br/>
<br/>
<br/>
<strong>Il faut 15,5 millions d’arbres plantés <em>chaque jour</em>, pour compenser le CO2 émis en Île de France par les voitures.</strong><br/>
<br/>
Et ceci ne vaut que pour le CO2 (pas l’ozone, le dioxyde d’azote, le protoxyde d’azote, les particules fines, le monoxyde de carbone) et uniquement celui des voitures.<br/>
<br/>
Conclusion&nbsp;: faites pas genre «&nbsp;<em>paris est écolo</em>&nbsp;» avec des murs tout verts. <strong>Si vous voulez combattre la pollution, installez plutôt des pistes cyclables</strong> et prenez un vélo pour faire vos 3 kilomètres de trajets.<br/>
<br/>
<br/>
Liens&nbsp;:<br/>
<ul>
<li> <a href="http://www.planetoscope.com/automobile/836-deplacements-en-voiture-en-ile-de-france.html">Planetoscope - Statistiques&nbsp;: Déplacements en voiture en Ile de France</a></li>
<li> <a href="http://www.planetoscope.com/Paris/1141-nombre-d-arbres-plantes-par-la-ville-de-paris.html">Planetoscope - Statistiques&nbsp;: Nombre d'arbres plantés par la ville de Paris</a> (900 nouveaux arbres sont plantés chaque jours à Paris)</li>
<li> <a href="http://sante-medecine.commentcamarche.net/faq/3897-pollution-dans-les-voitures-les-gaz-d-echappement">Pollution dans les voitures: Les gaz d’échappement – CCM</a></li></ul>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/doug88888/5910287886/in/photolist">image de @doug88888</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150212185643
title: La compatibilité Linux des PC
uri: La-compatibilité-Linux-des-PC
url: http://lehollandaisvolant.net/?d=2015/02/12/18/56/43-la-compatibilite-linux-des-pc
content:
<img src="media/dbc82367.pingouin.jpg" data-original-source="http://lehollandaisvolant.net/img/88/pingouin.jpg" alt="pingouin on ice and rock" width="400" height="299" style="max-width: 100%; height: auto;" class="one" />
Les PC grand-public (vendus en grande surface ou sur internet) <strong>ne sont pas fait pour tourner sous GNU/Linux</strong>.<br/>
Les systèmes GNU/Linux pour ces PC sont un tas de patchs pour qu’ils puisse s’allumer sans trop d’erreurs sur des PC où tout est fait pour qu’ils ne soient pas compatibles&nbsp;!<br/>
<br/>
Microsoft installe Windows sur tous les ordinateurs du marché via des partenariats commerciaux avec les constructeurs (Asus, Acer, HP…). Les constructeurs feront toujours tout leur possible pour que leurs ordinateurs soit compatible avec Windows car ils ont à y gagner. Ils n’en ont rien à faire de GNU/Linux, si ce n’est bloquer son installation «&nbsp;<em>pour votre bien</em>&nbsp;» avec ces conneries d’UEFI imposé par Microsoft.<br/>
<br/>
Je me <a href="http://lehollandaisvolant.net/?id=20141214131149">répète</a>, mais il faut arrêter de croire que GNU/Linux ou Ubuntu peuvent tourner sur tous les ordinateurs. Ce n’est pas le cas.<br/>
<br/>
Pourquoi&nbsp;?<br/>
<br/>
Parce que personne ne veut ça, à part vous.<br/>
<br/>
Il y a en gros trois solutions pour avoir un ordinateur qui fonctionne&nbsp;:<br/>
<br/>
<ol>
<li> restez sous Windows (ou OS-X) ;</li>
<li> ayez de la chance.</li>
<li> achetez un ordinateur spécialement conçu pour faire tourner du GNU/Linux ;</li></ol>
<br/>
La première solution, c’est la solution de simplicité&nbsp;: le matériel fonctionnera (le système d’exploitation, beaucoup moins&nbsp;: c’est Windows) mais oubliez GNU/Linux.<br/>
La deuxième solution c’est celle que j’avais moi-même au début&nbsp;: achetez un ordinateur et rendez-vous compte qu’il fonctionne aussi pas trop mal sous GNU/Linux, au risque d’avoir à bidouiller quelques trucs pour que le son marche ou pour activer le bluetooth.<br/>
<br/>
Mais la meilleure solution, la troisième, c’est d’acheter un ordinateur qui fonctionne directement sous GNU/Linux, c’est tout.<br/>
<br/>
Et là, il n’y a pas trente-six solutions&nbsp;: les marques qui font ça sont assez rares. Je peux personnellement vous conseiller Clevo (j’ai eu trois ordinateurs portables Clevo, ils sont tous entièrement compatibles). Clevo est un constructeur qui fait des ordinateurs tout prêt, mais il est aussi à la base des marques de revendeurs comme <a href="http://www.ldlc.com/informatique/ordinateur-portable/pc-portable/c4265-b000000888/">LDLC</a> ou <a href="https://system76.com/laptops">System 76</a>.<br/>
Si vraiment vous voulez autre autre chose, voici quelques conseils&nbsp;:<br/>
<br/>
<ul>
<li> attendez un peu, ou prenez le modèle de l’an dernier&nbsp;: contrairement à Microsoft, la communauté Linux doit se fabriquer les drivers lui-même. En prenant un pc qui a quelques mois, une bonne partie du matériel sera supporté (<a href="http://lehollandaisvolant.net/?d=2011/11/17/12/44/48-retour-sur-un-bug-coriace-avec-mon-pc-sous-linux">cf ça</a>).</li>
<li> prenez du matériel réputé pour bien fonctionner sous Linux. Je ne peux que vous conseiller Intel. AMD/ATI peuvent fonctionner, mais c’est aléatoire. nVidia fournit des pilotes non libres et bridés pour Linux&nbsp;: là aussi, c’est à vos risques de prendre un ordinateur avec du matériel nVidia qui ne fonctionne pas. Enfin pour les imprimantes, HP fonctionnera en trente secondes&nbsp;: tu branches, ça marche. Je ne penses pas que Canon ou Epson peuvent en dire autant.</li>
<li> Ou alors allez chez un vendeur qui teste les ordinateurs et installe Linux dessus pour vous. <a href="http://bons-vendeurs-ordinateurs.info/">Il y en a plein ici</a>.</li></ul>
<br/>
Dans tous les cas, cherchez <a href="http://doc.ubuntu-fr.org/portable">sur les forums</a> et les sites spécialisés pour savoir si un ordinateur particulier est compatible avec Linux ou ne l’est pas (et si vous avez un ordinateur compatible, prenez quelques minutes pour le dire, peu importe où…).<br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/humanoide/48805669">image de Humanoide</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150418221829
title: Sous surveillance
uri: Sous-surveillance
url: http://lehollandaisvolant.net/?d=2015/04/18/22/18/29-sous-surveillance
content:
<img src="media/719eaa8a.snowden.jpg" data-original-source="http://lehollandaisvolant.net/img/4e/snowden.jpg" alt="snowden tag art on a wall" width="400" height="268" style="max-width: 100%; height: auto;" class="one" />
Il y a deux ans, Edward Snowden dénoncait la surveillance généralisée de toutes les communications de tout le monde pratiquée par la NSA.<br/>
<br/>
Aujourd’hui la France prévoit le même système que la NSA&nbsp;: <strong>une surveillance de masse</strong> et un contrôle <strong>hors du cadre judiciaire</strong> de toute la population, pour savoir exactement ce que vous faites, ce que vous dites, quand et où.<br/>
<br/>
Le ministre de l’intérieur <a href="http://www.numerama.com/magazine/32794-pour-cazeneuve-la-vie-privee-n-est-pas-une-liberte.html">a décidé</a> que <strong>la vie privée</strong> n’était pas une liberté et il donc a décidé de la supprimer.<br/>
<br/>
<br/>
Si tout cela vous indigne, lisez-ça&nbsp;: <a href="https://sous-surveillance.fr/">sous-surveillance.fr</a>.<br/>
Sinon, <a href="https://blogs.mediapart.fr/blog/laurent-chemla/170415/lettre-ceux-qui-sen-foutent">allez voir ici</a>.<br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/home_of_chaos/9206709697">image de Thierry Ehrmann</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150422194212
title: Science Abuse
uri: Science-Abuse
url: http://lehollandaisvolant.net/?d=2015/04/22/19/42/12-science-abuse
content:
Tiens, et je n’avais pas fait d’annonce directe sur ce blog, à propos de <strong>Science-Abuse</strong>, mon dernier site&nbsp;: <a href="http://science-abuse.net/">science-abuse.net</a>.<br/>
<br/>
Le site traite de toute la science dans les films et les jeux vidéos, en particulier des ratés et des imprécisions scientifiques.<br/>
<br/>
Je prévois de traiter environ un film/jeu complet chaque mois, et quelques articles à propos d’un détail particulier entre deux analyses de films.<br/>
<br/>
Les films analysés jusqu’à présent sont&nbsp;:<br/>
<br/>
– <a href="http://science-abuse.net/?d=2015/02/17/19/00/00-la-physique-dans-gravity">Gravity</a> (2013)<br/>
– <a href="http://science-abuse.net/?d=2015/02/08/15/24/13-la-science-dans-ironman">Ironman</a> (2008)<br/>
– <a href="http://science-abuse.net/?d=2015/03/28/19/27/06-la-science-dans-interstellar">Interstellar</a> (2014)<br/>
<br/>
Le prochain film complet à être analysé sera <strong>Avatar</strong>.<br/>
<br/>
Et dans les autres articles plus rapides je parle des Simpsons, de Pokémon, de Half-Life (le jeu), d’Anges et Démons, de la Soupe aux Choux, de Matrix et de Thor et son marteau.<br/>
<br/>
<br/>
Je prévois aussi de traduire Science-Abuse en anglais, au moins pour les analyses des films complets.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150422190859
title: Https sur mes sites
uri: Https-sur-mes-sites
url: http://lehollandaisvolant.net/?d=2015/04/22/19/08/59-https-sur-mes-sites
content:
Je vous annonce que mon site est désormais accessible en HTTPS.<br/>
<br/>
Le lien est là, tout simplement&nbsp;: <a href="https://lehollandaisvolant.net/">https://lehollandaisvolant.net/</a><br/>
<br/>
<br/>
Attention&nbsp;: notez que vous aurez une alerte de la part du navigateur&nbsp;! Firefox affichera ça par exemple&nbsp;:<br/>
<br/>
<img src="media/e3b4b126.fx-alert-1.png" data-original-source="http://lehollandaisvolant.net/img/bf/fx-alert-1.png" alt="firefox https alert" width="692" height="397" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Ce n’est pas grave et c’est «&nbsp;normal&nbsp;».<br/>
<br/>
Le HTTPS a deux utilités distinctes&nbsp;:<br/>
<br/>
<ul>
<li> chiffrer les informations qui passent entre votre navigateur et le site web ;</li>
<li> faire en sorte que le site visité est bien le site que vous <em>voulez</em> visiter.</li></ul>
<br/>
La première, c’est simple&nbsp;: les données seront chiffrées en affichant la page&nbsp;: quelqu’un qui écoute vos transmissions réseau ne verra pas le contenu des pages (donc pas non plus d’éventuels mots de passe). Ceci est le but recherché ici.<br/>
La seconde permet quand vous affichez un site, par exemple celui de votre banque, de certifier que vous êtes bien sur le site de votre banque et non sur un site piraté qui essayes de se faire passer pour votre banque.<br/>
<br/>
Cette seconde utilité du HTTPS est plus compliquée à mettre en place&nbsp;: il faut qu’une autorité de certification signe le certificat HTTPS de mon site. Ceci est souvent payant. Comme beaucoup, je laisse donc ça de côté et c’est ce qui provoque l’affichage de l’erreur (je l’ai signé moi-même, d’où l’erreur du «&nbsp;<em>certificat auto-signé</em>&nbsp;»).<br/>
<br/>
Pour dire à votre navigateur que c’est OK et qu’il vous laisse visiter mon site en HTTPS, cliquez sur «&nbsp;je comprends les risques&nbsp;» puis «&nbsp;ajouter une exception&nbsp;»&nbsp;:<br/>
<br/>
<img src="media/8dab78f1.fx-alert-2.png" data-original-source="http://lehollandaisvolant.net/img/fc/fx-alert-2.png" alt="firefox erreur https" width="766" height="588" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Enfin, sur la fenêtre qui s’affiche, vérifiez que la case «&nbsp;<em>conserver cette exception de façon permanente</em>&nbsp;» est cochée puis cliquez sur «&nbsp;<em>confirmer l’exception de sécurité</em>&nbsp;».<br/>
<br/>
Ceci n’est à faire qu’une seule fois, après vous pourrez surfer de façon normale sur mon site, en HTTPS.<br/>
La version HTTP normale du site sera toujours accessible.<br/>
<br/>
Mes autres sites utilisent le même certificat, sont donc également accessibles en HTTPS, mais afficheront également la même erreur. Il faudra donc confirmer là aussi l’exception de sécurité.<br/>
<br/>
(Notez que vos lecteurs RSS et les autres logiciels ou applications qui accèdent à mes sites peuvent ne pas reconnaître les erreurs HTTPS&nbsp;: si ça pose problème, restez en HTTP ou corrigez l’erreur de votre côté.)


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150410143807
title: Retour de l’Éléphone P5000
uri: Retour-de-l-Éléphone-P5000
url: http://lehollandaisvolant.net/?d=2015/04/10/14/38/07-retour-de-lelephone-p5000
content:
J’ai récemment changé de téléphone&nbsp;: passant d’un Wiko Cink Five (ayant tenu pas loin de 21 mois mais que j’avais envie de changer) à un Wiko Ridge 4G qui n’est pas rootable pour l’heure. <br/>
C’est très dommage car le Ridge est l’un des meilleurs téléphones de Wiko que j’ai pu voir&nbsp;: à part sa batterie inamovible, je n’ai rien à lui reprocher.<br/>
<br/>
Je me suis donc tourné vers <strong>une série de téléphones rootés à l’achat</strong>&nbsp;: les Éléphones. Et plus particulièrement le P5000.<br/>
<br/>
Une review vidéo est disponible chez <a href="http://jtgeek.com/elephone-p5000-test-video-par-glg-un-smartphone-android-avec-une-grosse-batterie/">J T Geek</a> (la vidéo n’est pas de moi, hein).<br/>
<br/>
Ce qui suit est ma review, basée sur mes attentes d’un téléphone.<br/>
<br/>
<br/>
<h3>Caractéristiques techniques</h3>
<br/>
Le gros point positif de ce téléphone, c’est sa batterie. Elle est annoncée à 5350 mAh, ce qui est, en gros, le double d’un téléphone 5 pouces habituel.<br/>
<br/>
Le reste&nbsp;:<br/>
<ul>
<li> Androit 4.4.2, une mise à jours vers 5.0 (Lolipop) est prévue ;</li>
<li> (bel) écran full-HD de 5 pouces ;</li>
<li> proc 8-cœurs à 1,7 GHz ;</li>
<li> double sim + micro-sd (véritable, c’est à dire que contrairement au Wiko Ridge, on n’a pas un des slot qui fait sim <strong>ou</strong> µSD) ;</li>
<li> 2 Gio de RAM et 16 Gio de mémoire interne ;</li>
<li> APN de 16 MPx à l’arrière et de 8 MPx à l’avant ;</li>
<li> NFC, GPS, BT, Wifi…</li>
<li> Lecteur d’empreintes digitales (inutile pour moi).</li></ul>
<br/>
Le moins bien&nbsp;:<br/>
<ul>
<li> Pas de 4G (je m’en fiche&nbsp;: j’ai pas de forfait 4G et les Smartphones seront antiques quand ils auront une antenne 4G dans ma ville) ;</li>
<li> Pas d’écran Gorrilla Glass. Mais il vient avec deux films protecteurs, dont un déjà appliqué sur l’écran ;</li>
<li> La batterie n’est pas amovible ;</li>
<li> Le téléphone pèse presque 200 grammes (le Wiko Ridge m’avait surpris par sa légèreté&nbsp;: 125 g seulement).</li>
<li> L’épaisseur est également importante à cause de la batterie&nbsp;: plus d’un centimètre.</li></ul>
<br/>
<ul>
<li> L’adaptateur secteur fourni ne rentre pas dans les prises&nbsp;! C’est un bloc spécial pour ce téléphone, avec une sortie USB de 2 ampères pour une charge plus rapide, mais le bloc est plus gros et ne rentre pas dans les prises, comme vous le voyez <a href="media/46043f8a.chargeur-elephone-.jpg" data-original-source="http://lehollandaisvolant.net/img/8f/chargeur-elephone-.jpg">sur une photo</a>. Ce n’est pas un gros problème&nbsp;: tous les autres chargeurs (USB et secteur) fonctionnent, mais c’est assez… étrange.</li></ul>
<br/>
Tout ça pour environ <a href="http://www.geekbuying.com/item/Elephone-P5000-5350mAh-5-0Inch-Android-4-4-Smartphone-FHD-OGS-MTK6592-Octa-Core-1-7GHz-16MP-Fingerprint-ID-OTG-NFC-White-339914.html">200€</a> (fdpout et frais de douane également exclues&nbsp;: j’ai tu allonger 27€ à la réception).<br/>
<br/>
Ceci reste cependant un bon deal pour le téléphone, au vu de ses caractéristiques.<br/>
D’autant qu’il vient (comme j’ai dit) avec des films protecteurs, un câble usb évidemment, mais aussi un adapteur OTG, qui permet d’utiliser le P5000 comme une station de recharge pour un autre téléphone (pas testé, mais certains notent des soucis avec…).<br/>
<br/>
Il n’y a pas d’écouteurs, par contre.<br/>
<br/>
<br/>
<h3>La matériel</h3>
<br/>
Le téléphone, a un <strong>design très réussi</strong>. JTGeek le note d’ailleurs également dans sa review. La coque est solide, les côtés sont bien en plastique avec une apparence métallique. Ça ressemble vaguement à l’iPhone 6, mais ça reste une bonne qualité.<br/>
Le bouton «&nbsp;home&nbsp;» est physique (c’est un vrai bouton, pas seulement tactile) et il inclut un lecteur d’empreintes digitales (que je n’ai pas testé).<br/>
<br/>
Le circuit <strong>NFC</strong>, lui, est collé dans la coque&nbsp;: ça m’a un peu surpris (c’est la première fois que j’ai un téléphone compatible NFC). Deux petits connecteurs relient ce circuit au téléphone par simple contact (pas de fil). Je pense que je peux bloquer ça très simplement avec un bout de scotch&nbsp;: je m’en sers pas et comme ça au moins ça risque pas de me pomper de l’énergie pour rien.<br/>
<br/>
Le flash de <strong>l’appareil photo</strong> est correct, mais ça reste un flash LED de téléphone. Celui du Wiko Ridge 4G est bien plus puissant. Les photos sont correctes aussi.<br/>
<br/>
Concernant <strong>le GPS</strong>, le premier fix avec l’assistance du a-GPS s’est fait en moins d’une minute (à l’intérieur). À l’extérieur, quelques jours plus tard, le fix (avec a-GPS) est arrivé en quelques secondes (moins de 5).<br/>
La navigation n’utilise cependant que le GPS, là où le Wiko Ridge utilise également les satellites Glonass, le système de navigation Russe.<br/>
<br/>
Autrement <strong>l’écran est Full-HD</strong> (1080×1920)&nbsp;: je vois la différence avec un écran HD normal (720×1280), les polices sont plus lisses, l’image est plus nette. Ça reste un détail qui n’est visible que pour l’œil averti, car avec la consommation d’énergie supplémentaire que ça engendre, je pense que le 5 pouces devrait se cantonner au HD normal (mine de rien, le full-HD c’est plus du double de pixels).<br/>
<br/>
<strong>La batterie</strong>&nbsp;: très bonne autonomie, évidemment&nbsp;! J’arrive à tenir facilement deux jours avec musique toute la journée et Wifi toute la soirée. Aucun doute que je peux tenir beaucoup plus longtemps si je n’abuse pas de Wifi et de musique.<br/>
Je pense que c’est une autonomie que devraient avoir tous les téléphones&nbsp;: pouvoir l’utiliser intensivement durant 12 heures minimum.<br/>
Par contre, Android ne semble pas trop bien gérer cette grosse batterie&nbsp;: le pourcentage reste parfois identique durant des heures avant de baisser de 5% en quelques minutes juste après. Ce n’est qu’un détail, ça ne change rien, mais ça peut tromper.<br/>
<br/>
<strong>Le CPU</strong>&nbsp;: ce téléphone est un exemple où le CPU (Mediatek) est très rapide (1,7 GHz), mais le GPU est très mauvais. Mon Wiko Ridge n’a qu’un CPU de 1,2 GHz (Qualcomm) mais l’affichage des pages web et des programmes est beaucoup plus rapide.<br/>
Comme pour le HD/Full-HD, il faut pouvoir comparer pour s’en rendre compte, et ça ne gêne rien ni personne dans une utilisation courante.<br/>
<br/>
<br/>
<h3>Une mise à jour système pour commencer</h3>
<br/>
Étrangement, les mises à jours OTA ne sont pas affichées dans le téléphone.<br/>
À l’achat j’avais la built 20150130. Depuis j’ai mis la version 20150205 (qui corrige un bug chiant), mais une version est également sortie après, la 20150422.<br/>
<br/>
Voir <a href="http://bbs.elephone.hk/thread-3129-1-1.html#.VQgfKdKG_gA">ici pour un tuto et le téléchargement</a>. Je vous conseille d’appliquer la mise à jour avant toute chose, avec Flashtool-V5, vu que cette manip va remettre le téléphone à zéro, complètement.<br/>
<br/>
<br/>
<h3>Le Root</h3>
<br/>
Le Root est déjà là (c’est une des raisons de mon achat).<br/>
Éléphone vend des téléphones pré-rootés. Super-Su (celui de ChainFire) est préinstallé et les applications qu’on ajoute l’utilisent sans aucun problème.<br/>
<br/>
Par contre, la question est de voir si l’installation d’une grosse mise jour (par exemple Android 5.0, qui est prévue) va conserver le root. J’espère et je pense que oui, mais je n’en suis pas sûr.<br/>
<br/>
Le P5000 vient également avec un outil pour bloquer les permissions des applications&nbsp;: on peut ainsi bloquer l’accès au réseau ou aux SMS à une application. Une autre application sympa pour tout ça, c’est <a href="https://play.google.com/store/apps/details?id=dev.ukanth.ufirewall">AFWall+</a>, le pare-feu d’Android, basée sur IP-Tables, le pare-feu de Linux. Il est très léger, très simple et fait bien son job.<br/>
<br/>
<h3>Les Bloatwares</h3>
<br/>
Concernant les bloatwares (logiciels de merde pré-installés) il n’y en a pas beaucoup sur l’Éléphone&nbsp;: pas de facebook, pas de Google+, pas même de Youtube. Seules quelques applications sont là (Maps, par exemple). J’ai tout de même désactivé tout un tas de programmes que je n’utilise pas (synthèse vocale, fond d’écrans animés, facelock…) ainsi que des composants que je préfère remplacer par des logiciels tiers (navigateur, email, gestionnaire de fichiers…).<br/>
<br/>
Pour désactiver ces programmes, j’applique toujours avec succès <a href="http://lehollandaisvolant.net/?d=2013/08/04/20/16/55-supprimer-les-bloatware-logiciels-preinstalles-dandroid-4x">ma méthode</a> du «&nbsp;<em>Chmod-Zero</em>&nbsp;» consistant à chmoder les APK systèmes à <em>000</em> pour les rendre illisibles. Les APK seront donc toujours là, à la même place, mais ils ne sont plus vus par le système.<br/>
<br/>
En cas de pépin, il suffit de remettre le Chmod comme il était avant (donc 644) pour qu’ils redeviennent visibles.<br/>
<br/>
Les APK sont toujours supprimables de façon définitive une fois qu’on est sûr que la désactivation <em>chmod-zero</em> ne pose pas de problèmes (je conseille par contre de toujours faire un backup des fichiers, vers un ordinateur, par exemple, avant de supprimer quoi que ce soit, mais vous faîtes bien ce que vous voulez).<br/>
<br/>
<br/>
<h3>XPosed</h3>
<br/>
Les applications comme XPosed sont pratiques, mais elles restent des hacks plus ou moins stables.<br/>
Pour ma part, j’ai pris le risque et je peux vous dire que les modules suivants fonctionnent&nbsp;:<br/>
<br/>
<ul>
<li> XPosed 2.7 experimental1</li>
<li> GravityBox [KK] 3.5.6</li>
<li> VolumeSteps+ 1.2.0</li>
<li> Always Correct! 1.0.2</li>
<li> BootManager 3.1.1</li></ul>
<br/>
Je n’ai rien testé d’autre.<br/>
<br/>
<br/>
<h3>Autres hacks</h3>
<br/>
Le démarrage du téléphone est très bruyant&nbsp;: il y a un son très fort au démarrage. Pour le désactiver, renommez le fichier <strong>/system/media/bootaudio.mp3</strong> en <strong>/system/media/BAK.bootaudio.mp3</strong>. Le son n’est alors plus joué lors du démarrage.<br/>
<br/>
Aussi, les notifications sonores sont chiantes. En plus, il n’y a pas d’option pour mettre un son qui est un silence (à par le mode silencieux, mais c’est alors tout le téléphone qui devient silencieux).<br/>
Heureusement on peut changer ça&nbsp;: il suffit d’ajouter un fichier «&nbsp;<a href="media/1d665356.01_Silence.ogg" data-original-source="http://lehollandaisvolant.net/files/01_Silence.ogg">01_Silence.ogg</a>&nbsp;» dans le répertoire des sons système <strong>/system/media/audio/notifications</strong> (root requis ; <a href="http://blog.laptopmag.com/how-to-silence-noisy-notifications-on-your-android-phone">source</a>).<br/>
On peut aussi passer par GravityBox et désolidariser le son des notif et de la sonnerie&nbsp;: on peut alors rendre les notifs silencieuses et garder le son de la sonnerie (pourquoi c’est pas comme ça par défaut dans Android&nbsp;?).<br/>
<br/>
Avec Nova Laucher je transforme les icônes Kitkat des applications en icônes plus jolies. J’ai repris toutes les icônes du Wiko Ridge, qui sont style «&nbsp;iOS 7&nbsp;». <a href="http://lehollandaisvolant.net/?id=20150404212322">Le pack d’icônes est là</a>, j’y ait ajouté celles de Firefox, Airdroid et Memrise, que j’ai créé moi même (et je me rend compte que chez Apple, ils ne se sont pas fait chier pour les icônes d’iOS7&nbsp;:p).<br/>
<br/>
Parfois, et c’est pas juste le cas avec Éléphone, vous avez un réseau Wifi «&nbsp;<em>NVRAM WARNING&nbsp;: err 0x110</em>&nbsp;». Ça vient du fait que l’adresse mac n’est pas bien enregistré au sein du système. Vous constaterez d’ailleurs que lors de chaque reboot, le téléphone adopte une nouvelle adresse IP et une nouvelle adresse mac.<br/>
J’ai résolu le problème avec <a href="http://forum.xda-developers.com/showthread.php?t=2730486">cette astuce</a>&nbsp;: il faut éteindre le Wifi, supprimer (après avoir fait un backup, bien-sûr — dans la mémoire <em>interne</em> du téléphone) les fichiers «&nbsp;WIFI&nbsp;» et «&nbsp;WIFI_CUSTOM&nbsp;» dans le dossier <strong>/data/nvram/APCFG/APRDEB</strong>, et les remplacer par les fichiers <a href="http://lehollandaisvolant.net/files/nvram_android_wifi.zip">dans ce pack</a> (les fichiers sont à dézipper quelque part sur la mémoire <em>interne</em> [sinon ça ne marche pas] du téléphone puis les copier dans le dossier système — avec un explorateur de fichier comme Root Explorer).<br/>
(Si vous avez du mal avec la copie des fichiers, il faut utiliser la ligne de commande et remonter la partition système en lecture/écriture «&nbsp;rw&nbsp;»)<br/>
<br/>
Les applications ne peuvent pas écrire sur la carte SD externe (photos impossible à supprimer pour QuickPic, par exemple). C’est une nouvelle limitation à la con d’Android 4.4+, mais elle est contournable avec le Root.<br/>
L’astuce est <a href="http://bbs.elephone.hk/forum.php?mod=viewthread&tid=1453&fromuid=4228">ici</a>&nbsp;: il faut éditer le fichier <strong>/system/etc/permissions/platform.xml</strong> et ajouter la ligne <em>&lt;group gid="media_rw" /&gt;</em> dans la section <em>&lt;permission name="android.permission.WRITE_EXTERNAL_STORAGE"&gt;</em>. Sauvegarder le fichier puis reboot le téléphone.<br/>
Chez moi c’est bon&nbsp;: mon navigateur de fichiers images (QuickPic) peut supprimer des fichiers sur ma carte SD.<br/>
<br/>
Avec la rom 20150130, le téléphone se bloque&nbsp;: un écran bleu en haut apparaît et il s’affiche la date et l’heure. C’est assez aléatoire (<a href="http://bbs.elephone.hk/thread-2542-1-1.html">voir là</a>) et il suffit de reboot le téléphone.<br/>
À priori ça semble résolu avec <a href="http://www.needrom.com/download/elephone-p5000-genuine-version-complete-ft-rom/">la mise à jour 20150205</a> qu’il faut flasher à la main avec FlashtoolsV5. Ça semble avoir fonctionné chez moi.<br/>
<br/>
<br/>
<h3>Pour conclure</h3>
<br/>
L’Elephone est bon téléphone&nbsp;: l’argument de vente principal est son autonomie qui permet de tenir au minimum 24 heures, 2 jours en utilisation normale et bien plus longtemps si on ne s’en sert pas très très souvent.<br/>
Pour le reste, c’est du bon aussi. Les téléphones chinois ont de moins en moins à envier aux grandes marques question design, solidité et matériel (j’ai pas vu sur la durée).<br/>
<br/>
Par contre, niveau logiciel, si l’Android 4.4.2 est rooté et exempt de bloatware, il faut bidouiller un peu pour retirer quelques petits bugs. Il faut aussi commencer par Flasher la Rom pour supprimer un bug chiant (freeze du téléphone).<br/>
<br/>
Ça reste donc, à mon avis, un téléphone destiné aux bidouilleurs qui veulent aussi un téléphone au design très soigné et avec des caractéristiques pas trop mauvaises et une liste de fonctionnalités à rallonge (nfc, touch-id, etc.).<br/>
<br/>
Ce téléphone, enfin, peut faire fonctionner plein de rom différentes (dont Freeme OS, EMUI, Cyanogenmod et MIUI), comme en témoigne <a href="https://www.youtube.com/watch?v=CTTen0S0d2Y">cette vidéo</a>.<br/>
<br/>
Le forum Elephone, section P5000 <a href="http://bbs.elephone.hk/forum.php?gid=126">est là</a>.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150427170947
title: La Vie des Autres
uri: La-Vie-des-Autres
url: http://lehollandaisvolant.net/?d=2015/04/27/17/09/47-la-vie-des-autres
content:
<img src="media/f70dd295.la-vie-des-autres.jpg" data-original-source="http://lehollandaisvolant.net/img/97/la-vie-des-autres.jpg" alt="Gerd Wiesler, personnage du film" width="1400" height="567" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
La Vie des autres (<em>Das Leben der Anderen</em>) est un film allemand dont l’histoire se déroule en 1984 en Allemagne de l’Est. Un agent de la Stasi se voit confier la mission de surveiller un écrivain. C’est le ministre de la culture Est-Allemand qui veut que cet écrivain soit surveillé, pour des raisons purement personnelles (le ministre convoite la femme de l’écrivain et veut éliminer ce dernier).<br/>
Quand l’écrivain n’est pas là, la Stasi entre chez lui et installe des micros partout. Sachant qu’il écrit sur des sujets politiques sensibles, l’écrivain utilise une machine à écrire chiffrée et interdite.<br/>
<br/>
Pourquoi je parle de ça&nbsp;?<br/>
<br/>
Parce qu’avec la loi sur le Renseignement, en train d’être votée en France, le gouvernement actuel se dote des mêmes moyens que la Stasi, élevées à l’échelle technologique du XXIe siècle.<br/>
<br/>
Le renseignement Français pourra espionner toute les communications de tout le monde&nbsp;: courrier, SMS, email, postes sur les réseaux sociaux, logs GPS, position en temps réel, etc. Tous les moyens de chiffrements personnels seront dont également contrôlés. Cela se fera évidemment de façon généralisée, sans l’intervention d’un juge et plus personne n’aura de vie privée comme le prévoyait pourtant la déclaration des droits de l’Homme (article 12).<br/>
<br/>
Mais il paraît que la vie privée n’est pas un droit (selon le ministre) et que c’est pour contrer le terrorisme, donc pour notre bien, et que tout ceci n’est pas débattable car il n’y a rien à débattre (allez, circulez, circulez).<br/>
<br/>
<br/>
Dans le film, rappelez-moi pourquoi l’écrivain était placé sous écoute, déjà&nbsp;? Ah oui, ça n’avait rien à voir avec le terrorisme.<br/>
Et rappelez-moi aussi quelle forme de gouvernement était en place en RDA à ce moment là&nbsp;? Ah oui, un régime totalitaire proche de celui de Staline.<br/>
<br/>
--<br/>
Quelques liens&nbsp;:<br/>
<ul>
<li> <a href="http://www.valeursactuelles.com/politique/laure-de-la-raudiere-ump-le-texte-sur-le-renseignement-tel-quil-est-presente-pourrait">Laure de La Raudière&nbsp;: «Le texte sur le renseignement tel qu’il est présenté pourrait satisfaire un pouvoir totalitaire»</a></li>
<li> <a href="http://www.glazman.org/weblog/dotclear/index.php?post/2015/04/23/Lettre-ouverte-%C3%A0-M.-Manuel-Valls,-Premier-Ministre">Lettre ouverte à M. Manuel Valls, Premier Ministre</a></li>
<li> <a href="http://www.numerama.com/magazine/32888-valls-mais-c-est-quoi-ce-debat-sur-les-libertes.html">Valls&nbsp;: "Mais c'est quoi ce débat sur les libertés&nbsp;?!"</a></li></ul>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150505215928
title: Loi sur le Renseignement
uri: Loi-sur-le-Renseignement
url: http://lehollandaisvolant.net/?d=2015/05/05/21/59/28-loi-sur-le-renseignement
content:
Ce que je vous expliquais <a href="http://lehollandaisvolant.net/?d=2015/04/18/22/18/29-sous-surveillance">ici</a>, est maintenant devenu légal&nbsp;: la France a <a href="http://www2.assemblee-nationale.fr/scrutins/detail/%28legislature%29/14/%28num%29/1109">officiellement</a> son programme de surveillance de masse, voté aujourd’hui à une très large majorité.<br/>
<br/>
<br/>
<strong>ÉDIT du lendemain</strong>&nbsp;: les députés se sont, à la dernière minute, <a href="http://lehollandaisvolant.net/?id=20150506165613">exclus du programme de surveillance</a>.<br/>
Le peuple n’a donc aucun contrôle sur ses élus, mais les élus contrôlent les citoyens. Je ne sais pas comment on appelle ça, mais je ne crois pas que ce soit bien démocratique, tout ça.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150519185558
title: Une loi pour protéger les chrétiens de France ?
uri: Une-loi-pour-protéger-les-chrétiens-de-France
url: http://lehollandaisvolant.net/?d=2015/05/19/18/55/58-une-loi-pour-proteger-les-chretiens-de-france
content:
Un député s’inquiète des actes christianophobes sur Internet (<a href="http://www.nextinpact.com/news/94120-un-depute-s-inquiete-actes-christianophobes-sur-internet.htm">source</a>).<br/>
<br/>
Ben voyons&nbsp;! Ça va, je peux jouer moi aussi&nbsp;?<br/>
<br/>
<br/>
Moi je m’inquiète des chrétiens et de leurs actes homophobes/athéophobes/scientophobes, et pas seulement sur Internet, mais aussi dans les rues et surtout au gouvernement.<br/>
Moi je m’inquiète quand je lis des choses comme <a href="http://www.madmoizelle.com/lettre-adieu-suicide-transgenre-310287">ça</a>, <a href="http://lehollandaisvolant.net/?id=20150116143847">ça</a>, <a href="http://lehollandaisvolant.net/?id=20150122163414">ça</a>, <a href="http://lehollandaisvolant.net/?id=20150123201644">ça</a>, <a href="http://www.express.be/joker/fr/world/un-archeveque-espagnol-violez-les-femmes-parce-quelles-le-meritent/159586.htm">ça</a>, <a href="http://tempsreel.nouvelobs.com/monde/20150205.OBS1732/l-etat-islamique-crucifie-des-enfants-et-en-fait-des-esclaves-sexuels.html">ça</a>, <a href="http://www.lemonde.fr/arts/article/2015/02/08/multiplication-de-coexist-sur-les-murs-de-paris_4572215_1655012.html">ça</a>, <a href="http://www.addictinginfo.org/2015/02/09/christian-militias-slaughtering-african-muslims-because-christianity-is-a-religion-of-peace/">ça</a>, <a href="http://actualite.housseniawriting.com/insolite/2015/02/17/un-religieux-saoudien-affirme-que-la-terre-ne-tourne-pas-autour-du-soleil/1841/">ça</a>, <a href="http://lehollandaisvolant.net/?id=20150217205718">ça</a>, <a href="http://www.livebuddhism.com/2015/02/19-year-old-gang-rape-victim-to-receive.html">ça</a>, <a href="http://hipopatmus.tumblr.com/post/111113295034/suicide-note">ça</a>, <a href="http://metro.co.uk/2015/02/27/400-men-cut-their-testicles-off-believing-it-would-help-them-meet-god-5082965/">ça</a>, <a href="http://lehollandaisvolant.net/?id=20150304161428">ça</a>, <a href="http://www.metronews.fr/info/le-fait-divers-du-jour-lors-de-son-proces-il-mange-ses-excrements-parce-que-la-vierge-marie-le-lui-demande/mocA!2oiahNkUEUsqo/">ça</a>, <a href="http://lehollandaisvolant.net/?id=20150412123740">ça</a>, <a href="http://lehollandaisvolant.net/?id=20150426165559">ça</a> ou <a href="http://lehollandaisvolant.net/?id=20150427161516">ça</a>.<br/>
<br/>
Je n’ai encore <strong>jamais</strong> vu une personne LGBT empêcher les chrétiens d’adopter un enfant ou de se marier.<br/>
Je n’ai encore <strong>jamais</strong> vu un athéiste vous empêcher d’entrer dans votre église sous un prétexte sorti d’un bouquin.<br/>
<br/>
Et vous savez pourquoi&nbsp;? <strong>Parce qu’on n’en a rien à faire de ce que vous faites de <em>votre</em> vie&nbsp;!</strong><br/>
Alors laissez aussi les autres tranquilles aussi et faites pas chier votre monde&nbsp;! Dans le cas contraire, allez vous faire foutre avec votre christianophobie.<br/>
<br/>
<br/>
S’inquiéter de la christianophobie pourrait être légitime, au fond. <strong>Mais ça ne l’est pas</strong>&nbsp;:<br/>
<br/>
<img src="media/481c4d3e.waiting-for-an-apology.jpg" data-original-source="http://lehollandaisvolant.net/img/0d/waiting-for-an-apology.jpg" alt="when the men of god had power" width="809" height="509" style="max-width: 100%; height: auto;" class="centrerinline"/>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150520161304
title: TF1 retire vos vidéos de Youtube
uri: TF1-retire-vos-vidéos-de-Youtube
url: http://lehollandaisvolant.net/?d=2015/05/20/16/13/04-tf1-retire-vos-videos-de-youtube
content:
TF1, les mêmes qui attaquent <a href="http://lehollandaisvolant.net/?d=2013/07/17/13/07/31-captvty-logiciel-de-visionnage-des-replay-mis-en-demeure-par-tf1">Captvty</a> pour protéger leur propriété <del>intellectuelle</del>, <a href="https://twitter.com/jmnl/status/600982315565785089">s’approprient les vidéos des internautes</a> sur Youtube, retirent les logos et après font interdire la diffusion de la vidéo d’origine.<br/>
<br/>
La chaîne de télé a depuis <a href="https://twitter.com/jmnl/status/601014999994265600">retiré sa demande de blocage</a> auprès de Youtube, et la vidéo d’origine est de nouveau en ligne. L’aurait-elle été si l’affaire n’avait pas atterri sur les réseaux sociaux&nbsp;?<br/>
<br/>
<br/>
Mais dans tous les cas, merci à TF1 de rappeler à tout le monde que le droit d’auteur est votre justificatif pour chier sur les auteurs dans le but de pouvoir gagner de l’argent.<br/>
<br/>
<br/>
Tous ces cas montrent une chose&nbsp;: le droit d’auteur est utilisé des fins stupides et de façon arbitraire.<br/>
Est-ce moi aussi j’ai droit à un robot sur Youtube qui supprimer les vidéos dont je suis auteur et qu’on me pirate&nbsp;? Ah non&nbsp;: moi, on me ferme mon compte Youtube quand je fais des montages de 2 minutes avec des extraits de dessins animés&nbsp;: je suis un <a href="http://lehollandaisvolant.net/?d=2011/08/27/23/14/39-les-valeurs-de-la-republique">criminel</a>).<br/>
<br/>
Le droit d’auteur ne défend plus les auteurs car <a href="http://lehollandaisvolant.net/?d=2012/02/10/16/45/42-le-droit-dauteur-nest-pas-le-probleme">il a été détourné de son but initial</a>. Maintenant, il défend les portes-feuilles.<br/>
<br/>
<br/>
<a href="http://lehollandaisvolant.net/?d=2013/05/20/14/16/30-le-copyreich">#copyreich</a>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150523170956
title: [Geek] Calculer le jour de la semaine pour n’importe quel date, de tête
uri: Geek-Calculer-le-jour-de-la-semaine-pour-n-importe-quel-date-de-t
url:
http://lehollandaisvolant.net/?d=2015/05/23/17/09/56-geek-calculer-le-jour-de-la-semaine-pour-nimporte-quel-date-de-tete

content:
<img src="media/cc38989a.calendar.jpg" data-original-source="http://lehollandaisvolant.net/img/a1/calendar.jpg" alt="calendrier" width="400" height="300" style="max-width: 100%; height: auto;" class="one" />
Même si aujourd’hui on a tous un téléphone avec un calendrier pour les trois mille prochaines années, on peut toujours se la jouer et calculer de tête quel jour sera n’importe une date donnée.<br/>
<br/>
La formule est assez simple mais demande de savoir faire quelques petits calculs de tête, comme 3+3+5 ou 10+1+3. Ça reste simple.<br/>
<br/>
Il faut aussi connaître l’opérateur «&nbsp;<em>modulo</em>&nbsp;». Le modulo (noté «&nbsp;%&nbsp;»), c’est juste le reste de la division euclidienne (apprise en sixième). Ainsi, 10%7 (lire «&nbsp;10 modulo 7&nbsp;») c’est 10−7 c’est à dire 3. Plus compliqué, 22%7 c’est 22−7−7−7 c’est à dire 1. En fait, on prend le nombre (22) et on lui retire le multiple de 7 directement inférieur à lui (ici, c’est 21).<br/>
Ici on n’aura besoin que du module 7, mais cet opérateur peut être utilisé avec tous les nombres (par exemple 238%42=28)<br/>
<br/>
<br/>
La formule pour la date après l’an 2000, c’est ça&nbsp;:<br/>
<br/>
<div style="text-align:center;"><strong>[</strong> (Jour à calculer)%7 + (Code de l’année)%7 + Code du mois<strong> ]</strong>%7 = Jour de la semaine.</div><br/>
<br/>
Où&nbsp;:<br/>
<br/>
<ul>
<li> <strong>Jour à calculer&nbsp;:</strong> c’est le jour du mois, modulo 7. Pour le 25 décembre, ce code est 25%7, soit 4.</li>
<li> <strong>Code de l’année&nbsp;:</strong> c’est un code qui dépend de l’année. Il est égal à cette année + le nombre d’années bissextiles depuis l’an 2000 (exclu), le tout modulo 7. Pour l’an 2000, c’est 0+0. Pour l’an 2001, c’est 1+0. Pour l’an 2015, c’est (15+3)%7=4. Le «&nbsp;3&nbsp;», c’est à cause des trois années bissextiles depuis l’an 2000&nbsp;: 2004, 2008 et 2012.</li>
<li> <strong>Code du mois&nbsp;:</strong> chaque mois dispose d’un code qui dépend du nombre de jours qu’il contient et ceux des mois précédents. Il est plus facile d’apprendre les correspondances par cœur&nbsp;:</li></ul>
<br/>
<table id="month-table"><tr><td>Janvier&nbsp;:</td><td>6 (5 si l’année est bissextile)</td></tr>
<tr><td>Février&nbsp;:</td><td>2 (1 si l’année est bissextile)</td></tr>
<tr><td>Mars&nbsp;:</td><td>2</td></tr>
<tr><td>Avril&nbsp;:</td><td>5</td></tr>
<tr><td>Mai&nbsp;:</td><td>0</td></tr>
<tr><td>Juin&nbsp;:</td><td>3</td></tr>
<tr><td>Juillet&nbsp;:</td><td>5</td></tr>
<tr><td>Août&nbsp;:</td><td>1</td></tr>
<tr><td>Septembre&nbsp;:</td><td>4</td></tr>
<tr><td>Octobre&nbsp;:</td><td>6</td></tr>
<tr><td>Novembre&nbsp;:</td><td>2</td></tr>
<tr><td>Décembre&nbsp;:</td><td>4</td></tr>
</table>
<style>#month-table {border: 1ps solid black; padding: 0 3px; margin: 0 auto;} #month-table td { padding: 0 0 0 10px; border: none; text-align:right} #month-table td+td { text-align:left}</style>
<br/>
<br/>
Pour avoir la date, il suffit de faire la somme.<br/>
<br/>
Ainsi, pour <strong>Noël 2015</strong> on calcule&nbsp;:<br/>
<br/>
<ul>
<li> Jour à calculer&nbsp;? 25. Modulo 7&nbsp;: ça fait 4.</li>
<li> Code du mois&nbsp;? C’est 4.</li>
<li> Code de l’année&nbsp;? (15+3)%7=4</li>
<li> La somme 4+4+4 = 12.</li>
<li> 12 modulo 7, ça donne 5.</li></ul>
<br/>
Ça y est&nbsp;: Noël 2015 tombera un donc le cinquième jour de la semaine, c’est à dire un <strong>vendredi</strong>.<br/>
<br/>
<br/>
Une autre date&nbsp;? Prenons <a href="http://lehollandaisvolant.net/tout/tools/random/">au hasard</a>&nbsp;: 19 avril 2022.<br/>
<br/>
<ul>
<li> Jour à calculer&nbsp;? 19. Modulo 7, ça donne 5.</li>
<li> Code du mois&nbsp;? C’est 5.</li>
<li> Code de l’année&nbsp;? (22+5)%7=6.</li>
<li> La somme 5+5+6 = 16.</li>
<li> 16 modulo 7, ça donne 2.</li></ul>
<br/>
C’est bon&nbsp;: le deuxième jour de la semaine c’est mardi. Le 19 avril 2022 sera un mardi.<br/>
<br/>
<br/>
Notez quelques trucs&nbsp;:<br/>
— Cette formule fonctionne pour les années après l’an 2000. Il est possible de faire une formule pour les années avant aussi, mais je n’ai pas jugé utile de faire ça (il suffit de soustraire le nombre d’années bissextiles entre votre année et l’an 2000, en fait).<br/>
— Les «&nbsp;modulo 7&nbsp;» sont à utiliser ici parce que les semaines ont 7 jours, et que toutes les semaines on retrouve les mêmes jours. Donc qu’on prenne le 10e jour ou le 3e jour, il sera identique. Le module sera uniquement à compter avec des nombres plus petits.<br/>
— Le résultat donne le jour de la semaine&nbsp;: 1 pour lundi, 2 pour mardi, etc. Si vous savez 7, c’est dimanche. Si vous savez 0, c’est dimanche aussi. En fait, 7%7 reste possible et ça fait 0.<br/>
— Pour trouver le nombre d’années bissextiles depuis l’an 2000, c’est simple&nbsp;: les années multiples de 4 sont bissextiles (2004, 2008, 2012, 16, 20…). Aussi, tous les 20 ans, on a 5 années bissextiles. Donc pour 2060, le nombre d’années bissextiles est 15. Le code de l’année 2060 sera donc (60+15)%7 soit 5.<br/>
<br/>
(<a href="http://gmmentalgym.blogspot.fr/2011/03/day-of-week-for-any-date-revised.html">source, en anglais</a>)<br/>
<br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/studiocurve/13080208/">Image de Studio Curve</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150525122043
title: Firefox, GNU/Linux et Flash à jour
uri: Firefox-GNU-Linux-et-Flash-à-jour
url: http://lehollandaisvolant.net/?d=2015/05/25/12/20/43-firefox-gnulinux-et-flash-a-jour
content:
Depuis un moment, <strong>Adobe ne fournit plus le plugin Flash pour Ubuntu</strong> et les autres distributions GNU/Linux&nbsp;: la dernière version en date est la version 11.2 (alors qu’ils en sont à la version 17 actuellement).<br/>
Google propose Chrome et Chromium avec un plugin Flash intégré&nbsp;: c’est Google qui fournit Flash à la place d’Adobe. Ce n’est donc pas génial.<br/>
<br/>
Ici je vous résume la méthode d’installation de Flash dans Ubuntu (et ses dérivés, dont Linux Mint) utilisable par Firefox. Je suis sous Mint 17, basé sur Ubuntu 14.04 et j’utilise Firefox 38.<br/>
<br/>
 Ma page s’inspire et regroupe ce qui est dit ici&nbsp;: <a href="http://blog.kmelia.net/testing/le-meilleur-de-flash-sous-ubuntu-et-firefox/245">Le meilleur de Flash sous Ubuntu et Firefox | blog@kmelia</a>. Cette méthode ne marche pas pour Chrome et dérivés.<br/>
<br/>
En pratique, tout ça va passer par un programme nommé «&nbsp;<strong>Pipelight</strong>&nbsp;» (<a href="http://doc.ubuntu-fr.org/pipelight">doc</a>), qui sert d’interface d’installation dans Linux des version Flash de Windows (Adobe fournit Flash pour Windows, mais pas pour Linux, en fait). Pipelight permet aussi d’installer Silverlight et d’autres plugins.<br/>
Pipelight est libre, mais utilise des fichiers non-libres (polices microsoft) et permet d’installer des plugins qui ne le sont pas non plus.<br/>
<br/>
<h3>Installation de Pipelight</h3>
Premièrement, installons Pipelight.<br/>
On ajoute le dépôt officiel&nbsp;:<br/>
<pre>sudo add-apt-repository ppa:pipelight/stable</pre>
On installe les paquets qu’il faut (ça requiert pas loin de 330 Mo)&nbsp;:<br/>
<pre>sudo apt-get update</pre>
<pre>sudo apt-get install --install-recommends pipelight-multi</pre>
On recharge la liste des plugin&nbsp;:<br/>
<pre>sudo pipelight-plugin --update</pre>
On dit à Firefox de prendre en compte les plugins de Pipelight&nbsp;:<br/>
<pre>sudo pipelight-plugin --create-mozilla-plugins</pre>
<br/>
<h3>Installons Flash via Pipelight</h3>
<br/>
On supprime le paquet de Flash actuel&nbsp;:<br/>
<pre>sudo apt-get remove flashplugin-installer adobe-flashplugin --purge</pre>
On active le nouveau plugin&nbsp;:<br/>
<pre>sudo pipelight-plugin --enable flash</pre>
On supprime la liste des plugins de Firefox (il mettra à jour le fichier tout seul — ici je ne supprime pas le fichier, mais j’en garde une copie au cas où)&nbsp;:<br/>
<pre>mv ~/.mozilla/firefox/*.default/pluginreg.dat ~/.mozilla/firefox/old_pluginreg.dat</pre>
<br/>
Normalement, tout est bon&nbsp;: Flash 17 (à ce jour) devrait être installé.<br/>
<br/>
En relançant Firefox, vous aurez une petite fenêtre «&nbsp;<em>wine-flash-installer</em>&nbsp;»&nbsp;: elle se fermera toute seule (pas de panique) et c’est juste pour cette fois.<br/>
Quand la fenêtre est partie, vous pourrez vérifier <a href="http://lehollandaisvolant.net/tout/tools/browser/">sur cette page</a> que <strong>la dernière version de Flash est bien installée et active dans Firefox</strong>&nbsp;:<br/>
<br/>
<img src="media/cb283975.firefox-flash-linux.png" data-original-source="http://lehollandaisvolant.net/img/51/firefox-flash-linux.png" alt="version de Flash dans Firefox" width="635" height="254" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Concernant les mises à jour, comme il est dit sur la page de Kmelia, il faut faire une différence entre la mise à jour de Pipelight (qui se fait avec la mise à jour du système, via Apt) et la mise à jour des plugins, qui se fait avec la commande suivante&nbsp;:<br/>
<pre>sudo pipelight-plugin --update</pre>
<br/>
Quand vous faites une mise à jour système donc, je vous conseille de vérifier directement s’il y a une mise à jour des plugins.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150525125208
title: Firefox, GNU/Linux, Youtube et HTML5
uri: Firefox-GNU-Linux-Youtube-et-HTML5
url: http://lehollandaisvolant.net/?d=2015/05/25/12/52/08-firefox-gnulinux-youtube-et-html5
content:
Après vous avoir montré <a href="http://lehollandaisvolant.net/?d=2015/05/25/12/20/43-firefox-gnulinux-et-flash-a-jour">comment installer une version à jour de Flash dans Firefox sous Linux</a>, je vais vous montrer <strong>comment vous en passer</strong> (me remerciez pas, c’est un plaisir&nbsp;:D), car Flash à jour c’est mieux que Flash pas à jour, mais moins bien que pas de Flash du tout (du moins quand on peut s’en passer, et c’est le cas pour Youtube).<br/>
<br/>
La principale raison pour laquelle j’ai Flash sur mon ordi, c’est pour les vidéos sur le net et surtout Youtube. Or, Youtube permet d’utiliser les vidéos directement en HTML5.<br/>
<br/>
Firefox est parfaitement capable d’utiliser le HTML5 et d’afficher les vidéos, y compris en très haute définition (4K). Le seul truc, c’est qu’il faut utiliser des codecs non libres (H.264, par exemple) et il faut activer tout ça manuellement&nbsp;: c’est l’objet de cet article.<br/>
<br/>
<br/>
<h3>Activer HTML5 sur Youtube</h3>
<br/>
Par défaut, Youtube utilise le lecteur Flash. Rendez-vous sur la page <a href="https://www.youtube.com/html5">youtube.com/html5</a> et cliquez sur «&nbsp;<em>demander l’utilisation du lecteur HTML5</em>&nbsp;». Une fois que vous aurez cliqué, normalement, ça va enregistrer le choix et vous aurez le lecteur HTML5 sur toutes les vidéos.<br/>
<br/>
<br/>
<h3>Activer les codecs dans Firefox</h3>
<br/>
Pour l’instant vous n’aurez pas accès à certaines définitions d’image&nbsp;: <strong>il manquera le 480p, le 1080p</strong> et tout ce qui est 4K&nbsp;: quand vous voulez changer de définition dans une vidéo, ces définitions ne seront pas visibles.<br/>
Ici, c’est l’ami Korben qui propose l’astuce&nbsp;: <a href="http://korben.info/comment-activer-la-4k-youtube-sous-firefox.html">Comment activer la 4K Youtube sous Firefox&nbsp;?</a>.<br/>
<br/>
L’astuce n’est pas tout à fait complète et n’a pas suffit chez moi. <strong>C’est en fait une question de codec vidéo.</strong> Comme vous le voyez sur <a href="https://www.youtube.com/html5">la page HTML5 de Youtube</a>&nbsp;: tous les codecs ne sont pas actifs&nbsp;:<br/>
<br/>
<img src="media/5dc4b94d.firefox-youtube-HTML5.png" data-original-source="http://lehollandaisvolant.net/img/c0/firefox-youtube-HTML5.png" alt="youtube html5&nbsp;: tous les codecs ne sont pas fonctionnels" width="773" height="229" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Pour ça, il suffit de les activer au sein de Firefox.<br/>
<br/>
Rendez-vous dans <strong>about:config</strong>, passez l’avertissement de sécurité et cherchez tous les paramètres suivants et modifiez-les (si besoin) en double cliquant dessus&nbsp;:<br/>
<br/>
Pour activer Media Source (MSE)&nbsp;:<br/>
<ul>
<li> <em>media.mediasource.enabled</em>&nbsp;: mettre à <strong>true</strong> ;</li>
<li> <em>media.mediasource.ignore_codecs</em>&nbsp;: mettre à <strong>true</strong>.</li></ul>
<br/>
Pour les plugins WebM&nbsp;:<br/>
<ul>
<li> <em>media.mediasource.webm.enabled</em>&nbsp;: mettre à <strong>true</strong> ;</li>
<li> <em>media.encoder.webm.enabled</em>mettre à <strong>true</strong>.</li></ul>
<br/>
Pour les plugins H.264/MP4&nbsp;:<br/>
<br/>
<ul>
<li> <em>media.fragmented-mp4.enabled</em>&nbsp;: mettre à <strong>true</strong> ;</li>
<li> <em>media.fragmented-mp4.exposed</em>&nbsp;: mettre à <strong>true</strong> ;</li>
<li> <em>media.fragmented-mp4.ffmpeg.enabled</em>&nbsp;: mettre à <strong>true</strong> ;</li>
<li> <em>media.fragmented-mp4.gmp.enabled</em>&nbsp;: mettre à <strong>true</strong>.</li></ul>
<br/>
Voilà, sous la condition que les codecs H264, VP9 et Webm soient installés sur votre système (indépendamment de Flash et Firefox), tous les codecs sont maintenant actif&nbsp;:<br/>
<br/>
<img src="media/dbd519ed.firefox-youtube-html5-all-ok.png" data-original-source="http://lehollandaisvolant.net/img/5a/firefox-youtube-html5-all-ok.png" alt="youtube html5&nbsp;: tous les codecs sont fonctionnels" width="773" height="229" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Toutes les définitions HD de Youtube fonctionnent également&nbsp;: vous pouvez essayer sur <a href="https://www.youtube.com/watch?v=-iSFM-T-F_0&amp;list=PLyqf6gJt7KuHCoYaGNWPx8vkHlClmbO9u">cette playlist spéciale</a> regroupant des vidéos en 4K. On peut choisir toutes les tailles d’image&nbsp;:<br/>
<br/>
<img src="media/7b3bd4bf.firefox-youtube-all-defs.png" data-original-source="http://lehollandaisvolant.net/img/ae/firefox-youtube-all-defs.png" alt="youtube firefox html5 toutes les définitions sont disponibles" width="496" height="362" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
<br/>
<h3>Désactiver le lancement automatique des vidéos</h3>
<br/>
Avec le plugin Flash, on pouvait choisir si les vidéos se lançaient automatiquement. Avec les vidéos HTML, tout ça est géré par le site web et il peut très bien forcer le chargement de la vidéo (et tout le bruit qui va avec), ce qui est chiant quand on a 50 onglets d’ouvert et qu’on ne sait pas duquel vient le bruit.<br/>
<br/>
Firefox ne semble pas proposer de méthode qui fonctionne pour ça. Il y a bien le <em>media.autoplay.enabled</em> qu’il faut mettre à <em>false</em>, mais il ne marche pas sur Youtube.<br/>
<br/>
J’utilise plutôt le module <a href="https://addons.mozilla.org/en-US/firefox/addon/youtube-control-center/">Youtube Control Center</a>, qui permet entre bien d’autres options, de bloquer le lancement et le chargement automatique des vidéos Youtube.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150528164117
title: Free Mobile vous inscrit par défaut chez les prospecteurs et vous ment
uri: Free-Mobile-vous-inscrit-par-défaut-chez-les-prospecteurs-et-vous-men
url:
http://lehollandaisvolant.net/?d=2015/05/28/16/41/17-free-mobile-vous-inscrit-par-defaut-chez-les-prospecteurs-et-vous-ment

content:
Free a ajouté une option pour choisir si oui ou non on veut s’inscrire dans les annuaires. <a href="http://www.numerama.com/magazine/33242-free-vous-inscrira-dans-l-annuaire-mais-si-vous-l-avez-demande-selon-eux.html">Selon eux</a>, tout le monde a activée cette option manuellement et donc tout le monde consent à ce qu’on soit dans l’annuaire des prospecteurs.<br/>
<br/>
Selon les utilisateurs, c’est moins sûr. <br/>
Perso, je suis chez Free mobile depuis plus de 2 ans et je suis sûr à 100% que je n’ai jamais activé cette option. Je pense même (pas sûr à 100% cette fois) que cette option n’était pas là il y a quelques mois (la dernière fois que je me suis connecté en fait).<br/>
<br/>
Je viens de la désactiver&nbsp;: il faut aller dans [son espace abonnée<a href="https://mobile.free.fr/moncompte/">mobile.free.fr/moncompte/</a> et ensuite désactiver l’option «&nbsp;<em>Annuaire et Prospection</em>&nbsp;»&nbsp;:<br/>
<br/>
<img src="media/d92ec484.free-mobile.png" data-original-source="http://lehollandaisvolant.net/img/6c/free-mobile.png" alt="capture d’écran de la page de Free.fr" width="834" height="444" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Par ailleurs, j’ai vu que l’option tout aussi récente, elle ne me dit absolument rien, «&nbsp;<strong>Google Play</strong>&nbsp;» était également active. Cette option permet de payer des applications Google Play payantes via Free. Les achats seront intégrés à votre facture Free. Je ne veux pas de ça.<br/>
<br/>
<br/>
Perso, je m’en fous que l’option soit activée par défaut. Par contre, j’aimerais bien être prévenu (pour pouvoir désactiver ça au plus vite) <strong>avant</strong> que ça devienne effectif (par juste après).<br/>
Ce qui est inadmissible en revanche c’est que Free dit «&nbsp;<em>c’est pas nous</em>&nbsp;» alors que si.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150529124515
title: Le droit d’auteur (ou copyreich) pour les nuls
uri: Le-droit-d-auteur-(ou-copyreich)-pour-les-nuls
url: http://lehollandaisvolant.net/?d=2015/05/29/12/45/15-le-droit-dauteur-ou-copyreich-pour-les-nuls
content:
Le droit d’auteur sert à protéger les auteurs d’œuvres artistiques. Enfin… ça c’est ce qu’on dit.<br/>
<br/>
En pratique, il y a deux cas&nbsp;:<br/>
<br/>
<strong>1) Vous êtes riche, connu, vous exposez.</strong><br/>
<br/>
Dans ce cas aucun problème&nbsp;: vous pouvez prendre des œuvres sur internet, les imprimer en grand et les exposer dans un musée.<br/>
On ne vous dira rien et vous vous ferez des couilles en or.<br/>
<br/>
Ceci marche aussi <a href="http://lehollandaisvolant.net/?d=2015/05/20/16/13/04-tf1-retire-vos-videos-de-youtube">si vous êtes une chaîne de télévision</a> qui a envie de prendre des reportages amateurs et s’en proclamer auteur.<br/>
<br/>
<em>Exemple&nbsp;:</em> <a href="http://www.nikopik.com/2015/05/un-artiste-vend-plusieurs-milliers-de-dollars-des-photos-subtilisees-sur-instagram.html">Un artiste vend plusieurs milliers de dollars des photos subtilisées sur Instagram</a><br/>
<br/>
<br/>
<strong>2) Vous n’êtes pas riches, pas connu et vous êtes un consommateur de produits culturels.</strong><br/>
<br/>
Ici, attention&nbsp;: si vous entrez dans un musée avec un calepin pour faire un croquis de l’architecture du musée (pas des œuvres), alors là on appelle la police, on vous jette à terre, on vous menotte et on vous envoie au poste de police.<br/>
<br/>
<em>Exemple&nbsp;:</em> <a href="http://blogs.mediapart.fr/blog/michel-desille/150515/dessiner-mons-ca-fait-bam">Dessiner à Mons, ça fait BAM*!</a><br/>
<br/>
<br/>
Voilà comment ça marche, maintenant vous saurez la prochaine fois que vous allez dans un musée.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150601063011
title: Facebook se met aux Gifs
uri: Facebook-se-met-aux-Gifs
url: http://lehollandaisvolant.net/?d=2015/06/01/06/30/11-facebook-se-met-aux-gifs
content:
Putain, <a href="http://www.lesechos.fr/tech-medias/hightech/02199529654-facebook-se-met-au-gifs-1123561.php">ça c’est de la news</a>&nbsp;!<br/>
<br/>
Oh, quelle révolution&nbsp;!<br/>
<br/>
Vous savez quoi&nbsp;? Le Gif animé a 20 ans, le HTML en a 25 et ça fait autant de temps qu’il est possible pour n’importe qui de faire du HTML avec un Gif dedans, car c’est franchement pas un exploit de savoir utiliser un gif animé dans une page web.<br/>
<br/>
Je suis bien content qu’il n’a pas fallu attendre qu’une entreprise de la Silicon Valley découvre une ligne de code pour pouvoir utiliser une technologie aussi banale.<br/>
<br/>
<br/>
Voilà quelques gifs de chats&nbsp;:<br/>
<br/>
<div style="text-align:center;"><img src="media/e9c45c2a.cat-gifs.gif" data-original-source="http://lehollandaisvolant.net/img/5c/cat-gifs.gif" alt="gif chat toast" width="500" height="281" style="max-width: 100%; height: auto;" />
<br/>
<img src="media/6c31607d.cat-gifs.gif" data-original-source="http://lehollandaisvolant.net/img/47/cat-gifs.gif" alt="gif chat abeille" width="450" height="255" style="max-width: 100%; height: auto;" />
<br/>
<img src="media/7e9ba9ac.cat-gifs.gif" data-original-source="http://lehollandaisvolant.net/img/21/cat-gifs.gif" alt="gif grumpy cat" width="450" height="253" style="max-width: 100%; height: auto;" /></div>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150615192053
title: Cazeneuve voit « tous les jours des drames à cause d'internet »
uri: Cazeneuve-voit-tous-les-jours-des-drames-à-cause-d-internet
url:
http://lehollandaisvolant.net/?d=2015/06/15/19/20/53-cazeneuve-voit-tous-les-jours-des-drames-a-cause-dinternet

content:
J’en vois tous les jours moi aussi.<br/>
<br/>
Oui, j’entends tous les jours <strong>que des gens sont morts</strong> à cause de voitures qui roulent trop vite à cause de l’alcool ; des gens qui décèdent des causes du tabac ; des gens qui meurent à cause des pesticides ; des gens tués au travail à cause d’un manque de sécurité ; des gens tués par des armes à feu qu’ils pensaient déchargés ; des gens morts par un manque de soin médical trop onéreux ; des gens qui meurent dans la rue de la faim ou du froid ; des gens tués pour leur croyances ou leur origine ; des gens tabassés à mort par les flics ; des gens qui se suicident parce ce monde les dégoûte ou parce qu’ils sont persécutés pour leur orientation sexuelle ; des gens qui meurent parce qu’ils sont un peu cons et que l’Éducation Nationale n’a pas réussit à sensibiliser au danger ; des gens qui se noient parce que le maître nageur était distrait par une fille de 9 ans en maillot de bain ; des gens qui font des arrêts cardiaques à cause de bouffer n’importe quoi ; des gens tués dans des avalanches ou dans accidents de parapente ; des gens tués parce qu’un train déraille ou d’un avion s’écrase ; des gens qui s’électrocutent parce qu’EDF ne fait pas son boulot parce qu’investir dans la sécurité c’est pas leur priorité ; des bébés qui meurent étouffés parce qu’ils se mettent un sac plastique qui traînait sur la tête ; des gens qui s’empoisonnent avec des champignons qu’ils viennent de ramasser ; des gens qui crèvent à cause d’un virus qu’on pensait éradiqué parce qu’ils sont trop cons pour se faire vacciner ; des gens qui sont tués parce qu’un animal les a agressés après lui avoir jeté des cailloux dessus ; des gens qui meurent foudroyés par l’orage ou assommé par un arbre ; des gens qui meurent de déshydratation à cause de la chaleur alors qu’il suffit de boit ; des gens qui s’étouffent parce qu’ils ne comprennent pas que mélanger de l’eau de javel et de l’acide ça ne fait pas bon ménage ; des gens qui se tuent en moto parce le chauffard ne l’avait pas vu ; des gens qui meurent parce qu’une bouteille de gaz a explosé ; des gens qui décèdent parce que personne autour d’eux n’a été formé pour faire un massage cardiaque…<br/>
<br/>
<br/>
Heureusement Cazeneuve est là pour censurer Internet.<br/>
<br/>
Oui, c’est sûr, ça va sûrement aider à sauver tout plein de gens. Et peut-être même les ressusciter, mais pour ça il faudra un vote.<br/>
<br/>
<br/>
(<a href="http://www.numerama.com/magazine/33398-cazeneuve-voit-tous-les-jours-des-drames-a-cause-d-internet.html">source</a>)


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150630122604
title: Câble HDMI en or VS câble HDMI à 2€
uri: Câble-HDMI-en-or-VS-câble-HDMI-à-2
url: http://lehollandaisvolant.net/?d=2015/06/30/12/26/04-cable-hdmi-en-or-vs-cable-hdmi-a-2
content:
<em>(Cet article est basé sur ma propre expérience. Je ne suis pas un professionnel du cinéma, je ne suis pas un ingénieur du son et je n’ai pas l’oreille absolu, que je sache).</em><br/>
<br/>
J’en avais vite fait parlé dans <a href="http://lehollandaisvolant.net/?id=20140713121423">mes liens</a>, mais jamais ici. C’est donc une occasion de faire le point sur les câbles HDMI premier prix.<br/>
<br/>
TL;DR&nbsp;: ils fonctionnent très bien et c’est tout à fait normal.<br/>
<br/>
Ça fait maintenant presque un an que je regarde films et vidéos sur un vidéoprojecteur full-HD branché en HDMI à mon ordinateur.<br/>
<br/>
Le câble HDMI mesure 5 mètres, après il y a un raccordeur femelle-femelle puis un autre câble, de 1,50 mètres.<br/>
Une partie du câble HDMI passe juste à côté du câble ADSL (sur environ 1 m) et une autre partie suit le câble réseau qui relie mon routeur à mon ordinateur.<br/>
<br/>
Autrement dit, s’il y a des interférences, je pense que je devrais être en mesure de les voir. Tous mes câbles sont premiers prix, achetés en ligne et pour pas plus de 1€ le mètre. Ils ne sont ni blindés, ni plaqués or.<br/>
<br/>
Le résultat&nbsp;: <strong>je n’ai aucun problème à signaler sur l’image ni sur le son</strong>&nbsp;: pas de grésillement, pas de bandes de couleurs, pas de problèmes de couleurs ternes. Tout va pour le mieux.<br/>
<br/>
Conclusion&nbsp;: les câbles à 2€ ça marche très bien. Je n’ai pas testé les câbles à 100€, blindé, plaqué or avec fixations en titane ou résistant aux aliens, mais vu comme est mon image actuellement, je ne vois pas pourquoi j’investirais dans ça&nbsp;: un câble est un câble.<br/>
<br/>
<br/>
<h3>Comment c’est possible&nbsp;?</h3>
<br/>
Déjà, il faut savoir deux/trois choses sur ce qui se passe dans un câble HDMI.<br/>
<br/>
Le câble transporte des signaux électriques d’un endroit à un autre. Dans le cas du HDMI, le signal est numérique&nbsp;: ça veut dire que le message est en binaire avec des 0 et des 1, contrairement au signal analogique où le message peut prendre toutes les valeurs possibles entre 0 et 1.<br/>
<br/>
<div style="text-align:center;"><img src="media/88792307.signal-analogique-numerique.png" data-original-source="http://lehollandaisvolant.net/img/3c/signal-analogique-numerique.png" alt="numérique & analogique" width="694" height="217" style="max-width: 100%; height: auto;" class="centrerinline" />
(<a href="http://culturesciencesphysique.ens-lyon.fr/ressource/principe-numerisation.xml">source image</a>)</div><br/>
<br/>
Si on veut transmettre un nombre entre 0 et 1, comme par exemple «&nbsp;0,5&nbsp;», on utilise un code en binaire, composé de 0 et de 1. C’est comme cela que l’on peut afficher du gris dans un monde binaire ou tout est soit tout noir soit tout blanc. Le problème n’est pas vraiment ici, il est plutôt dans la déformation du signal électrique.<br/>
<br/>
Disons que le signal envoyé dans le câble est 0101. Le signal émis est donc&nbsp;:<br/>
<br/>
<img src="media/432c9ebb.signal-analogique-numerique.png" data-original-source="http://lehollandaisvolant.net/img/a2/signal-analogique-numerique.png" alt="numérique" width="360" height="217" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Le signal passe maintenant dans le câble et va (dans le pire des cas) subir des interférences&nbsp;: de petites fluctuations dans le bruit électromagnétique ambiant qui va altérer notre signal. On a donc quelque chose comme ça à l’autre bout du fil&nbsp;:<br/>
<br/>
<img src="media/1181352d.signal-analogique-numerique3.png" data-original-source="http://lehollandaisvolant.net/img/45/signal-analogique-numerique3.png" alt="numérique déformé" width="360" height="217" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
<strong>Zut alors&nbsp;: le signal est déformé&nbsp;!</strong><br/>
<br/>
Maintenant, voyez le signal&nbsp;: sachant qu’il est en binaire, est-il possible de savoir quand même quel était le signal de départ&nbsp;?<br/>
<br/>
Oui&nbsp;: on voit clairement que le signal de départ devait être 0101, car il suffit de faire une moyenne&nbsp;: les valeurs ne sont jamais très éloignés de 0 ou de 1.<br/>
<br/>
Sans le savoir, on vient ici de <strong>corriger un signal numérique</strong> qui a subit des distorsions. Et pour tout vous dire, <strong>le vidéo-projecteur, il fait exactement pareil</strong>.<br/>
<br/>
Pour l’appareil qui reçoit le signal, si le «&nbsp;1&nbsp;» est devenu un «&nbsp;0,9&nbsp;», alors il verra quand même un «&nbsp;1&nbsp;». Ce n’est donc pas un problème si on subit de petites interférences&nbsp;: celles-ci sont totalement invisibles ; dans le cas du numérique, elles n’ont vraiment aucun effet sur l’image projeté.<br/>
<br/>
Oui mais… Si un 0 est très déformé et devient un 1&nbsp;?<br/>
<br/>
Dans le cas du HDMI, il n’y a <strong>pas de code de correction d’erreurs</strong> qui pourrait réparer même ce genre d’inversion. Si un bit est effectivement inversé, l’erreur sera visible à l’écran. Mais là encore il faut relativiser&nbsp;: un bit inversé, c’est juste un pixel dans une image qui change de couleur&nbsp;: vous sauriez différencier la couleur d’un pixel qui passe d’un jaune citron à un jaune safran, affichée durant 1/24e de seconde sur une image de 2 million de pixels à 4 mètres de distance&nbsp;?<br/>
En fait, il y a de grandes chances que non&nbsp;: à 4 mètres, sur une image de 2 mètres de longueur comportant 1920 pixels en largeur, chaque pixel est vu sous un angle apparent de 0.89 minutes d’arc, ce qui est plus petit que la limite de résolution d’un œil humain qui a 20/20 d’acuité visuelle.<br/>
<br/>
<br/>
Sans compter que pour inverser un bit sur un signal numérique dans un câble, il faut un peu plus que du bruit électromagnétique ambiant&nbsp;: donc à moins que votre installation avec des câbles HDMI se trouve dans l’espace, à côté d’un four à micro-ondes, à côté d’un transformateur électrique ou emmêlé avec 50 autres câbles, vous ne verriez aucune différence et le plaquage or ou le blindage ne servent à rien du tout.<br/>
<br/>
<br/>
Le blindage est important sur les câbles des casques audio sur une prise Jack car le signal est analogique&nbsp;: ici, la moindre déformation dans le signal se traduit toujours par une déformation du son. Même chose pour les prises «&nbsp;peritel&nbsp;».<br/>
<br/>
<br/>
<h3>Liens</h3>
<br/>
<ul>
<li> <a href="http://www.lesnumeriques.com/lecteur-blu-ray/cables-hdmi-a-2-e-fonctionnent-bien-on-teste-a1586.html">Les câbles HDMI à 2 € fonctionnent-ils bien&nbsp;? On teste... Les numériques</a></li>
<li> <a href="http://www.nikopik.com/2013/09/coup-de-gueule-sur-le-prix-des-cables-hdmi-dans-les-magasins.html">Coup de gueule sur le prix des câbles HDMI dans les magasins &#124; {niKopiK}</a></li>
<li> <a href="http://lehollandaisvolant.net/?d=2014/05/31/20/49/55-ubuntu-1404-partager-limage-et-le-son-sur-une-tele-en-hdmi">Tuto pour passer l’image et le son vers une télé en utilisant HDMI</a></li>
<li> <a href="http://lehollandaisvolant.net/?mode=links&amp;id=20140811195920">Un problème rencontré sous Linux avec le HDMI sur les chip Intel</a></li>
<li> <a href="http://lehollandaisvolant.net/?mode=links&amp;id=20140801214508">Un problème d’image saccadé sous Linux à cause de Compiz</a></li></ul>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150707235805
title: Installer son propre serveur DNS sous Ubuntu
uri: Installer-son-propre-serveur-DNS-sous-Ubuntu
url: http://lehollandaisvolant.net/?d=2015/07/07/23/58/05-installer-son-propre-serveur-dns-sous-ubuntu
content:
Ce tuto est valable pour Ubuntu et ses dérivés. Il fonctionne sans soucis sur Linux Mint 17.<br/>
<br/>
Le serveur DNS, c’est ce qui permet de relier le nom d’un site (<em>lehollandaisvolant.net</em>) à un serveur ailleurs sur le net (<em>5.39.16.10</em> pour ce site).<br/>
<br/>
En général, vous utilisez les DNS de votre opérateur, mais ceux-ci vont devenir malsain au fur et à mesure que les gouvernements vont leur demande de bloquer des sites dérangeant.<br/>
Vous pouvez utiliser les serveurs DNS alternatifs, comme ceux de Google ou d’OpenDNS, mais ces serveurs DNS subiront le même problème que ceux des opérateurs, en plus de constituer un problème manifeste pour la vie privée.<br/>
<br/>
Sachez qu’il est possible d’installer <strong>un serveur DNS directement sur votre ordinateur</strong>&nbsp;: quand vous voudrez vous connecter à un site, votre ordinateur contactera lui-même les <strong>serveurs DNS racine</strong>, sans passer par un serveur DNS intermédiaire.<br/>
Dans mon cas, la navigation est également devenu sensiblement <strong>plus rapide</strong>.<br/>
<br/>
<br/>
Sous Ubuntu et ses dérivés, il y a un paquet à installer. Ouvrez <strong>un terminal</strong> et copiez ceci&nbsp;:<br/>
<br/>
<pre>sudo apt-get install unbound</pre>
<br/>
Exécutez la commande par la touche <em>Entrée</em>, tapez votre mot de passe et validez de nouveau par la touché Entrée. Le paquet va alors s’installer.<br/>
<br/>
Ensuite, changez les DNS dans le gestionnaire de réseau. Faites un clic droit sur l’icône réseau, puis «&nbsp;<em>modification des connexions</em>&nbsp;». Sélectionnez sur votre connexion réseau puis cliquez sur «&nbsp;<em>Modifier</em>&nbsp;».<br/>
<br/>
Allez dans l’onglet IPv4, mettez «&nbsp;<em>Adresses automatique seulement (DHCP)</em>&nbsp;» et changez le serveur DNS pour <em>127.0.0.1</em> et enfin enregistrez&nbsp;:<br/>
<br/>
<img src="media/e3bf927a.Capture-Modification-de-Connexion-filaire-1.png" data-original-source="http://lehollandaisvolant.net/img/3a/Capture-Modification-de-Connexion-filaire-1.png" alt="changer ses DNS dans Mate" width="546" height="489" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Quand c’est fini, copiez et exécutez successivement ces commandes &nbsp;:<br/>
<br/>
<pre>sudo sed -i 's/dns=dnsmasq/#dns=dnsmasq/g' /etc/NetworkManager/NetworkManager.conf</pre>
<pre>sudo service network-manager restart</pre>
<pre>sudo service unbound stop</pre>
<pre>sudo /etc/init.d/dns-clean restart</pre>
<pre>sudo unbound -c /etc/unbound/unbound.conf</pre>
<pre>sudo unbound-anchor -a &quot;/var/lib/unbound/root.key&quot;</pre>
<pre>sudo service unbound start</pre>
<br/>
Voilà, vous pouvez surfer normalement et vous utilisez maintenant un serveur DNS directement sur votre ordinateur.<br/>
<br/>
Vous pouvez vérifier par la commande suivante&nbsp;:<br/>
<br/>
<pre>nm-tool | grep DNS</pre>
<br/>
Qui devrait retourner ça&nbsp;:<br/>
<pre>DNS:             127.0.0.1</pre>
<br/>
La présence du «&nbsp;<em>127.0.0.1</em>&nbsp;» indique que c’est bien votre ordinateur qui constitue le serveur DNS.<br/>
<br/>
Les 6 commandes consécutives ci-dessus ont pour fonction respective&nbsp;:<br/>
<ul>
<li> de désactiver <em>dnsmask</em>, qui est l’outil DNS par défaut du gestionnaire de réseau d’Ubuntu. Vous pouvez voir qu’il n’apparaît plus quand vous faites <strong>sudo lsof -i&nbsp;:53</strong>&nbsp;: seul <em>unbound</em> apparaît maintenant.</li>
<li> de relancer le gestionnaire de réseau. Cette commande va vous déconnecter le réseau, puis va vous reconnecter.</li>
<li> de désactiver le service unbound le temps de faire les commandes suivantes</li>
<li> de supprimer le cache-DNS local</li>
<li> de dire à <em>unbound</em> d’utiliser les fichiers de configuration qu’on a installé</li>
<li> de dire à unbound d’utiliser la clé <a href="https://fr.wikipedia.org/wiki/Domain_Name_System_Security_Extensions">DNS-Sec</a>, qui permet de s’assurer que les réponses DNS sont légitimes.</li>
<li> de relancer <em>unbound</em>.</li></ul>
<br/>
Si vous vous amusez à refaire un&nbsp;:<br/>
<pre>sudo service unbound stop</pre>
Vous ne pourrez plus accéder à mon site via son nom (<a href="http://lehollandaisvolant.net">lehollandaisvolant.net</a>) mais ça marchera encore via l’IP (<a href="http://5.39.16.10/" rel="nofollow">5.39.16.10</a>).<br/>
<br/>
N’oubliez pas de réactiver unbound avec ça&nbsp;:<br/>
<pre>sudo service unbound start</pre>
<br/>
Ça prouvera que vous utilisez bien le serveur DNS sur votre ordinateur et non celui de votre routeur ou d’un autre programme.<br/>
<br/>
N’oubliez pas de faire en sorte que votre ordinateur ne serve de serveur DNS qu’à vous et pas au reste du réseau (y compris le net) si c’est ce que vous voulez&nbsp;:<br/>
<br/>
Ouvrez le fichier de configuration&nbsp;: <br/>
<pre>gksudo gedit /etc/unbound/unbound.conf</pre>
<br/>
Et ajoutez ceci à la fin pour limiter le service qu’à votre ordinateur&nbsp;:<br/>
<br/>
<pre>access-control: 0.0.0.0/0 refuse
access-control: ::0 refuse
access-control: 127.0.0.0/8 allow
access-control: ::1 allow</pre>
<br/>
Puis relancez unbound&nbsp;:<br/>
<pre>sudo service unbound restart</pre>
<br/>
<br/>
Liens&nbsp;:<br/>
<ul>
<li> <a href="http://korben.info/installer-serveur-dns-unbound.html">Comment installer son serveur DNS en local quand on n’est pas un gros barbu - Korben</a></li>
<li> <a href="http://www.cyberciti.biz/faq/how-to-find-out-dns-for-router/">HowTo: Find Out DNS Server IP Address Used By My Router? - NixCraft</a></li>
<li> <a href="http://npr.me.uk/pidns.html">Raspberry Pi as a Local DNS Resolver Install Unbound</a></li>
<li> <a href="https://github.com/Angristan/ArchLinux-DNS-server">ArchLinux-DNS-server</a> (la même chose que ce présent tuto, mais pour ArchLinux et sous la forme d’un script).</li>
<li> <a href="http://www.anycomputer.be/2015/06/gnu-linux-fedora-installer-un-serveur-dns-en-local.html">GNU/Linux Fedora - Installer un serveur DNS en local - AnyComputer par NewEraser</a> (un guide pour Fedora)</li>
<li> <a href="http://www.bortzmeyer.org/son-propre-resolveur-dns.html">Blog Stéphane Bortzmeyer: Avoir son propre résolveur DNS&nbsp;?</a></li></ul>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150710121906
title: Démocratie : Que faire quand…
uri: Démocratie-Que-faire-quand
url: http://lehollandaisvolant.net/?d=2015/07/10/12/19/06-democratie-que-faire-quand
content:
Question&nbsp;: que faire quand vous dites être en charge d’une démocratie et que&nbsp;:<br/>
<br/>
<ul>
<li> les citoyens ne veulent pas de votre loi ;</li>
<li> les élus ne veulent pas de votre loi ;</li>
<li> demander l’avis des citoyens et des élus du peuple constitue donc une contrainte plus qu’autre chose&nbsp;?</li></ul>
<br/>
Réponse&nbsp;: ben on passe la loi en force, sans demander l’avis de personne. <a href="http://www.lemonde.fr/politique/article/2015/07/09/valls-annonce-un-nouveau-recours-au-49-3-pour-faire-adopter-definitivement-la-loi-macron_4677263_823448.html">Trois fois de suite</a>.<br/>
<br/>
<br/>
Pour rappel&nbsp;: dans une démocratie, c’est le peuple qui est au pouvoir.<br/>
Quand c’est une seule personne qui est au pouvoir et qui fait un peu ce qu’il veut, ça porte un autre nom.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150714143208
title: #PlutoFlyby
uri: PlutoFlyby
url: http://lehollandaisvolant.net/?d=2015/07/14/14/32/08-plutoflyby
content:
Ca ne marche qu'en Anglais, cette blague, mais je me devais de la faire. Here is Pluto&nbsp;:<br/>
<br/>
<img src="media/f2f706ca.pluto.jpg" data-original-source="http://lehollandaisvolant.net/img/89/pluto.jpg" alt="pluto le chien" width="500" height="500" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Plus sérieusement, après 9 ans 1/2 de voyage pour faire quelques 4 828 000 000 kilomètres (voyageant quand même à 14 km par secondes), la sonde New Horizons a permis de passer d'une image floue (prise par Hubble, le puissant télescope en orbite de la Terre) à quelque chose de net prise par la sonde New Horizons&nbsp;:<br/>
<br/>
<img src="media/74efcd5b.pluto-nh.jpg" data-original-source="http://lehollandaisvolant.net/img/8c/pluto-nh.jpg" alt="" width="726" height="321" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Les photos qui sont prises en grand nombre en ce moment vont être beaucoup plus nettes, d'une résolution de 100 mètres par pixels.<br/>
<br/>
Après, il faudra néanmoins attendre un peu pour que toutes ces images soient envoyées jusqu'à la Terre&nbsp;: le débit de transfert se fait à 125 octets par seconde, ce qui est très faible, mais il est impossible de faire autrement vu l'éloignement de la sonde à la Terre et la taille de la sonde (équivalent à celle d'un piano à queue). Il faudra donc attendre environ 9 mois pour tout recevoir.<br/>
<br/>
Durant ce temps, New Horizons continuera de s'éloigner de nous, du Soleil et même de Pluton, en direction d'autres astres, comme <a href="https://fr.wikipedia.org/wiki/2014_MU69">1110113Y</a>, qu'elle devrait survoler en 2019.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150717153232
title: Le merdier des prises électriques
uri: Le-merdier-des-prises-électriques
url: http://lehollandaisvolant.net/?d=2015/07/17/15/32/32-le-merdier-des-prises-electriques
content:
Quoi de plus banale qu’une prise électrique, murale ou avec une multiprise&nbsp;? Rien.<br/>
Pourtant j’ai rarement vu un truc qui soit autant le merdier, alors qu’à la base, c’est censé être un truc <strong>simple</strong>.<br/>
<br/>
Déjà, dans le monde, il existe 14 types de prises différentes, nommées A, B, C, D, E, F, G, H, I, J, K, L, M et N. Tout du moins, il en existe 14 si on compte les types principaux, parce que sinon, il y en a au moins 27, variant en fonction du nombre de broches, de la présence de la fiche de terre, de la disposition des fiches et la forme des fiches&nbsp;:<br/>
<br/>
<img src="media/77921bfa.intl-sockets.png" data-original-source="http://lehollandaisvolant.net/img/5e/intl-sockets.png" alt="plein de prises électriques différentes" width="661" height="600" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Vous savez d’où vient cette image&nbsp;? De <a href="http://gearpatrol.com/2015/02/06/guide-to-plugs-and-sockets-by-country/">cet article</a> sur <a href="http://gearpatrol.com">ce site</a>. Non je n’ai pas été sponsorisé par eux, je veux juste vous faire réaliser qu’il existe des sites entiers dédiés aux prises électriques, y compris <a href="https://fr.wikipedia.org/wiki/Prise_%C3%A9lectrique">des guides dans Wikipédia</a>, traduits en plus de 40 langues.<br/>
<br/>
<div style="text-align:center;"><img src="media/db8a688a.prises-dans-le-monde.png" data-original-source="http://lehollandaisvolant.net/img/62/prises-dans-le-monde.png" alt="carte du monde des prises" width="930" height="473" style="max-width: 100%; height: auto;" />
(<a href="media/0fded584.FileWeltkarte_verwendeter_Netzsteckertypen.svg" data-original-source="https://commons.wikimedia.org/wiki/File:Weltkarte_verwendeter_Netzsteckertypen.svg">source</a>)</div><br/>
<br/>
Tout ça pour des @%µ*#$ de prises électriques de £×!ø@ censées être standardisées, simples à utiliser et qui font pas chier leur monde. Car oui, certaines prises électriques font chier leur monde.<br/>
<br/>
<br/>
Il faut par exemple que la prise soit de la bonne taille et qu’elle entre dans la prise femelle&nbsp;:<br/>
<br/>
<img src="media/92664daa.chargeur-elephone-.jpg" data-original-source="http://lehollandaisvolant.net/img/d4/chargeur-elephone-.jpg" alt="une prise qui n’entre pas" width="661" height="687" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
C’est trop dur à vérifier lors de la conception&nbsp;? SolidWorks® ne permet pas de faire ça, où vous n’êtes pas assez payés pour ça&nbsp;?<br/>
<br/>
Et si ça rentre (ce qui est un exploit, vu ce qui précède) il faut que la prise mâle soit conçue de telle sorte que les autres prises puissent rentrer dans les emplacements d’à côté&nbsp;:<br/>
<br/>
<img src="media/d77e2c21.prise-large.jpg" data-original-source="http://lehollandaisvolant.net/img/ee/prise-large.jpg" alt="prise, vous ne passerez pas" width="661" height="652" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
À quoi ça sert de faire des blocs si gros qu’ils prennent l’espace de 3 prises de courant&nbsp;? Il n’est pas possible de faire un bloc un petit peu moins large mais plus haut&nbsp;? Ou alors de faire comme les ordinateurs, et de déporter tout ce bousin dans un boîtier&nbsp;?<br/>
<br/>
En parlant de câbles d’ordi (et d’autres)&nbsp;: à quoi ça sert d’avoir des branchements qui soient droites et d’autres angulaires&nbsp;:<br/>
<br/>
<img src="media/b60add74.prise-droite-et-angulaire.jpg" data-original-source="http://lehollandaisvolant.net/img/e5/prise-droite-et-angulaire.jpg" alt="prises angulaires et droites" width="661" height="316" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Putain, mettez-vous d’accord&nbsp;!<br/>
Là c’est juste super chiant votre truc&nbsp;: les câbles sans angle font ressortir le câble du mur de telle sorte qu’il est impossible de pousser un meuble contre le mur sans casser le fil.<br/>
<br/>
Et si l’angle du câble est la solution pour éviter que les gens tirent sur les câbles, vous êtes des enfoirés car vous auriez pu utiliser un système qui empêche les gens de s’électrocuter ET qui facilite la vie quotidienne de tout le monde, en même temps (si si&nbsp;!)&nbsp;:<br/>
<br/>
<img src="media/f9000d50.prise-facile.jpg" data-original-source="http://lehollandaisvolant.net/img/fd/prise-facile.jpg" alt="une prise facile à débrancher" width="448" height="323" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Enfin, j’emmerde celui qui a fait ça&nbsp;:<br/>
<br/>
<img src="media/33692429.prise-a-lenvers.jpg" data-original-source="http://lehollandaisvolant.net/img/54/prise-a-lenvers.jpg" alt="prise à l’envers" width="661" height="410" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Quoi, c’est pour brancher une télé plus haut que la prise&nbsp;? Bah alors pourquoi c’est pas la prise de TV (le câble) qui est retourné&nbsp;?!<br/>
Et pourquoi vous faites pas des prises européennes, basée sur les câbles allemands&nbsp;: <a href="media/bca3b047.20101117021119_1967.jpg" data-original-source="http://lehollandaisvolant.net/img/ac/20101117021119_1967.jpg">ils sont réversibles</a>, EUX, y’a pas de putain de prise de terre qui fait chier, ça passe sur les côtés sans sens.<br/>
<br/>
Et y a pas moyen de faire une prise qui puisse s’orienter comme on veut&nbsp;? <br/>
<br/>
<br/>
Sérieux arrêtez ces conneries&nbsp;!<br/>
<br/>
On est en 2015&nbsp;: on fait des fusées qui prennent <a href="http://lehollandaisvolant.net/?d=2015/07/14/14/32/08-plutoflyby">des photos à 3 milliards de kilomètres</a>, on fait des <a href="https://fr.wikipedia.org/wiki/Voiture_sans_conducteur_de_Google">voitures qui roulent toutes seules</a>, on fait <a href="http://www.nature.com/news/wild-flower-blooms-again-after-30-000-years-on-ice-1.10069">revivre des espèces vivantes</a> éteintes depuis 20000 ans, mais on ne sait pas se mettre d’accord pour simplifier le seul truc sans quoi le XXe siècle n’aurait pas eu lieu&nbsp;?


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150717234632
title: [CSS] Un effet label/input avec icône et flexbox
uri: CSS-Un-effet-label-input-avec-icône-et-flexbox
url: http://lehollandaisvolant.net/?d=2015/07/17/23/46/32-css-un-effet-labelinput-avec-icone-et-flexbox
content:
Dans ce tutoriel, je vous montre comment faire des champs de saisie avec une icône de façon plutôt simple&nbsp;:<br/>
<br/>
<img src="media/85bc5eb6.form-prev.png" data-original-source="http://lehollandaisvolant.net/img/dc/form-prev.png" alt="form" width="515" height="150" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
L’avantage du code qui suit, c’est qu’il est relativement propre, pure-CSS, accessible, très simple à comprendre et totalement flexible&nbsp;: l’ensemble reste manipulable avec vos propres styles sans tout foutre en l’air.<br/>
À ce jour, il est également très bien supporté par la majorité des navigateurs récents.<br/>
<br/>
Commençons&nbsp;!<br/>
<br/>
En HTML, un champ &lt;input&gt; devrait toujours être accompagnée de son étiquette &lt;label&gt;&nbsp;:<br/>
<br/>
<pre>&lt;label for=&quot;pseudo&quot;&gt;Votre pseudo :&lt;/label&gt;
&lt;input id=&quot;pseudo&quot; /&gt;
</pre>
<br/>
Plaçons l’ensemble dans un conteneur&nbsp;:<br/>
<br/>
<pre>&lt;div class=&quot;input-container&quot;&gt;
    &lt;label for=&quot;pseudo&quot;&gt;Votre pseudo :&lt;/label&gt;
    &lt;input id=&quot;pseudo&quot; /&gt;
&lt;/div&gt;</pre>
<br/>
Maintenant, il suffit d’utiliser les flex box pour les aligner côte à côte et de donner une hauteur au conteneur&nbsp;:<br/>
<br/>
<pre>.input-container {
    display: flex;
    height: 24px;
}

input-container &gt; input {
    flex: 1;
}</pre>
<br/>
On veut une icône à la place du label. Très bien&nbsp;: on va placer en fond sur ce dernier.<br/>
Pour ne pas afficher le texte qu’il contient, on va également lui donner une largeur définie (celle de l’icône), masquer ce qui se dépasse (avec <em>overflow</em>) et faire en sorte que le texte soit entièrement sorti du champ de vision du label (avec <em>box-sizing</em> et <em>padding</em>).<br/>
<br/>
Le CSS devient alors&nbsp;:<br/>
<br/>
<pre>.input-container {
    display: flex;
}

input-container &gt; input {
    flex: 1;
}

input-container &gt; label {
    width: 24px;
    padding-left: 24px;
    box-sizing: border-box;
    overflow: hidden;
    background: url(icone.png);
}</pre>
<br/>
<br/>
Et c’est tout&nbsp;!<br/>
Vous n’avez pas besoin de vous occuper du centrage vertical (<em>flex</em> le fait pour vous), ni de la taille relative du champ et de son label (<em>flex</em> le fait tout seul aussi).<br/>
Vous n’avez pas non plus à souffrir en manipulant les <em>::before</em>, le positionnement ou les flottants.<br/>
<br/>
En plus de ça, vous pouvez évidemment ajouter vos propres styles, y compris des bordures et des marges&nbsp;: ça restera centré et aligné (merci <em>flex</em>&nbsp;!).<br/>
Cerise sur le gâteau&nbsp;: non seulement votre icône est cliquable comme doit l’être un bon label, mais si vous désactivez le CSS le formulaire reste entièrement accessible&nbsp;: le texte du label redevient alors visible&nbsp;:<br/>
<br/>
<img src="media/1a3d5254.form-no-css.png" data-original-source="http://lehollandaisvolant.net/img/9b/form-no-css.png" alt="formulaire sans css" width="431" height="110" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
<br/>
(Inspiré de <a href="http://philipwalton.github.io/solved-by-flexbox/demos/input-add-ons/">l’astuce ici</a>)


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150720153227
title: Émission StarTalk sur les OGM
uri: Émission-StarTalk-sur-les-OGM
url: http://lehollandaisvolant.net/?d=2015/07/20/15/32/27-emission-startalk-sur-les-ogm
content:
<img src="media/1381714e.mais.jpg" data-original-source="http://lehollandaisvolant.net/img/e0/mais.jpg" alt="du maïs sur un grill" width="400" height="267" style="max-width: 100%; height: auto;" class="one"/>
Je suis plusieurs émissions scientifiques, en radio et en séries TV, principalement américaines (pour pas dire tous).<br/>
L’une de mes préférées est <a href="http://www.startalkradio.net/">StarTalk Radio</a>, avec Neil deGrasse Tyson (<a href="http://lehollandaisvolant.net/?d=2014/08/16/22/31/26-cosmos-a-spacetime-odyssey">le même qui présente Cosmos</a>). On y rencontre aussi régulièrement Bill Nye, un vulgarisateur, éducateur et communicateur scientifique et beaucoup d’invités dans tous les domaines&nbsp;: Elon Musk (fondateur de <em>Space X</em> et <em>Tesla Motors</em>), Morgan Freeman (acteur), Michiou Kaku (physicien), Mike Massamino (astronaute), Josh Groban (chanteur), et plein d’autres&nbsp;: auteurs, artistes, politiques, scientifiques, entrepreneurs, comédiens…<br/>
<br/>
Aujourd’hui deux épisodes d’environ 50 minutes sur <strong>les OGM</strong>&nbsp;:<br/>
<br/>
<ul>
<li> <a href="http://www.startalkradio.net/show/cosmic-queries-gmos-with-bill-nye-part-1/">Cosmic Queries: GMOs with Bill Nye (Part 1)</a></li>
<li> <a href="http://www.startalkradio.net/show/cosmic-queries-gmos-with-bill-nye-part-2/">Cosmic Queries: GMOs with Bill Nye (Part 2)</a></li></ul>
<br/>
Bill Nye y répond aux questions sur les OGM posées par les internautes. Il explique également pourquoi il a changé d’avis sur les OGM (il était totalement contre au début).<br/>
<br/>
<br/>
Si je vous partage ça, c’est parce qu’on écoute beaucoup de choses sur ce sujet, avec beaucoup plus de voix d’un côté que l’autre, et sûrement beaucoup de faux aussi.<br/>
Il y a pourtant du bon et du mauvais dans les OGM.<br/>
<br/>
<br/>
Pour ma part, je ne sais pas trop quoi penser des OGM, en eux-mêmes (je <em>ne parle pas</em> de tout ce qui est brevetage du vivant, et pression économique ; voir le premier commentaire sous l’article).<br/>
<br/>
Déjà, il faut savoir que la sélection artificielle, que ce soit des chevaux, des chiens, du blé ou des pommes, <strong>c’est de la manipulation génétique</strong> aussi.<br/>
Même quand on se reproduit, dans l’espèce humaine&nbsp;: en choisissant sa/son partenaire, on choisit indirectement avec quelles gènes on va se reproduire afin de donner à la descendance des caractéristiques que l’on aime voir perdurer (on espère que la descendance les aura, étant donnée qu’il reste une composante aléatoire).<br/>
<br/>
Pour les espèces de céréales ou des animaux, il peut arriver que ce processus, opéré <strong>depuis des milliers d’années</strong>, donne naissance à une espèce toxique pour l’homme. Je n’ai pas d’exemples, mais la génétique fonctionne ainsi et la sélection artificielle n’est pas à l’abri de ça&nbsp;: certains gènes inhibent la production de toxines, d’autres la codent. Par ailleurs, une toxine pour une espèce ne l’est pas forcément pour d’autres (le chocolat c’est toxique pour un chien, pas pour vous, non&nbsp;?). La sélection naturelle génère également des effets, d’ailleurs.<br/>
<br/>
<br/>
Les OGM permettent de manipuler des gènes directement, donc sans le caractère aléatoire du croisement par reproduction. C’est tout.<br/>
Là également, il y a des risques qu’une plante OGM produise quelque chose de toxique en plus de produire plus de blé comme on a voulu faire. Mais d’un point de vu technique, <strong>les OGM n’ont pas plus de risque que la sélection que tout le monde effectue depuis toujours</strong>&nbsp;: le but est le même dans les deux cas (donner à un être vivant des caractéristiques particulières) et le support de travail également (le code génétique, qui est manipulé à notre avantage) et la seule chose qui change c’est la méthode opérée.<br/>
<br/>
<br/>
Comme l’avait dit Matronix dans son article sur le sujet (en Français, cette fois)&nbsp;: <a href="http://www.matronix.fr/les-ogm-ca-a-bon-gout/">Les OGM, ça a bon goût</a>, il y a beaucoup de désinformation au sujet des OGM. Et je pense que les deux épisodes de StarTalk donne déjà quelques points intéressants, et ensuite mettent un peu de poids dans la balance du côté «&nbsp;pour&nbsp;». Si l’anglais vous rebute, lisez l’article de Matronix, il résume bien la situation aussi.<br/>
<br/>
Pour le reste, ben, informez-vous et pensez par vous même.<br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/anotherpintplease/2466120428/">image de Mike</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150723133835
title: Comment faire la maintenance de son site web et des URL ?
uri: Comment-faire-la-maintenance-de-son-site-web-et-des-URL
url:
http://lehollandaisvolant.net/?d=2015/07/23/13/38/35-comment-faire-la-maintenance-de-son-site-web-et-des-url

content:
Aujourd’hui, Google me notifie d’une hausse énorme des erreurs 404 (introuvable) sur mon site&nbsp;:<br/>
<br/>
<br/>
<img src="media/172c9e10.404.png" data-original-source="http://lehollandaisvolant.net/img/db/404.png" alt="erreurs 404 de mon site" width="948" height="187" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
<br/>
Google me signale ça au moyen de son outil <a href="https://www.google.com/webmasters/tools/">Google Webmaster Tools</a>, qui permet de garder un œil sur l’état du référencement, mais également qui pointe où, l’état du site (up/down), le nombre d’erreurs rencontrés, la vitesse d’exploration, le temps de chargement des pages. C’est un outil assez pratique, et on y trouve parfois des surprises.<br/>
<br/>
Concernant tous les 404, on dirait que Google fait remonter toutes les erreurs, y compris anciennes, qu’il a en mémoire&nbsp;: quand je regarde les pages 404 et les pages qui pointent vers les fichiers 404, beaucoup sont des erreurs de la part de Google&nbsp;: les liens sont bien corrects, aucun soucis donc… Pas plus que d’habitude en fait.<br/>
<br/>
<br/>
Ceci est tout de même l’occasion de donner quelques astuces sur la maintenance d’un site web au fil du temps.<br/>
<br/>
<br/>
<h3>Astuce de base&nbsp;: une bonne URL ne change pas</h3>
<br/>
<a href="http://www.w3.org/Provider/Style/URI.html">Une bonne URL ne change pas</a>. Quand vous créez une page, quelqu’un sera emmené à la partager sur un site ou un forum. À partir de ce moment là, il sera trop tard&nbsp;: si vous voulez modifier l’emplacement du fichier, le lien sur l’autre site ne fonctionnera plus.<br/>
<br/>
Évidemment, ne pas changer de place des fichiers, ce n’est pas toujours possible&nbsp;: un site évolue, c’est normal.<br/>
Dans ce cas là, on peut s’en sortir avec une redirection, mais c’est seulement en dernier recourt.<br/>
<br/>
<br/>
<h3>Corriger avec .htaccess</h3>f<br/>
<br/>
Une page web, par exemple «&nbsp;<a href="http://lehollandaisvolant.net/tuto/index.php">http://lehollandaisvolant.net/tuto/index.php</a>&nbsp;» est accessible depuis plusieurs adresses différentes&nbsp;:<br/>
<br/>
<ul>
<li> <a href="http://lehollandaisvolant.net/tuto/index.php">http://lehollandaisvolant.net/tuto/index.php</a></li>
<li> <a href="http://www.lehollandaisvolant.net/tuto/index.php">http://www.lehollandaisvolant.net/tuto/index.php</a></li>
<li> <a href="http://lehollandaisvolant.net/tuto//index.php">http://lehollandaisvolant.net/tuto//index.php</a></li>
<li> <a href="http://lehollandaisvolant.net/tuto/">http://lehollandaisvolant.net/tuto/</a></li>
<li> <a href="http://lehollandaisvolant.net////tuto////index.php">http://lehollandaisvolant.net////tuto////index.php</a></li>
<li> <a href="http://www.lehollandaisvolant.net////tuto////index.php">http://www.lehollandaisvolant.net////tuto////index.php</a></li>
<li> <a href="http://lehollandaisvolant.net/tuto//index.php/">http://lehollandaisvolant.net/tuto//index.php/</a> (en émettant des erreurs)</li></ul>
<br/>
Tôt ou tard, ce genre de liens finiront par se retrouver dans la nature, et dans certains cas, ça créera des problèmes, dont des erreurs 404. Pour ça, on peut utiliser la réécriture d’URL avec le fichier «&nbsp;.htaccess&nbsp;» qui se trouve à la racine de votre site.<br/>
<br/>
Perso, j’utilise plusieurs formes de réécritures. Parmi toutes les URL ci-dessus, celle que je veux pour mon site et mes pages, c’est la plus courte&nbsp;:<br/>
<br/>
<ul>
<li> <a href="http://lehollandaisvolant.net/tuto/">http://lehollandaisvolant.net/tuto/</a></li></ul>
<br/>
Pas de «&nbsp;<em>www</em>&nbsp;», pas de multiples <em>slashs</em>, pas de «&nbsp;<em>index.php</em>&nbsp;» (ce dernier est implicitement utilisé par le serveur, mais ça dépend de votre configuration et le mieux est de tester sur votre site).<br/>
<br/>
Voilà les codes à placer dans le fichier <strong>.htaccess</strong> (après chaque ajout, testez votre site&nbsp;: une erreur 500 indique une erreur dans le .htaccess, et il faudra annuler la dernière opération effectuée dans ce fichier).<br/>
<br/>
Déjà, placez ceci tout en haut et s’il n’y est pas, pour activer la réécriture&nbsp;:<br/>
<br/>
<pre>RewriteEngine on
RewriteBase /</pre>
<br/>
<br/>
<strong>Pour supprimer le «&nbsp;www.&nbsp;»&nbsp;:</strong><br/>
<br/>
<pre>RewriteCond %{HTTP_HOST} ^www.lehollandaisvolant.net [NC]
RewriteRule ^(.*)$ http://lehollandaisvolant.net/$1 [R=301,L]</pre>
<br/>
<strong>Pour supprimer les «&nbsp;index.php&nbsp;» inutiles&nbsp;:</strong><br/>
<br/>
<pre>RewriteCond %{THE_REQUEST} ^GET.*index\.php [NC]
RewriteRule (.*?)index\.php/*(.*) /$1$2 [R=301,NE,L]</pre>
<br/>
<strong>Pour supprimer les multiples slashs&nbsp;:</strong><br/>
<br/>
<pre>RewriteCond %{REQUEST_URI} ^(.*)//+(.*)$
RewriteRule . %1/%2 [R=301,L]</pre>
<br/>
<strong>Pour supprimer le slash final sur un lien en «&nbsp;.php&nbsp;».</strong><br/>
Il faut savoir que sur Linux, Unix et d’autres, un dossier est un fichier, et l’ouvrir constitue une «&nbsp;exécution&nbsp;» du fichier. Son adresse se termine par un slash «&nbsp;/&nbsp;».<br/>
Donc si au lieu de faire «&nbsp;dossier/fichier.php&nbsp;» vous mettez «&nbsp;dossier/fichier.php/&nbsp;», l’ordinateur pensera que «&nbsp;fichier.php&nbsp;» est un dossier (avec les problèmes de liens relatifs/absolus que ça entraîne&nbsp;: ça fait un sous-niveau supplémentaire) et en exécutant le contenu du fichier quand même. Perso je préfère éviter cela, car ça peut donner des erreur 404.<br/>
Je supprime dont le slash final quand il suit un «&nbsp;.php&nbsp;». Mais attention à ce qu’aucun <strong>dossier</strong> sur votre site comporte «&nbsp;.php&nbsp;» à la fin, sinon il sera inaccessible aussi.<br/>
<br/>
<pre>RewriteCond %{REQUEST_URI} ^(.*)\.php/$
RewriteRule . %1.php [R=301,L]</pre>
<br/>
<br/>
Le fichier .htaccess permet de faire plein de choses, mais ne le rendez pas trop obèse parce que ce fichier est appelé à chaque requête sur votre site.<br/>
<br/>
<br/>
<h3>Le fichier robots.txt</h3>
<br/>
Google m’indique toutes ces erreurs parce qu’il analyse mon site. Il est possible de lui bloquer l’accès à certaines pages. Du moins, les pages bloquées ne seront pas retournés dans les résultats de recherche&nbsp;: visiblement, Google les explore quand même (certains 404 ne sont issues que de pages bloquées).<br/>
<br/>
Le fichier <strong>robots.txt</strong> est un fichier à la racine du site, et c’est là dedans qu’on va indiquer quels sont les dossiers et fichiers que les robots ne doivent pas indexer.<br/>
<br/>
Pour interdire l’indexation du dossier «&nbsp;/dossier/&nbsp;» à tous les robots, utilisez ça&nbsp;:<br/>
<br/>
<pre>User-agent: *
Disallow: /dossier/</pre>
<br/>
Vous pouvez mettre plusieurs dossiers, chacun sur une ligne&nbsp;!<br/>
<br/>
<pre>User-agent: *
Disallow: /dossier1/
Disallow: /dossier2/</pre>
<br/>
Vous pouvez aussi bloquer juste un moteur de recherche avec son nom&nbsp;:<br/>
<br/>
<pre>User-agent: nsa
Disallow: /</pre>
<br/>
Ce code à l’efficacité que je pense fortement douteuse va bloquer l’indexation de tout mon site par la NSA. Le nom des différents moteurs de recherche sont donnés ici&nbsp;: <a href="http://robots-txt.com/ressources/">robots-txt.com/ressources</a>.<br/>
<br/>
<br/>
<h3>Le fichier humans.txt</h3>
<br/>
En plus du fichier robots.txt, <a href="http://humanstxt.org/">une initiative</a> a été lancée pour faire un fichier à destination des humains&nbsp;: le fichier «&nbsp;humans.txt&nbsp;».<br/>
Il s’agit un peu d’une page «&nbsp;à propos&nbsp;» de votre site, qui s’affiche en texte simple et dans lequel vous pouvez mettre des infos sur le site, l’auteur…<br/>
<br/>
Selon moi c’est un peu inutile, plutôt humoristique, mais ça peut être sympa si assez de monde le fait&nbsp;: ça ne coûte rien du tout, c’est totalement gratuit et ça ajoute comme les erreurs «&nbsp;404&nbsp;» personnalisées, une touche de finesse et de détails à votre site.<br/>
<br/>
J’en ai un sur mon site aussi, je vous laisse le trouver à la racine du site.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150724124232
title: La vie privée n’existe plus !
uri: La-vie-privée-n-existe-plus
url: http://lehollandaisvolant.net/?d=2015/07/24/12/42/32-la-vie-privee-nexiste-plus
content:
Le conseil constitutionnel <a href="http://www.laquadrature.net/fr/honte-sur-la-france-le-conseil-constitutionnel-valide-largement-la-loi-renseignement">a validé la loi du renseignement</a>, qui légalise une «&nbsp;NSA&nbsp;» <em>made in France</em>.<br/>
Allez, dites merci à Cazeneuve, Valls et tonton Hollande&nbsp;: grâce à ces compères, tous les français sont maintenant sur écoute h24&nbsp;: les SMS, les appels, les emails, les comptes en banque, les achats en ligne et toute votre activité en ligne&nbsp;: tout est enregistré, logué et analysé.<br/>
<br/>
Il faut bien ça pour nous protéger des terroristes.<br/>
Ouais… Et il faut bien <a href="https://zevpn.net/?page=accueil">un VPN</a> aussi <strong>pour nous protéger du gouvernement</strong>.<br/>
<br/>
<br/>
Je rappelle que le <strong>terrorisme</strong> c’est faire usage de la peur pour faire passer des lois et des mesures liberticides et disproportionnées.<br/>
Quand on se rend compte qu’en plus, aux USA la police tue plus de citoyens américains que ne le fait la guerre en Irak (<a href="http://filmingcops.com/americans-killed-by-police/">src</a>) et qu’en France en 2014 au moins 10 personnes sont tuées par la police (<a href="http://atouteslesvictimes.samizdat.net/?page_id=692">src</a> — environ une centaine depuis 2005), on se demande qui sont les vrai terroristes.<br/>
<br/>
<br/>
Bref, je fais court. Korben en écrit plus ici si vous voulez&nbsp;: <a href="http://korben.info/big-cazeneuve-est-maintenant-une-realite.html">Big Cazeneuve est maintenant une réalité</a>, et <a href="http://www.laquadrature.net/fr/honte-sur-la-france-le-conseil-constitutionnel-valide-largement-la-loi-renseignement">la Quadrature aussi</a>.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150729173748
title: [CSS] La spécificité des sélecteurs
uri: CSS-La-spécificité-des-sélecteurs
url: http://lehollandaisvolant.net/?d=2015/07/29/17/37/48-css-la-specificite-des-selecteurs
content:
En CSS, il y a les sélecteurs. Avec le CSS v3, il y a maintenant <a href="http://code.tutsplus.com/fr/tutorials/the-30-css-selectors-you-must-memorize--net-16048">beaucoup de sélecteurs</a>, et vous trouverez pas mal de ressources à ce sujet. En revanche, ce dont on n’entend pratiquement jamais parler, c’est <strong>la spécificité des sélecteurs</strong>. Même les sites de référence comme OpenClassRooms ne semble pas en parler dans son tutoriel sur le HTML/CSS.<br/>
<br/>
La spécificité est pourtant importante, car elle intervient au moment où le navigateur doit appliquer les CSS à un élément de la page.<br/>
<br/>
<br/>
<h3>Spécificité&nbsp;?</h3>
<br/>
Considérons ce code&nbsp;:<br/>
<br/>
<strong>HTML&nbsp;:</strong><br/>
<pre>&lt;body&gt;
Mon texte
&lt;/body&gt;</pre>
<br/>
<strong>CSS:</strong><br/>
<pre>body { color: red; }
body { color: green; }</pre>
<br/>
Quelle sera la couleur de la page&nbsp;?<br/>
La page sera évidemment verte, car le navigateur va prendre en compte <strong>la dernière déclaration effectuée</strong>.<br/>
<br/>
Maintenant, plaçons des paragraphes dans la page avec un lien&nbsp;:<br/>
<br/>
<pre>&lt;body&gt;
Mon texte
&lt;p&gt;Mon paragraphe&lt;/p&gt;
&lt;p&gt;Mon paragraphe avec &lt;a&gt;un lien&lt;/a&gt;&lt;/p&gt;
&lt;/body&gt;</pre>
<br/>
Avec le code ci-dessus, les paragraphes et le lien seront également en vert (en fait non pour les liens&nbsp;: les styles internes du navigateur font qu’ils sont bleus si on ne dit rien ; voir plus bas)&nbsp;: la couleur est en effet héritée de l’élément parent de &lt;p&gt; et de &lt;a&gt;.<br/>
Si on veut donner une couleur particulière aux éléments on fait ceci&nbsp;:<br/>
<br/>
<strong>CSS:</strong><br/>
<pre>body { color: red; }
p { color: green; }
a { color: blue; }</pre>
<br/>
<br/>
Ici, le texte sera bleu dans le lien, en vert dans le paragraphe et en rouge partout ailleurs dans le corps du document.<br/>
La couleur est bien héritée, mais elle est écrasée si on la déclare de nouveau dans un élement qui est plus proche (<em>p</em> est plus proche de <em>a</em> que le <em>body</em>).<br/>
<br/>
Simple non&nbsp;? Bien.<br/>
<br/>
<br/>
Maintenant, prenons le code CSS suivant&nbsp;:<br/>
<br/>
<strong>CSS:</strong><br/>
<pre>body p { color: red; }
p { color: green; }</pre>
<br/>
Quelle sera la couleur du paragraphe&nbsp;? Indice&nbsp;: ça n’est pas vert&nbsp;!<br/>
Ici, la première déclaration veut dire «&nbsp;<em>tous les paragraphes dans le corps du document doivent être en rouge</em>&nbsp;» et la seconde déclaration «&nbsp;<em>tous les paragraphes doivent être en vert</em>&nbsp;».<br/>
<br/>
Alors pourquoi le paragraphe est rouge et pas vert&nbsp;?<br/>
<br/>
Le paragraphe est rouge parce que le sélecteur «&nbsp;<em>body p</em>&nbsp;» est <strong>plus spécifique</strong> que le sélecteur «&nbsp;<em>p</em>&nbsp;» tout seul. Il est en effet plus précis de dire «&nbsp;<em>tous les paragraphes dans le corps du document</em>&nbsp;» que «&nbsp;<em>tous les paragraphes</em>&nbsp;».<br/>
Or, pour le navigateur qui va afficher la page, la spécificité est prioritaire sur l’ordre des déclarations dans le code.<br/>
<br/>
<br/>
Sachant ceci, vous pouvez prédire quelle sera la couleur du paragraphe quand on lui applique ce code&nbsp;:<br/>
<br/>
<strong>CSS:</strong><br/>
<pre>body p { color: red; }
body p { color: blue; }
p { color: green; }
p { color: orange; }
p { color: fuchsia; }</pre>
<br/>
Le paragraphe sera <u>en bleu</u>.<br/>
Les deux premiers sélecteurs sont plus spécifiques que les trois suivantes&nbsp;: elles sont donc prioritaires. La seconde est située après la première&nbsp;: c’est donc elle qui est retenue.<br/>
<br/>
<br/>
<h3>Spécificité de chaque sélecteur</h3>
<br/>
Si on reprend ce CSS&nbsp;:<br/>
<pre>body p { color: red; }
p { color: green; }</pre>
<br/>
Je vous ait dit que la première déclaration est plus spécifique. En fait, il y a deux sélecteurs d’éléments (<strong>body</strong> et <strong>p</strong>). La spécificité d’éléments est donc de 2. La seconde déclaration possède un seul sélecteur d’élément&nbsp;: sa spécificité d’éléments est 1&nbsp;: la première est bien prioritaire.<br/>
<br/>
Maintenant, donnons des classes à nos éléments&nbsp;:<br/>
<br/>
<pre>&lt;body&gt;
Mon texte
&lt;p class=&quot;in-blue&quot;&gt;Mon paragraphe&lt;/p&gt;
&lt;/body&gt;</pre>
<br/>
Et ajoutons le CSS suivant&nbsp;:<br/>
<pre>body p { color: red; }
p { color: green; }
p.in-blue { color: blue; }</pre>
<br/>
Quelle sera la couleur du paragraphe&nbsp;? Bleue, encore&nbsp;!<br/>
<br/>
En CSS, le sélecteur de classe l’emporte sur les sélecteur d’éléments, même s’il y en a plusieurs&nbsp;! Vous pouvez bien faire «&nbsp;<em>html body div p span a { … }</em>&nbsp;», si votre lien &lt;a&gt; possède une classe «&nbsp;<em>foo</em>&nbsp;», alors le code «&nbsp;<em>.foo { … }</em>&nbsp;» sera prioritaire.<br/>
<br/>
C’est une question de hiérarchie&nbsp;: les classes sont plus fortes que les éléments, même si les éléments sont au nombre 315 et que la classe est toute seule&nbsp;: un sélecteur plus haut dans la hiérarchie sera toujours prioritaire pour imposer ses styles.<br/>
<br/>
Comme les éléments et les classes, chaque type de sélecteur (ID, attributs…) possède sa place dans la hiérarchie.<br/>
<br/>
<br/>
<h3>Calcul de la spécificité</h3>
<br/>
On a vu que la classe est prioritaire sur les éléments. Mais les ID sont prioritaires sur les classes. Et le CSS «&nbsp;<em>inline</em>&nbsp;» (attaché dans l’attribut <em>style="…"</em> d’un élément) est prioritaire sur les ID. Enfin, le flag «&nbsp;!important&nbsp;» est prioritaire sur tous les autres, quelque que soit sa place.<br/>
<br/>
On a donc quelque chose comme ça&nbsp;: <br/>
<br/>
<div style="text-align:center;"><strong>Y-X-C-B-A</strong></div><br/>
<br/>
Avec&nbsp;:<br/>
<br/>
<ul>
<li> Y&nbsp;: la présence du «&nbsp;!important&nbsp;»</li>
<li> X&nbsp;: le CSS est Inline</li>
<li> C&nbsp;: le sélecteur d’ID</li>
<li> B&nbsp;: le sélecteur de classe (les pseudo-classe telles que «&nbsp;<em>:nth-of-type()</em>&nbsp;», ou «&nbsp;<em>:hover</em>&nbsp;» et d’attributs comme «&nbsp;<em>[href="http://lehollandaisvolant.net/"]</em>&nbsp;» vont également ici)</li>
<li> A&nbsp;: le sélecteur d’élément (les sélecteurs de pseudo-éléments telles que «&nbsp;<em>::before</em>&nbsp;» ou «&nbsp;<em>::first-line</em>&nbsp;» vont ici)</li></ul>
<br/>
Chaque lettre A, B, C, X, Y représente un nombre, où 0 est le défaut.<br/>
<br/>
Voici quelques exemples&nbsp;:<br/>
<br/>
<pre>* { color: green; }</pre>
Ceci donne un style vert à tous les éléments. Sa spécificité est cependant nulle&nbsp;: 0-0-0-0-0. Elle est supplantée par tous les autres sélecteurs, mais elle permet quand même d’être plus forte que les styles «&nbsp;par défaut&nbsp;» du navigateur (j’y reviendrai plus tard).<br/>
<br/>
<pre>p { color: green; }</pre>
Pas de&nbsp;!important, ni de style en ligne, ni d’ID, ni de classe, mais <em>un</em> sélecteur d’élément&nbsp;: la spécificité est 0-0-0-0-1.<br/>
<br/>
<pre>body p { color: red; }</pre>
Pas de&nbsp;!important, ni de style en ligne, ni d’ID, ni de classe, mais <em>deux</em> sélecteurs d’élément&nbsp;: la spécificité est 0-0-0-0-2.<br/>
<br/>
<pre>p.in-blue { color: blue; }</pre>
Ici, on a une classe et un élément&nbsp;: la spécificité est 0-0-0-1-1.<br/>
<br/>
<pre>body p.in-gray { color: gray; }</pre>
On a un élément (body), un autre élément (p) et une classe&nbsp;: la spécificité est 0-0-0-1-2.<br/>
<br/>
<pre>body.home p.in-black { color: black; }</pre>
Ici, au total on deux éléments et deux classes&nbsp;: la spécificité est 0-0-0-2-2.<br/>
<br/>
<pre>p.in-black.in-bold { color: black; font-weight: bold; }</pre>
Ici, au total on un élément et deux classes (sur le même élément, certes)&nbsp;: la spécificité est 0-0-0-2-1.<br/>
<br/>
<pre>body#home p.in-black .link span { color: black; }</pre>
On a 3 éléments, 1 ID et deux classes&nbsp;: 0-0-1-3-2.<br/>
<br/>
<pre>body#home table#data tbody tr td a .cool { color: black; }</pre>
6 éléments, deux ID et une classe&nbsp;: 0-0-2-1-6.<br/>
<br/>
C’est assez simple non&nbsp;?<br/>
<br/>
Pour le «&nbsp;<em>!important</em>&nbsp;», il faut faire attention&nbsp;: ce dernier ne s’applique qu’à une seule propriété&nbsp;:<br/>
<br/>
<pre>#home p {
    color: black;
    font-weight: bold;
}
p {
    color: red!important;
    font-weight: normal;
}</pre>
<br/>
Ici, la couleur est mise en <em>!important</em> dans la seconde déclaration&nbsp;: la spécificité de la <em>couleur</em> est donc&nbsp;:<br/>
<ul>
<li> 0-0-1-0-1 dans la première déclaration</li>
<li> 1-0-0-0-1 dans la seconde</li></ul>
<br/>
Mais la spécificité <em>pour la graisse</em> (texte en gras) est de&nbsp;:<br/>
<ul>
<li> 0-0-1-0-1 dans la première déclaration</li>
<li> 0-0-0-0-1 dans la seconde</li></ul>
<br/>
Le paragraphe a donc une couleur rouge (grâce au&nbsp;!important) mais un texte en gras, à cause de spécificité du sélecteur dans la première déclaration.<br/>
<br/>
Vous arrivez à suivre&nbsp;? <br/>
Continuons.<br/>
<br/>
<pre>p.foo a[href] {…}</pre>
La spécificité du sélecteur d’attribut est la même que celle des classes. On a donc l’équivalent de deux classes et deux éléments&nbsp;: 0-0-0-2-2.<br/>
<br/>
<pre>p.foo &gt; a{…}</pre>
<pre>p.foo a{…}</pre>
Ici, les liens <em>a</em> ont la même spécificité&nbsp;: les combinateurs comme &gt;, ~, + n’ont pas de spécificité particulière et ne sont pas prioritaires.<br/>
<br/>
Ce qui suit est plus tordu&nbsp;:<br/>
HTML:<br/>
<pre>&lt;body id=&quot;home&gt;&lt;p&gt;&lt;a&gt;coucou!&lt;/a&gt;&lt;/p&gt;&lt;/body&gt;</pre>
<br/>
<pre>#home p { color: red!important }  /* 1-0-1-0-1 */
a{ color: green }  /* 0-0-0-0-1 */</pre>
<br/>
Le lien sera… Vert&nbsp;!<br/>
En effet, bien que la spécificité de la première déclaration l’emporte sur la seconde, la couleur de la première s’applique au paragraphe et non au lien&nbsp;!<br/>
L’héritage existe, mais <strong>la seconde déclaration s’applique directement aux liens</strong>&nbsp;: elle est donc plus forte que l’héritage. L’ordre n’aurait pas non plus importé et le lien aurait été vert même dans le cas suivant&nbsp;:<br/>
<br/>
<pre>a{ color: green }
#home p { color: red }</pre>
<br/>
Si on avait voulu forcer la couleur rouge des liens, il aurait fallu faire ça&nbsp;:<br/>
<pre>#home p a { color: red }  /* 0-0-1-0-1 */
a{ color: green }  /* 0-0-0-0-1 */</pre>
<br/>
Ici alors les deux sélecteurs s’adressent aux liens directement, et c’est la spécificité qu’il faut regarder.<br/>
<br/>
La même remarque compte pour les pseudo-éléments&nbsp;:<br/>
<pre>#home a::before{ color: green }  /* 0-0-1-0-2 */
#home p a { color: red }  /* 0-0-1-0-2 */</pre>
<br/>
La spécificité de la couleur est de 0-0-1-0-2 dans les deux cas, mais la première s’applique directement au <em>::before</em> du lien, qui est <strong>un pseudo-élement</strong>&nbsp;: il est donc prioritaire sur l’héritage ainsi que sur l’ordre de la déclaration.<br/>
<br/>
En revanche, les pseudo-classes restent des classes (ce ne sont pas des éléments particuliers) et ont la même spécificités que les classes.<br/>
Du coup, le code suivant&nbsp;:<br/>
<pre>#top a { color: red; } /* 0-0-1-0-1 */
a:hover {color: green} /* 0-0-0-1-1 */</pre>
<br/>
Donnera un lien rouge même quand on passera la souris dessus&nbsp;! Les deux sélecteurs s’appliquent directement au lien (pas de problème d’héritage) mais le «&nbsp;<em>#top</em>&nbsp;» de la première déclaration est plus spécifique que le «&nbsp;<em>:hover</em>&nbsp;», qui ne compte que pour une <em>classe</em>.<br/>
<br/>
Pour faire passer l’effet lors du passage de la souris, il faut utiliser une des méthodes suivantes&nbsp;:<br/>
<pre>#top a:hover {color: green} /* 0-0-1-1-1 */</pre>
<pre>a:hover {color: green!important} /* 1-0-0-1-1 */</pre>
Ou bien utiliser JavaScript, dans ce genre là&nbsp;:<br/>
<pre>&lt;a onmouseover=&quot;this.style.color='green'&quot;&gt;</pre>
(Les styles ajoutées en JS avec onmouseover/onblur équivalent à ajouter des styles directement sur l’élément, et la spécificité sera de <em>0-1-0-0-0</em>, bien au dessus d’un sélecteur d’ID ou de classe.<br/>
<br/>
Enfin, un petit mot sur la pseudo-classe «&nbsp;:not()&nbsp;»&nbsp;: elle n’ajoute pas de spécificité particulière, mais il faut quand même compter tout ce qui se trouve à l’intérieur&nbsp;:<br/>
<br/>
<pre>#top a:not(.links) {color: green} /* 0-0-1-1-1 */</pre>
On se retrouve avec un ID, un élément ainsi qu’une classe&nbsp;: elle se trouve dans le <em>:not()</em>, il faut la compter comme une classe. Si le <em>:not()</em> contenait un ID, il faudrait le compter comme un ID.<br/>
<br/>
<br/>
<h3>Styles navigateur, auteur, utilisateur</h3>
<br/>
On a vu tout ce qui concerne la spécificité des sélecteurs, mais il reste un dernier point à aborder.<br/>
Pour le moment, on a parlé du CSS dans une page web. Ce ne sont pourtant pas les seules styles qui sont utilisées sur une page.<br/>
<br/>
Par exemple, quelle est le style d’un lien sur une page qui n’a aucun CSS&nbsp;? Le lien est bleu dans pratiquement tous les navigateurs (il est même violet quand le lien est visité). Pareil, certains éléments sont stylisés de façon particulières&nbsp;: les formulaires ont des bordures et tous les éléments sont blancs. <br/>
Les styles ici sont produites par le navigateur lui-même&nbsp;: ce sont <strong>les styles navigateur</strong>.<br/>
<br/>
Parallèlement, un utilisateur peut forcer l’application de styles&nbsp;: il veut par exemple mettre tous les liens en orange, et toute la page en Comic Sans MS. Les navigateurs disposent d’une <strong>feuille de style utilisateur</strong> prévu pour que l’utilisateur puisse ajouter ce qu’il veut. Ceci inclut les styles introduites par les modules complémentaires, comme les bloqueurs de publicité.<br/>
<br/>
On se retrouve donc avec 3 sources de CSS&nbsp;:<br/>
<br/>
<ul>
<li> le style navigateur&nbsp;: appliqué par défaut si la page ne prévoit aucun code CSS ;</li>
<li> le style utilisateur&nbsp;: inclus par l’utilisateur.</li>
<li> le style auteur&nbsp;: inclus dans la page par l’auteur de la page ou du site ;</li></ul>
<br/>
En général, les navigateurs appliquent les styles dans l’ordre ci-dessus. <strong>C’est donc l’auteur de la page qui a le dernier mot.</strong><br/>
<br/>
Il y a <strong>une exception</strong> cependant&nbsp;: le «&nbsp;<em>!important</em>&nbsp;» dans les styles utilisateur. Ce sélecteur, le plus puissant de tous, devient encore plus puissant quand il est utilisé dans les styles utilisateurs.<br/>
Les navigateurs laissent donc le dernier mot à l’utilisateur et c’est bien normal.<br/>
<br/>
Pour Firefox, le fichier des styles utilisateurs se trouve dans le dossier chrome du profil de Firefox&nbsp;: <em>~/.mozilla/firefox/*.default/chrome/userContent.css</em> (sous GNU/Linux).<br/>
Vous pouvez essayer dans ce fichier&nbsp;: ajoutez simplement ceci&nbsp;:<br/>
a { color: green!important; }<br/>
<br/>
Enregistrez, puis redémarrez Firefox et vous verrez que tous les liens seront en vert, même si l’auteur a utilisé un sélecteur beaucoup plus puissant, avec à la fois <em>!important</em> et un ID, par exemple.<br/>
<br/>
(Pour remettre les liens normalement, supprimez le ligne du fichier userContent.css, enregistrez, puis relancez Firefox.)<br/>
<br/>
Les autres navigateurs doivent également proposer des styles utilisateurs quelque part.<br/>
Ceci est essentiel pour les personnes malvoyantes ou dyslexiques, qui ont besoin de polices de caractères spéciales, en grand et avec un contraste élevé.<br/>
<br/>
<br/>
<h3>Ressources</h3>
<br/>
Comme j’ai dit en intro, il y a peu de documentation à propos de la spécificité en CSS, mais on trouve quand même ceci&nbsp;:<br/>
<br/>
<ul>
<li> <a href="http://css.sutterlity.fr/les-bases-css/poids-selecteurs-css/">Le poids des sélecteurs CSS</a></li>
<li> <a href="http://blog.organicweb.fr/comprendre-le-poids-des-regles-css">Comprendre le poids des règles CSS - THE BLOWG</a> (avec une jolie représentation avec des poissons&nbsp;:p)</li>
<li> <a href="http://www.w3.org/TR/CSS2/cascade.html#specificity">Calculating a selector's specificity</a> (la doc officielle)</li>
<li> <a href="http://openweb.eu.org/articles/cascade_css/">Cascade CSS et priorité des sélecteurs</a></li></ul>
<br/>
Pour conclure, je pense avoir fait le tour de la question, et j’espère que ça vous permettra de déboguer votre CSS un peu plus facilement.<br/>
Je dirais une nouvelle fois que ça me surprends de ne pas trouver plus de documentation à propos de la spécificité, alors que si on regarde d’autres choses, comme les nouveaux sélecteurs CSS3 ou les couleurs HTML, tout le monde en parle et les connaît.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150726105953
title: Le streaming 4K menacé par les royalties sur les codecs
uri: Le-streaming-4K-menacé-par-les-royalties-sur-les-codecs
url:
http://lehollandaisvolant.net/?d=2015/07/26/10/59/53-le-streaming-4k-menace-par-les-royalties-sur-les-codecs

content:
<strong>Netflix</strong>, entre autres, qui utilise le <strong>codec H265</strong> pour diffuser de la vidéo en Ultra-HD (4K), <a href="http://www.frandroid.com/culture-tech/economie/298516_streaming-4k-menace-royalties-codec-h-265-hevc">est ciblé</a> par HEVC Advanced, pour leur faire payer des droits d’utilisation du codec.<br/>
<br/>
Je me marre.<br/>
<br/>
<br/>
Bah comment dire&nbsp;: c’est bien fait et ça leur apprendra d’utiliser des technologies non libres&nbsp;?<br/>
<br/>
Parce que ça fait <strong>des années</strong>, même des décennies, qu’il <a href="http://sebsauvage.net/rhaa/index.php?2010/05/19/20/44/50-google-a-libere-vp8-">existe de très bon codecs</a> et <strong>conteneurs libres</strong> d’usage et de droits pour l’audio et la vidéo&nbsp;: <a href="https://fr.wikipedia.org/wiki/Vorbis">Vorbis</a>, <a href="https://fr.wikipedia.org/wiki/Theora">Theora</a>, <a href="https://fr.wikipedia.org/wiki/WebM">WebM</a> (reprise du <a href="https://fr.wikipedia.org/wiki/Matroska">Matroska</a>, lui aussi libre), <a href="https://fr.wikipedia.org/wiki/VP9">VP8/9</a>, <a href="https://fr.wikipedia.org/wiki/Opus_Interactive_Audio_Codec">Opus</a>.<br/>
<br/>
Les formats ne sont pas ce qui manque. Et s’ils peuvent très bien ne pas être aussi bon que le H265, je pense que ça coûtera bien moins cher à Netflix et les autres d’investir dans l’évolution de ces codecs libres que de payer pour avoir le droit de se servir du H265. Et en prime, ces évolutions profiteront à tout le monde, comme ces codecs pourront profiter à eux, gratuitement.<br/>
<br/>
Il faut croire que personne n’apprend jamais&nbsp;: ça fait des années que les ayants droits du H265/H264 et même aussi ceux du MP3 et avant cela ceux du format GIF font ce qu’ils peuvent pour imposer des royalties quand on utilise leur codecs.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150728174733
title: Et si Google fermait mon compte (v2015)
uri: Et-si-Google-fermait-mon-compte-(v2015)
url: http://lehollandaisvolant.net/?d=2015/07/28/17/47/33-et-si-google-fermait-mon-compte-v2015
content:
Il y a deux ans, j’écrivais cet article&nbsp;: <a href="http://lehollandaisvolant.net/?d=2013/11/11/15/41/50-et-si-google-fermait-mon-compte">et si Google fermait mon compte&nbsp;?</a><br/>
Ça faisait suite, dans une certaine mesure, à <a href="http://lehollandaisvolant.net/?d=2013/10/31/18/21/28-myopera-va-fermer">l’annonce d’Opera</a> de fermer quelques mois plus tard leur service mail&nbsp;: je m’étais demandé quel impact pour moi aurait la fermeture d’autres services web que j’utilisais à l’époque, principalement <strong>Google</strong>.<br/>
<br/>
Depuis la fermeture de My-Opera, j’ai effectivement pris quelques mesures. Je pense être devenu moins dépendant de services externes. Il faut dire que la fermeture de mon compte email principal m’a beaucoup fait chier, mais d’un autre côté ça m’a permis d’apprendre beaucoup de choses.<br/>
<br/>
Voici mon retour d’analyse, deux ans après cet «&nbsp;incident&nbsp;», et la mise aupoint concernant ma dépendance vis à vis des autres «&nbsp;grands sites&nbsp;».<br/>
Toujours la même notation&nbsp;: 0/5 correspond à «&nbsp;<em>je m’en fous totalement</em>&nbsp;» et 5/5 à «&nbsp;<em>je suis vraiment dans la merde</em>&nbsp;».<br/>
<br/>
 Si Google fermait mon compte, en 2015&nbsp;:<br/>
<br/>
<ul>
<li> <strong>Gmail</strong>. Je n’utilise plus GMail. Mes comptes utilisateurs sur les autres sites sont sur une adresse email chez moi. <strong>Note&nbsp;: 0/5.</strong></li>
<li> <strong>Google Plus</strong>. <strong>Note&nbsp;: 2/5.</strong> J’utilise G+ pour trouver des infos intéressantes plus qu’autre choses. Je pourrais m’en passer, même si ce serait dommage.</li>
<li> <strong>Google Documents</strong>. <strong>Note&nbsp;: 0/5.</strong> J’utilise exclusivement Libre Office et je partage les fichiers qui sont à partager via mon site ou via email.</li>
<li> <strong>Youtube</strong>. Mon compte Youtube est fermé depuis quelques temps. Je n’ai plus de compte Youtube. <strong>Note&nbsp;: 0/5.</strong></li>
<li> <strong>Android</strong>. <strong>Note&nbsp;: 1/5.</strong> Il faut un compte Google pour télécharger des applications sur Google Play et utiliser diverses fonctionnalités d’Android. J’ai appris à utiliser Android sans compte Google. Si mon compte était fermé, je mettrais ces connaissances à exécution (ce n’est pas le cas actuellement). Je ne sais pas en revanche ce que Google peut encore faire si on n’est pas connecté à son compte. D’où l’intérêt d’utiliser un téléphone avec un OS Libre, mais ce n’est pas gagné. Je pense que je verrais le moment venu, en espérant que ça arrive le plus tard possible. Mais quand ça arrivera je ne serais pas paniqué, c’est déjà ça.</li>
<li> Google Maps, Google Search, Google Traduction&nbsp;: tout ça j’utilise parfois aussi. Mais il n’y a pas (encore) besoin de compte pour utiliser.</li></ul>
<br/>
<br/>
C’est tout pour Google.<br/>
<br/>
Pour les autres sites&nbsp;:<br/>
<strong>Paypal, eBay, Amazon</strong>, ça me ferait un peu chier parce que j’achète régulièrement en ligne, mais je peux m’en passer&nbsp;: il y a d’autres sites et d’autres moyens.<br/>
<strong>Microsoft/Skype, Facebook, Yahoo</strong>&nbsp;: totalement rien à faire. Je n’utilise pas de XBox, et Facebook me sert un peu à rien. Mon compte Yahoo, je ne sais même plus ce que c’est…<br/>
<strong>Twitter</strong>&nbsp;: je l’utilise de temps à autre en version web pour interagir avec ceux qui suivent mon blog via Twitter (le RSS de mon blog est reposté sur Twitter). Ça serait dommage si ça vienne à être supprimé, mais bon, tant pis&nbsp;: ça m’empêchera pas de poster et ça n’empêchera personne de lire mon site quand même si elle le souhaite vraiment.<br/>
<strong>Tumblr</strong>&nbsp;: j’aime bien Tumblr, le site est sympa et on trouve pas mal de monde. Mon site n’est plus dupliqué sur Tumblr depuis un moment car je l’utilise pour d’autres raisons maintenant, plus orienté jeux-vidéos, manga, pokémon… Là aussi, ça m’embêterait que le site ferme où que mon compte soit fermé, mais ça ne sera pas la fin du monde non plus.<br/>
<br/>
Je n’ai autrement pas de compte «&nbsp;Cloud&nbsp;» grand public, ni de compte d’écoute de musique en ligne (SoundCloud, LastFM, Deezer…).<br/>
<br/>
Bref, je suis un peu partout sur Internet, mais mon point central c’est mon site, mes noms de domaines. Je n’ai pas encore de quoi m’auto-héberger (ou même devenir mon propre FAI) pour garantir une bonne et vraie indépendance, mais si ça venait à arriver pour des raisons politiques, je suppose que le web ne sera plus un lieu digne d’intérêt pour partager quoi que ce soit. Je serais alors passé sous Tor ou Freenet depuis longtemps.<br/>
<br/>
Ce ne sont pas la fermeture de mes comptes sur les réseaux sociaux qui me font peur en tout cas.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150801181858
title: Encore quelques tweaks pour Firefox
uri: Encore-quelques-tweaks-pour-Firefox
url: http://lehollandaisvolant.net/?d=2015/08/01/18/18/58-encore-quelques-tweaks-pour-firefox
content:
<img src="media/6963604a.Mozilla_Firefox_logo_2013.png" data-original-source="http://lehollandaisvolant.net/img/ac/Mozilla_Firefox_logo_2013.png" alt="firefox logo" width="384" height="384" style="max-width: 100%; height: auto;" class="one" />
Pour les utilisateurs de Firefox, voici quelques idées qui peuvent le rendre plus pratiques. Il y en a un peu pour tous les goûts.<br/>
<br/>
<h3>Les extensions</h3>
Mes extensions du moment sont, pour la vie privée et la sécurité&nbsp;:<br/>
<ul>
<li> <a href="https://addons.mozilla.org/fr/firefox/addon/wot-safe-browsing-tool/">Web of trust</a>&nbsp;: pour un web plus sûr et vous avertir des sites dangereux ;</li>
<li> <a href="https://addons.mozilla.org/en-us/firefox/addon/ublock-origin/">µBlock Origin</a>&nbsp;: pour un web sans pub, plus rapide et plus sûr. (Tous les autres sont passés du côté obscure et sans un bloqueur, la navigation est juste impossible) ;</li>
<li> <a href="https://addons.mozilla.org/fr/firefox/addon/click-to-play-per-element/">Click to Play per-element</a>&nbsp;: permet de rendre les éléments Flash silencieuses jusqu’à ce qu’on les active par un clic. Ça empêche certaines pub, les onglets bruyants et ça allège la navigation de façon générale.</li></ul>
<br/>
Pour les fonctionnalités supplémentaires&nbsp;:<br/>
<ul>
<li> <a href="https://addons.mozilla.org/fr/firefox/addon/flash-video-downloader/">Flash Video Downloader</a>&nbsp;: télécharger des vidéos flash (Youtube). L’un des rares qui fonctionne assez bien.</li>
<li> <a href="https://addons.mozilla.org/fr/firefox/addon/textarea-cache/">Textarea Cache</a>&nbsp;: qui enregistre ce qu’on tape dans les formulaires pour éviter de perdre ce qu’on tape en cas de session expirée. Il est <em>beaucoup</em> plus léger que Lazarus car son interface est plus sobre et surtout parce qu’il peut supprimer les vieilles données à chaque session ;</li>
<li> <a href="https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/">Greasemonkey</a>&nbsp;: pour modifier tout et n’importe quoi dans les sites web (voir plus bas pour quelques uns de mes scripts).</li>
<li> <a href="https://addons.mozilla.org/fr/firefox/addon/stylish/">Stylish</a>&nbsp;: le Greasemonkey du CSS. On pourrait s’en passer et n’utiliser que Greasemonkey, mais ce module est bien plus rapide. Si vous utilisez Twitter, vous pouvez essayer mon <a href="https://twitter.com/lehollandaisv/status/625739728864845824">tweak-twitter</a>.</li></ul>
<br/>
Pour l’interface&nbsp;:<br/>
<ul>
<li> <a href="https://addons.mozilla.org/fr/firefox/addon/vertical-toolbar/">Vertical Toolbar</a>&nbsp;: pour avoir la barre de favoris sur le côté et gagner de la place en hauteur, <a href="http://lehollandaisvolant.net/?d=2013/05/28/23/25/49-firefox-gagner-de-la-place-a-lecran-avec-une-barre-de-signets-verticale">ma précédente astuce</a> ne marche plus depuis un moment ;</li>
<li> <a href="https://addons.mozilla.org/en-US/firefox/addon/tab-wheel-scroll/">Tab Wheel Scroll</a>&nbsp;: pour passer d’un onglet à un autre avec la molette de la souris (comme dans Chrome) ;</li>
<li> <a href="https://addons.mozilla.org/fr/firefox/addon/gnotifier/">GNotifier</a>&nbsp;: si vous êtes sous Linux, permet à Firefox d’utiliser le système de notification du système comme le joli Notify OSD d’Ubuntu, par exemple pour les téléchargement qui se terminent.</li></ul>
<br/>
<h3>Dans About:config</h3>
<br/>
<ul>
<li> <strong>ui.SpellCheckerUnderlineStyle</strong>&nbsp;: mettez-le à 3 pour que les mots mal orthographiés soient soulignés en rouge d’un trait plutôt qu’une vague. La lisibilité n’en est que meilleure ;</li>
<li> <strong>accessibility.tabfocus</strong>&nbsp;: mettez-le là aussi à 3 (au lieu de 7) pour que seuls les champs de saisie soient concernés par la touche de tabulation. Le «&nbsp;7&nbsp;» permet d’activer les liens en plus des champs de saisie ;</li>
<li> <strong>security.dialog_enable_delay</strong>&nbsp;: supprime le délaie de trois secondes lors de l’installation d’un module ou d’un téléchargement ;</li>
<li> <strong>browser.urlbar.trimURLs</strong>&nbsp;: passez-le à <em>false</em> avec un double clic pour que Firefox cesse de masquer des parties de l’URL ;</li>
<li> <strong>media.peerconnection.enabled</strong>&nbsp;: mettez à <em>false</em> pour désactiver WebRTC et du même coup la faille qui montre votre vraie IP même derrière un proxy (<a href="http://korben.info/proteger-faille-webrtc.html">source</a>).</li>
<li> <strong>layout.css.filters.enabled</strong>&nbsp;: activez ça pour avoir accès aux Filtres CSS3. Ce n’est pas activé par défaut, et ça permet d’utiliser <a href="http://lehollandaisvolant.net/tout/tools/toshop/">cet outil</a>.</li>
<li> <strong>places.history.expiration.max_pages</strong>&nbsp;: mettez un nombre entier ici pour limiter le nombre de pages dans l’historique de Firefox. Perso j’ai mis 4000. La clé <strong>places.history.expiration.transient_current_max_pages</strong> doit également être changée (mais elle est liée à la précédente).</li>
<li> <strong>browser.pocket.enabled</strong>&nbsp;: mettez à <em>false</em> pour désactiver Pocket dans Firefox 38+.</li>
<li> j’active tout ce qui est <a href="http://lehollandaisvolant.net/?d=2015/05/25/12/52/08-firefox-gnulinux-youtube-et-html5">sur cette page</a> pour profiter du HTML5 en fullHD sur Youtube (attention&nbsp;: ça active les DRM-html5 et les codecs proprio).</li>
<li> <strong>xpinstall.signatures.required</strong>&nbsp;: à mettre à <em>false</em> pour autoriser l’installation de modules complémentaires non signés.</li>
<li> <strong>network.http.speculative-parallel-limit</strong>&nbsp;: à mettre à <em>0</em> pour que Firefox ne fasse pas des requêtes simplement lorsqu’on passe la souris au dessus d’un lien.</li>
<li> <strong>browser.backspace_action</strong>&nbsp;: mettre ça à <em>0</em> fait que le touche «&nbsp;backspace&nbsp;» retourne d’une page dans l’historique (équivalent du bouton « précédent »). Mettre à 1 permet de faire comme une scroll-up.</li></ul>
<br/>
<br/>
<h3>Des moteurs de recherche personnalisés</h3>
<br/>
C’est sûrement la truc le plus pratique disponible dans tous les navigateurs. Ce sont les «&nbsp;!bang&nbsp;» directement dans le champ de l’URL (sans passer par DDG ou Google). N’importe quel champ de recherche peut être lié à un raccourcis «&nbsp;!bang&nbsp;».<br/>
<br/>
Personnellement j’ai ainsi Wikipédia (w), Youtube (y), Google (g), Google Image (i), Google Image recherche par URL (ii), Flickr Recherche d’images en CC (fcc)…<br/>
<br/>
Il suffit de faire un clic droit dans un champ de recherche et faire «&nbsp;<em>ajouter un mot clé pour cette recherche</em>&nbsp;». Ajoutez ainsi un mot clé en face du champ «&nbsp;mot clé&nbsp;», par exemple «&nbsp;<em>w</em>&nbsp;» pour le champ de recherche de Wikipédia et il vous suffira ensuite de taper «&nbsp;<em>w le hollandais volant</em>&nbsp;» pour afficher la page Wikipédia sur le Hollandais Volant.<br/>
<br/>
<br/>
<h3>Sur l’interface</h3>
<br/>
Pour l’interface, j’ai déjà la barre personnelle affichée verticalement sur le côté, mais j’ai aussi supprimé le champ de recherche (la barre d’URL remplissant cette fonction).<br/>
Mes icônes d’extensions sont aussi sur la barre des personnel.<br/>
<br/>
Avec l’extension <a href="https://github.com/Aris-t2/ClassicThemeRestorer">ClassicThemeRestorer</a> je peux modifier beaucoup plus de choses dans Firefox. Je remet ainsi l’icône de rafraîchissement de la page à gauche de la barre d’adresse.<br/>
<br/>
<h3>Scripts GreaseMonkey</h3>
<br/>
GreaseMonkey permet de faire des scripts pour modifier des pages à la volée.<br/>
J’ai ainsi quelques scripts pour <a href="http://lehollandaisvolant.net/?id=20140625161210">supprimer systématiquement les paramètres de tracking «&nbsp;UTM_*&nbsp;»</a> dans les URL, ou pour <a href="http://lehollandaisvolant.net/?id=20140901192145">réactiver les suggestions et le redimensionnement des champs de saisie</a>.<br/>
<br/>
J’ai aussi un script pour Youtube, me permettant d’avoir des URL Youtube propres (sans les «&nbsp;<em>featured</em>&nbsp;» ou «&nbsp;<em>source</em>&nbsp;»), ce qui est pratique pour les partager, <a href="http://lehollandaisvolant.net/?id=20141019133627">voir là</a>.<br/>
<br/>
Pour Wikipédia, je lis principalement les pages en Français et en Anglais. <a href="http://lehollandaisvolant.net/?id=20150403203919">Voici un script</a> qui va mettre en rouge les liens sur la gauche de la page (celle pour voir un article dans les autres langues). Ça permet de gagner du temps quand on cherche à trouve le lien «&nbsp;English&nbsp;» dans la liste des 200 langues disponibles.<br/>
<br/>
<br/>
<h3>UserChrome.css</h3>
<br/>
C’est le fichier dans le dossier <strong>~/.mozilla/firefox/&lt;le dossier du profile&gt;/chrome/userChrome.css</strong>.<br/>
<br/>
Ce fichier CSS permet de modifier l’interface de Firefox, en CSS. <a href="http://lehollandaisvolant.net/tuto/firefox/#toc5">À une époque je l’utilisais énormément</a>, mais avec les changements tout le temps depuis la version 3.5, je n’ai jamais tout mis à jour.<br/>
Le code suivant fonctionne cependant toujours très bien et il permet de diminuer la largeur des onglets et des onglets quand ils sont épinglés. Plus de place de gagné permet d’épingler plus d’onglets&nbsp;:<br/>
<br/>
<pre>.tabbrowser-tab[fadein]:not([pinned]) {
	min-width: 20px !important;
	max-width: 180px !important;
}

.tabbrowser-tab[pinned] {
	width: 24px!important;
	min-width: 20px !important;
	max-width: 24px !important;
}</pre>
<br/>
Et vu que j’utilise l’add-on <em>Vertical Bookmarks</em>, avec la barre de favoris sur le côté droit de l’écran, je réduis là aussi la taille des favoris à leurs favicon&nbsp;:<br/>
<br/>
<pre>#personal-bookmarks {
	width: 24px;
}</pre>
<br/>
<h3>Quelques raccourcis clavier utiles</h3>
<br/>
Les raccourcis clavier que j’utilise le plus souvent sont&nbsp;:<br/>
<br/>
<ul>
<li> <span class="toets">Ctrl</span><span class="toets">Shift</span><span class="toets">I</span>&nbsp;: ouvre les options de développement ;</li>
<li> <span class="toets">Ctrl</span><span class="toets">Shift</span><span class="toets">M</span>&nbsp;: toujours pour le dév, ouvre l’outil de redimensionnement des pages ;</li>
<li> <span class="toets">Ctrl</span><span class="toets">L</span>&nbsp;: place le curseur dans la barre d’adresse ;</li>
<li> <span class="toets">Ctrl</span><span class="toets">T</span>&nbsp;: ouvre un nouvel onglet ;</li>
<li> <span class="toets">Ctrl</span><span class="toets">W</span>&nbsp;: ferme l’onglet en cours ;</li>
<li> <span class="toets">Tab</span>&nbsp;: permet de passer au champ suivant dans un formulaire ;</li>
<li> <span class="toets">Ctrl</span><span class="toets">Tab</span>&nbsp;: permet de passer d’un onglet à l’autre (ajoutez <span class="toets">Shift</span> à la combinaison pour aller dans l’autre sens)</li></ul>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150802162718
title: [CSS] Astuce simple pour des icônes nettes sur les mobile
uri: CSS-Astuce-simple-pour-des-icônes-nettes-sur-les-mobile
url:
http://lehollandaisvolant.net/?d=2015/08/02/16/27/18-css-astuce-simple-pour-des-icones-nettes-sur-les-mobile

content:
(oui encore une astuce CSS, je suis en plein dedans, c’est pour ça&nbsp;:p)<br/>
<br/>
Quand vous faites un bouton avec une icône, dans mon cas de 48px de côté, il s’affichera très bien sur l’ordi&nbsp;:<br/>
<img src="media/e6e7b85e.desktop-ratio.png" data-original-source="http://lehollandaisvolant.net/img/97/desktop-ratio.png" alt="icônes sur l’ordinateur" width="150" height="150" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Sur mobile en revanche, l’image sera toute pixelisée et moche&nbsp;:<br/>
<img src="media/acb44124.mobile-ratio.png" data-original-source="http://lehollandaisvolant.net/img/63/mobile-ratio.png" alt="icônes sur le téléphone" width="202" height="200" style="max-width: 100%; height: auto;" class="centrerinline" />
<em>(ne vous fiez pas à la taille des captures d’écran&nbsp;: la première est zoomée 3 fois et la seconde seulement 2 fois ; sans interpolation dans les deux pas. C’est la pixellisation qu’il faut regarder).</em><br/>
<br/>
Pourquoi&nbsp;? Parce qu’un écran de mobile en full-HD mesure 12 cm, alors qu’un écran full-HD d’ordi mesure 40 cm&nbsp;: la densité de pixels (pixel-ratio) est plus grande sur mobile.<br/>
<br/>
Pour contrer ça, <strong>les navigateurs mobiles doublent les pixels</strong>&nbsp;: un pixel sur l’ordinateur correspond à 4 pixels sur mobile afin de respecter les tailles d’affichage.<br/>
Si cela concerne une image, l’image de 48px est étirée sur le double&nbsp;: 96px, et on se retrouve avec un effet de pixellisation désagréable.<br/>
<br/>
CSS et JS offrent des solutions pour détecter le pixel-ratio et fournir une image plus détaillée pour les écrans les plus denses.<br/>
On trouve des articles sur ça avec du code et des exemples&nbsp;:<br/>
<ul>
<li> <a href="http://www.html5rocks.com/en/mobile/high-dpi/">High DPI Images for Variable Pixel Densities - HTML5 Rocks</a></li>
<li> <a href="http://menacingcloud.com/?c=highPixelDensityDisplays">Optimising for High Pixel Density Displays</a></li>
<li> <a href="http://www.sitepoint.com/css-techniques-for-retina-displays/">CSS Techniques for Retina Displays</a></li></ul>
<br/>
Mais je trouve ça vachement lourd. Il y a en effet beaucoup plus simple&nbsp;: utiliser une image avec une grande résolution et la rétrécir sur les écrans les moins denses.<br/>
Le résultat visuel est sans appel&nbsp;:<br/>
<br/>
<img src="media/6d01981e.desktop-mobile-ratio.png" data-original-source="http://lehollandaisvolant.net/img/57/desktop-mobile-ratio.png" alt="icônes améliorées sur mobile et ordinateur" width="1240" height="626" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Dans les deux cas, j’ai fait deux boutons&nbsp;: celui du haut avec une image de 48px affichée dans un bouton de 48px, et celui du bas est une image de 96px affichée dans un bouton de 48px et dont la taille est rapportée à 48px.<br/>
<br/>
À gauche c’est sur mon ordinateur&nbsp;: on ne voit pas de différences entre les deux. À droite, c’est sur mobile&nbsp;: la différence est très visible&nbsp;: une icône de 96px réduite à 48px est bien plus nette&nbsp;!<br/>
<br/>
Le code CSS est très simple et elle tient en un seul mot&nbsp;: <strong>background-size</strong>.<br/>
<br/>
<br/>
<pre>#bouton-48 {
    width: 48px;
    height: 48px;
    background: url(icon96.png) no-repeat 
    background-position: 0px 0px;
    background-size: 48px 48px;
}</pre>
<br/>
L’image mesure bien 96 pixels de côté, mais elle est réduite à la taille de l’icône, donc ici d’un facteur 2.<br/>
<br/>
La démonstration en temps réel est disponible <a href="http://lehollandaisvolant.net/tout/examples/bg-size/">sur cette page</a>&nbsp;: affichez la sur l’ordi, puis sur mobile et vous verrez.<br/>
<br/>
Avec la méthode des <em>portes coulissantes</em>, si vous savez disons deux icônes de 96px côté à côte, votre image fait 192px de large sur 96px de haut. Vous devrez donc utiliser ceci&nbsp;:<br/>
<pre>    background-size: 96px 48px;</pre>
<br/>
Les valeurs dans le <em>background-position</em> ne sont pas à modifier.<br/>
<br/>
Notez qu’il y a un seul inconvénient à ceci&nbsp;: <strong>l’image de fond est plus grande, donc aussi plus lourde</strong>.<br/>
Je pense que ça vaut le coup quand même&nbsp;: si la gestion du cache est correcte, l’image restera dans le cache du navigateur.<br/>
De plus, si vous utilisez des images multi-icônes avec la méthode des portes coulissantes, le poids de l’image ne sera pas excessif non plus.<br/>
<br/>
Enfin, vous pouvez utiliser SVG, mais je pense que ça ne vaut pas le coup en terme de poids des images si petites.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150807174612
title: Flash, tu fais vraiment chier
uri: Flash-tu-fais-vraiment-chier
url: http://lehollandaisvolant.net/?d=2015/08/07/17/46/12-flash-tu-fais-vraiment-chier
content:
Ça fait 3 semaines que je me bats avec un problème de merde sous Firefox. En JS, je fais du Drag-n-drop, pour l’upload d’images.<br/>
<br/>
Mon script fait en sorte que quand je glisse un fichier sur le navigateur, un bloc prend toute la largeur de la page pour réceptionner les fichiers. Jusque là, ça va&nbsp;: ça marche, tout va bien. En fait, tout le drag-n-drop fonctionne parfaitement.<br/>
<br/>
Sauf parfois.<br/>
Parfois j’ai un comportement étrange. Parfois «&nbsp;ça veut pas&nbsp;».<br/>
<br/>
En temps normal, quand je glisse les fichiers sur la page web, j’ai l’icône de la petite main avec la flèche&nbsp;:<br/>
<img src="media/51aa44c4.cursor-arrow.png" data-original-source="http://lehollandaisvolant.net/img/20/cursor-arrow.png" alt="arrow hand cursor" width="59" height="58" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Mais parfois, en plein milieu de la page, le pointeur change&nbsp;: c’est juste la petite main. Sans la flèche&nbsp;: signifiant que que le "drop" est impossible&nbsp;:<br/>
<img src="media/e7448203.cursor.png" data-original-source="http://lehollandaisvolant.net/img/fe/cursor.png" alt="hand cursor" width="59" height="58" style="max-width: 100%; height: auto;" class="centrerinline"/>
<br/>
Il semble ainsi y avoir un sorte de «&nbsp;<em>zone morte</em>&nbsp;» en plein milieu de la page où mon drag-n-drop ne marche pas.<br/>
La zone morte est invisible. Je ne peux la mettre en évidence qu’en déplaçant le curseur lors du glissement des fichiers et trouver environ les limites de la «&nbsp;zone morte&nbsp;».<br/>
<br/>
J’ai utilisé des tas de garde-fou en JS pour savoir ce qui se passe&nbsp;: rien de concluant.<br/>
JS voit bien que le glissement (drag) s’arrête quelque part sur la page (et agit en conséquences), mais il ne sait pas me dire ce qui se passe réellement&nbsp;: ni afficher l’ID d’un éventuel bloc «&nbsp;mort&nbsp;» sur l’écran, ni mettre ce bloc en évidence…<br/>
<br/>
En fait j’ai fini par trouver d’où ça vient.<br/>
<br/>
Vous voulez savoir&nbsp;? Vraiment&nbsp;?<br/>
<br/>
<strong>C’est ce connard de Flash de merde à con de mes deux.</strong><br/>
<br/>
La «&nbsp;zone morte&nbsp;» correspond exactement à l’emplacement d’un lecteur Flash… sur un autre putain d’onglet&nbsp;!<br/>
Oui, Flash obstrue une zone du navigateur sur TOUS les onglets, même s’il est utilisé dans un seul onglet.<br/>
<br/>
Quand je ferme l’onglet avec flash (Youtube en l’occurrence), je n’ai pas de problèmes.<br/>
Je ne sais pas si le coupable est Flash ou Firefox, mais là, Flash c’est terminé. Raz le bol de ces conneries récurrentes avec ce plugin de merde.<br/>
<br/>
<br/>
Bref.<br/>
Il y a une chose à retenir en programmation. Des bugs, vous aurez forcément&nbsp;: aucun script ne fonctionne du premier coup. Parfois les bugs seront plus coriaces que d’autres, et souvent, très souvent le problème vient de là où on ne l’attends absolument pas.<br/>
Ceci en est un exemple&nbsp;: l’événement de glissement de fichiers sur une page web, dans Firefox, ne fonctionne pas si Flash fonctionne, même sur un autre onglet.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150808181534
title: Mon top de musique métal
uri: Mon-top-de-musique-métal
url: http://lehollandaisvolant.net/?d=2015/08/08/18/15/34-mon-top-de-musique-metal
content:
<img src="media/248a3050.Black_Sails_At_Midnight.jpg" data-original-source="http://lehollandaisvolant.net/img/b4/Black_Sails_At_Midnight.jpg" alt="black sails at midnight cover" width="400" height="400" style="max-width: 100%; height: auto;" class="one" />
En plus de la musique de jeux vidéos, films ou autres musique «&nbsp;épique&nbsp;» et la K-Pop/J-Pop, j’écoute aussi du métal — du folk métal — et selon certains (coucou Thierry) je serais le seul à écouter aussi bien SNSD que Ensiferum&nbsp;:D.<br/>
<br/>
Pour la musique épique et la K-Pop&nbsp;:<br/>
<ul>
<li> <a href="http://lehollandaisvolant.net/?d=2013/07/14/22/41/42-mon-top-de-chansons-j-pop-et-k-pop">Mon top de chansons J-Pop et K-Pop</a></li>
<li> <a href="http://lehollandaisvolant.net/?d=2012/11/02/12/33/41-mon-top-de-musique-epique">Mon top de musique épique</a></li></ul>
<br/>
Concernant le métal, j’écoute uniquement du «&nbsp;<strong>folk métal</strong>&nbsp;» et quelques dérivés ou genres mélodiquement proches (power métal, pirate métal, viking métal…). Tout ce qui est <em>death</em> ou <em>black</em> métal, je n’écoute pas du tout. Pas que je suis contre ou quoi, c’est juste que j’aime pas. C’est pourquoi la liste qui suit ne contient aussi qu’une petite liste de groupes (tous des groupes du nord de l’Europe) mais contrairement à mes deux autres tops de musique, j’écoute beaucoup de chansons de chaque groupe.<br/>
<br/>
Je ne suis pas spécialement fermé à écouter un autre groupe (si vous en avez, faites péter), mais les quelques groupes ici sont ceux qui j’aime beaucoup et je n’écoute qu’eux (il y a certains groupes où je n’ai pas vraiment accroché).<br/>
<br/>
En plus des airs musicaux, j’aime aussi énormément <strong>les textes</strong> qui racontent des aventures fantastiques avec des trolls, des chevaliers, des vaisseaux de pirate ou des dragons (encore faut-il que les paroles soient dans une langue que je comprenne, ce qui n’est pas systématique quand les groupes sont finlandais ou féroéens).<br/>
Une dernière chose que j’aime dans ce style de musique (plus que les autres styles de musique), ce sont <strong>les pochettes d’album</strong> qui sont de véritables œuvres d’art (voir lien en bas de l’article).<br/>
<br/>
Voici donc mon top&nbsp;:<br/>
<br/>
<strong>Alestorm</strong> (groupe écossais de <strong>pirate métal</strong>)<br/>
<br/>
<a href="https://www.youtube.com/watch?v=u9-kkZTBDGk">Heavy Metal Pirates</a>, de l’album <em>Leviathan</em><br/>
<a href="https://www.youtube.com/watch?v=_ZUWWhsPzn4">‎‎Weiber Und Wein</a>, de l’album <em>Leviathan</em><br/>
<a href="https://www.youtube.com/watch?v=hOr7c7ybAgE">‎Wolves Of The Sea</a>, de l’album <em>Leviathan</em><br/>
<a href="https://www.youtube.com/watch?v=1ZzONnhxrWk">‎1741 (The Battle of Cartagena)</a>, de l’album <em>Sunset on the Golden Age</em><br/>
<a href="https://www.youtube.com/watch?v=oFpwIEfxBP4">‎Sunset on the Golden Age</a>, de l’album <em>‎Sunset on the Golden Age</em><br/>
<a href="https://www.youtube.com/watch?v=g0egAw8CWTc">‎Magnetic North</a>, de l’album <em>‎Sunset on the Golden Age</em><br/>
<a href="https://www.youtube.com/watch?v=CFYEASepPAc">Flower of Scotland</a>, de l’album <em>Captain Morgan’s Revenge</em><br/>
<a href="https://www.youtube.com/watch?v=edOMZE3LEE0">‎Nancy the Tavern Wench</a>, de l’album <em>Captain Morgan’s Revenge</em><br/>
<a href="https://www.youtube.com/watch?v=tPb6nG1E4P0">Captain Morgan's Revenge</a>, de l’album <em>Captain Morgan’s Revenge</em><br/>
<a href="https://www.youtube.com/watch?v=e3HCHeFgLAs">‎Chronicles of Vengeance</a>, de l’album <em>Black Sails At Midnight</em><br/>
<a href="https://www.youtube.com/watch?v=jQxQKA7etZU">Pirate Song</a>, de l’album <em>Black Sails At Midnight</em><br/>
<a href="https://www.youtube.com/watch?v=XNWESuKxsLQ">To the End of Our Days</a>, de l’album <em>Black Sails At Midnight</em><br/>
<a href="https://www.youtube.com/watch?v=4oXrx-JA9IM">Keelhauled</a>, de l’album <em>Black Sails At Midnight</em><br/>
<a href="https://www.youtube.com/watch?v=GXoZsgNHquM">You Are A Pirate</a>, de l’album <em>Back Through Time</em><br/>
<a href="https://www.youtube.com/watch?v=mIBMt28d1FA">I Am A Cider Drinker</a>, de l’album <em>Back Through Time</em><br/>
<a href="https://www.youtube.com/watch?v=z72XB7ihJyk">‎Scraping The Barrel</a>, de l’album <em>Back Through Time</em><br/>
<a href="https://www.youtube.com/watch?v=qWKpDSSKhgo">Back Through Time</a>, de l’album <em>Back Through Time</em><br/>
<br/>
<br/>
<strong>Dragonforce</strong> (groupe britannique de <strong>power metal</strong>)<br/>
<br/>
<a href="https://www.youtube.com/watch?v=VOLXT4NjKSk">Where Dargons Rule</a>, de l’album <em>Valley Of The Damned</em><br/>
<a href="https://www.youtube.com/watch?v=ADC4AojIVe0">Starfire</a>, de l’album <em>Valley Of The Damned</em><br/>
<a href="https://www.youtube.com/watch?v=UgUkZcW-HKY">Evening Star</a>, de l’album <em>Valley Of The Damned</em><br/>
<a href="https://www.youtube.com/watch?v=9vE5LP0keEE">Black Winter Night</a>, de l’album <em>Valley Of The Damned</em><br/>
<a href="https://www.youtube.com/watch?v=6o9-LEL9g60">Inside the Winter Storm</a>, de l’album <em>Ultra Beatdown</em><br/>
<a href="https://www.youtube.com/watch?v=7FQk3JS2jEA">The Fire Still Burns</a>, de l’album <em>Ultra Beatdown</em><br/>
<a href="https://www.youtube.com/watch?v=t73GFS4ax-4">Heart Of The Storm</a>, de l’album <em>The Power Within</em><br/>
<a href="https://www.youtube.com/watch?v=qVxeLyPUnIo">Seasons</a>, de l’album <em>The Power Within</em><br/>
‎<a href="https://www.youtube.com/watch?v=cU4GXgaCFTI">Cry Thunder</a>, de l’album <em>The Power Within</em><br/>
‎<a href="https://www.youtube.com/watch?v=ZPdFjZX1s_Y">Last Man Stands</a>, de l’album <em>The Power Within</em><br/>
<a href="https://www.youtube.com/watch?v=a2DI0k9NOIc">Dawn Over a New World</a>, de l’album <em>Sonic Firestorm</em><br/>
<a href="https://www.youtube.com/watch?v=KxO-RLFyNi8">Cry Of The Brave</a>, de l’album <em>Sonic Firestorm</em><br/>
<a href="https://www.youtube.com/watch?v=yg8VFMZ6_g8">Soldiers Of The Wasteland</a>, de l’album <em>Sonic Firestorm</em><br/>
<a href="https://www.youtube.com/watch?v=faRf7TEkjxk">You're Not Alone</a>, de l’album <em>Maximum Overload</em><br/>
<a href="https://www.youtube.com/watch?v=4-8t7vaooAE">Ring of Fire</a>, de l’album <em>Maximum Overload</em><br/>
<a href="https://www.youtube.com/watch?v=G-YnStplJgM">Chemical Interference</a>, de l’album <em>Maximum Overload</em><br/>
<a href="https://www.youtube.com/watch?v=8UYnoLActqo">Fight To Be Free</a>, de l’album <em>Maximum Overload</em><br/>
<a href="https://www.youtube.com/watch?v=0jgrCKhxE1s">Through The Fire And Flames</a>, de l’album <em>Inhuman Rampage</em><br/>
<br/>
<br/>
<strong>Ensiferum</strong> (groupe finlandais de <strong>viking métal</strong>)<br/>
<br/>
<a href="https://www.youtube.com/watch?v=Ne42imPIlm8">‎Tale Of Revenge</a>, de l’album <em>Iron</em><br/>
‎<a href="https://www.youtube.com/watch?v=1s6Fz8BATWE">Deathbringer From The Sky</a>, de l’album <em>Victory Song</em><br/>
<a href="https://www.youtube.com/watch?v=Z7btFuLiIBw">Abandoned</a>, de l’album <em>Ensiferum</em><br/>
<a href="https://www.youtube.com/watch?v=wxqhV6Lx_uo">Pohjola</a>, de l’album <em>Unsung Heroes</em><br/>
<a href="https://www.youtube.com/watch?v=T7DbZ-C4EMQ">Lady In Black</a>, de l’album <em>Victory Song</em><br/>
<a href="https://www.youtube.com/watch?v=5dHjm7JWQPE">Raised By The Sword</a>, de l’album <em>Victory Song</em><br/>
<a href="https://www.youtube.com/watch?v=U6N5cyWCyGQ">Wanderer</a>, de l’album <em>Victory Song</em><br/>
<a href="https://www.youtube.com/watch?v=kXoWHA6EUDc">Neito Pohjolan</a>, de l’album <em>One Man Army</em><br/>
<a href="https://www.youtube.com/watch?v=t3VgBZ-QK58">Cry For The Earth Bounds</a>, de l’album <em>One Man Army</em><br/>
<a href="https://www.youtube.com/watch?v=3zaHIk9Zscc">Heathen Horde</a>, de l’album <em>One Man Army</em><br/>
<a href="https://www.youtube.com/watch?v=czrE9a4gvMg">March of War</a>, de l’album <em>One Man Army</em><br/>
<a href="https://www.youtube.com/watch?v=-CCKUIRQUtQ">The Longest Journey</a>, de l’album <em>From Afar</em><br/>
<a href="https://www.youtube.com/watch?v=VLhAZLezJvQ">Token of Time</a>, de l’album <em>Ensiferum</em><br/>
<a href="https://www.youtube.com/watch?v=EZKcyYKkwUA">Finnish Medley</a>, de l’album <em>Dragonheads</em><br/>
<br/>
<br/>
<strong>Heidevolk</strong> (groupe néerlandais de <strong>folk metal</strong>)<br/>
<br/>
<a href="https://www.youtube.com/watch?v=reOLeLX0Q9U">Vulgaris Magistralis</a>, de l’album <em>De Strijdlust is Geboren</em><br/>
‎<a href="https://www.youtube.com/watch?v=WljyBSLiViU">Het Bier Zal Weer Vloeien</a>, de l’album <em>De Strijdlust is Geboren</em><br/>
<a href="https://www.youtube.com/watch?v=EMou4TIBUXw">Deemstering</a>, de l’album <em>Uit Oude Grond</em><br/>
<a href="https://www.youtube.com/watch?v=IhTZmpxh_so">Een Nieuw Begin</a>, de l’album <em>Batavia</em><br/>
<a href="https://www.youtube.com/watch?v=SYKdl-FvYIU">Wapenbroeders</a>, de l’album <em>Batavia</em><br/>
<br/>
<br/>
<img src="media/6350a1d8.manala.jpg" data-original-source="http://lehollandaisvolant.net/img/f9/manala.jpg" alt="manala cover" width="400" height="400" style="max-width: 100%; height: auto;" class="one" />
<strong>Korpiklaani</strong> (groupe finlandais de <strong>folk métal</strong>)<br/>
<br/>
<a href="https://www.youtube.com/watch?v=aelRQ6po60k">Gods On Fire</a>, de l’album <em>Korven Kunigas</em><br/>
<a href="https://soundcloud.com/namartin/korpiklaani-dolorous-cover">Dolorous</a>, de l’album <em>Manala</em><br/>
<a href="https://www.youtube.com/watch?v=17ueO8bBeMM">Surma</a>, de l’album <em>Ukon Wacka</em><br/>
<a href="https://www.youtube.com/watch?v=YmjnkFegdoc">Vaarinpolkka</a>, de l’album <em>Ukon Wacka</em><br/>
<a href="https://www.youtube.com/watch?v=F63XQlEjnTw">Koivu Ja Tähti</a>, de l’album <em>Ukon Wacka</em><br/>
<a href="https://www.youtube.com/watch?v=adYfXnNlvW8">Tequila</a>, de l’album <em>Ukon Wacka</em><br/>
<a href="https://www.youtube.com/watch?v=mlBUjdqZXGs">Päät Pois Tai Hirteen</a>, de l’album <em>Ukon Wacka</em><br/>
Jouni Jouni, de l’album <em>Noita</em><br/>
<a href="https://www.youtube.com/watch?v=a247R3mNs5A">Ieva's Polka</a>, de l’album <em>Manala</em><br/>
Soil of the Corpse, de l’album <em>Manala</em><br/>
<a href="https://www.youtube.com/watch?v=2rzRWOLDTMA">Honor</a>, de l’album <em>Manala</em><br/>
<a href="https://www.youtube.com/watch?v=RhzA9roBl6c">Ruumiinmultaa</a>, de l’album <em>Manala</em><br/>
<a href="https://www.youtube.com/watch?v=PJwo6bMKBaw">Rauta</a>, de l’album <em>Manala</em><br/>
<a href="https://www.youtube.com/watch?v=TEbYs0lNfq4">Suden Joiku</a>, de l’album <em>Korven Kunigas</em><br/>
<a href="https://www.youtube.com/watch?v=MdgLR9RttZQ">Metsämies</a>, de l’album <em>Korven Kunigas</em><br/>
<a href="https://www.youtube.com/watch?v=z8cqQJI1TBg">Vesaisen Sota</a>, de l’album <em>Karkelo</em><br/>
<a href="https://www.youtube.com/watch?v=Ng3HhIScq-w">Koennin Kuokkamies</a>, de l’album <em>Karkelo</em><br/>
<a href="https://www.youtube.com/watch?v=xsGuc_Mf_8c">Juodaan Viinaa</a>, de l’album <em>Karkelo</em><br/>
‎<a href="https://www.youtube.com/watch?v=e7kJRGPgvRQ">Vodka</a>, de l’album <em>Karkelo</em><br/>
<br/>
<br/>
<strong>Týr</strong> (groupe féroïen de <strong>folk métal</strong>)<br/>
<br/>
<a href="https://www.youtube.com/watch?v=zaFMODV9tTU">The Lay Of Our Love</a>, de l’album <em>Valkyria</em><br/>
<a href="https://www.youtube.com/watch?v=Agdc48fK_-4">The Lay of Thrym</a>, de l’album <em>The Lay of Thrym</em><br/>
<a href="https://www.youtube.com/watch?v=UqmgpuZLsXQ">Turið Torkilsdóttir</a>, de l’album <em>By the Light of the Northern Star</em><br/>
<a href="https://www.youtube.com/watch?v=JBjOe7cbBq4">Dreams</a>, de l’album <em>Eric The Red</em><br/>
‎<a href="https://www.youtube.com/watch?v=QyZxiYeuabM">Northern Gate</a>, de l’album <em>By the Light of the Northern Star</em><br/>
<a href="https://www.youtube.com/watch?v=Q7wJLBVwpB0">The Wild Rover</a>, de l’album <em>Eric The Red</em><br/>
<a href="https://www.youtube.com/watch?v=aZ69OVe9zrE">Evening Star</a>, de l’album <em>The Lay of Thrym</em><br/>
<a href="https://www.youtube.com/watch?v=ApZPClBMHm8">Valkyrja</a>, de l’album <em>Land</em><br/>
<a href="https://www.youtube.com/watch?v=LvF2sgjuD4o">By the Light of the Northern Star</a>, de l’album <em>By the Light of the Northern Star</em><br/>
<a href="https://www.youtube.com/watch?v=TLAq5_L_fu0">Into the Storm</a>, de l’album <em>By the Light of the Northern Star</em><br/>
<br/>
<br/>
<strong>Ultra Vomit</strong> (groupe français de heavy metal parodique)<br/>
(La mention de ce groupe ici est d’avantage anecdotique, mais j’aime bien quand même)<br/>
<br/>
ÉDIT&nbsp;: j’ai oublié la seule chanson d’<strong>Avenged Sevenfold</strong> (groupe américain de heavy métal) que j’écoute. C’est sûrement la seule chanson calme du groupe, mais j’aime beaucoup justement&nbsp;:<br/>
<a href="https://www.youtube.com/watch?v=mzX0rhF8buo">Dear God</a><br/>
<br/>
<br/>
Pour les pochettes d’album, j’ai une petite collection ici&nbsp;: <a href="http://lehollandaisvolant.net/tout/folio/?fol=metal+covers">http://lehollandaisvolant.net/tout/folio/?fol=metal+covers</a>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150811223945
title: Vous êtes ridicules avec vos marques !
uri: Vous-êtes-ridicules-avec-vos-marques
url: http://lehollandaisvolant.net/?d=2015/08/11/22/39/45-vous-etes-ridicules-avec-vos-marques
content:
<img src="media/d9972237.are-you-fucking-kidding-me.jpg" data-original-source="http://lehollandaisvolant.net/img/05/are-you-fucking-kidding-me.jpg" alt="are-you-fucking-kidding-me" width="400" height="309" style="max-width: 100%; height: auto;" class="one"/>
Bon ça y est…<br/>
<br/>
Tout le monde est au courant&nbsp;? <a href="http://www.nikopik.com/2015/08/google-devient-une-filiale-du-groupe-alphabet-schema-de-la-nouvelle-organisation.html">Google change de nom</a>&nbsp;: l’entreprise mère devient «&nbsp;<em>Alphabet</em>&nbsp;». Le nom Google restera quant à lui uniquement là pour le moteur de recherche, et quelques autres trucs proches (Chrome, Android, Gmail…). Tout les autres activités de l’entreprise sont séparées du nom de «&nbsp;<em>Google</em>&nbsp;»&nbsp;: les labos de recherche (Google X), les voitures autonomes (Google Cars), le Fai (Google fiber)…<br/>
<br/>
Même pas quelques heures que l’annonce fait le tour du monde, et déjà les premiers délires ubuesques arrivent&nbsp;: voilà que <a href="http://www.20minutes.fr/web/1665431-20150811-bmw-verifie-alphabet-google-porte-atteinte-marques">BMW s’inquiète</a>&nbsp;: en effet, la marque de voitures a elle aussi une filiale nommée «&nbsp;<em>Alphabet</em>&nbsp;».<br/>
<br/>
Dites, les gars, <strong>et si vous arrêtiez de prendre comme nom de marque des mots du dictionnaire</strong> aussi&nbsp;? Ouais, je parle à vous, là&nbsp;: Alphabet, Orange, Apple, Free, Blackberry, et j’en passe.<br/>
Ça serait pas plus simple pour tout le monde d’inventer un mot nouveau pour votre boîte&nbsp;?<br/>
<br/>
Je vais faire une marque moi aussi&nbsp;: «&nbsp;<em>Bonjour</em>&nbsp;», et demander des royalties à chaque fois qu’on le prononce. Ça vous va&nbsp;?<br/>
Ah merde, «&nbsp;<em>Bonjour</em>&nbsp;» est déjà un truc propriétaire de Pomme (Apple), pour un service de mise à jour d’iTunes. Le mot «&nbsp;<em>Hello</em>&nbsp;» alors&nbsp;? Ah non, c’est réservé par les biscuits Lu.<br/>
<br/>
Bandes de brigands, sérieux.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150812194323
title: [CSS] Arrêtez d’utiliser float n’importe comment
uri: CSS-Arrêtez-d-utiliser-float-n-importe-comment
url: http://lehollandaisvolant.net/?d=2015/08/12/19/43/23-css-arretez-dutiliser-float-nimporte-comment
content:
Je viens de me retrouver sur <a href="http://www.frontendevelopers.com/use-of-clearfix-class/">cet article</a> qui montre comment faire des colonnes avec <em>float</em> et de palier au problème du <em>clear:both</em> sans toucher au HTML. La solution retenue — quoiqu’<a href="http://lehollandaisvolant.net/?id=20150810162957">invalide CSS</a> — est élégante… si on retourne en <strong>2009</strong>&nbsp;!<br/>
<br/>
Car pourquoi utiliser des flottants&nbsp;?<br/>
<br/>
<strong>Utilisez Flexbox</strong> plutôt&nbsp;!<br/>
<br/>
Non seulement vous n’aurez <strong>pas besoin de hack</strong> comme ça, mais en plus vous aurez la possibilité de faire des <strong>colonnes de la même hauteur</strong>.<br/>
<br/>
Je n’ai rien contre <em>float</em>, mais son but est de faire sortir un élément de la structure de la page et de le faire <em>flotter</em> au dessus. À quoi ça sert d’utiliser float si on lui dit, avec <em>clear</em>, de se remettre dans la page&nbsp;?<br/>
Autant ne pas utiliser <em>float</em> et choisir quelque chose de plus adapté, comme flexbox&nbsp;: c’est <a href="http://caniuse.com/#search=flex">largement supporté</a>.<br/>
<br/>
Voyez le résultat ici&nbsp;: <a href="http://codepen.io/anon/pen/WvWxVj?editors=110">demo</a>.<br/>
Et pour vous amuser, voilà un <a href="http://the-echoplex.net/flexyboxes/">Flexbox playground</a>, ainsi qu’un <a href="http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html">tutoriel en Français</a>.<br/>
<br/>
Je vous ferai aussi un article, bientôt, pour donner des exemples de choses possibles avec Flexbox.<br/>
<br/>
<em>(cet article est le deuxième dans la série «&nbsp;<a href="http://lehollandaisvolant.net/?d=2014/01/29/14/34/04-css-faire-des-menus-sans-flottants-avec-display-inline-block">arrêtez d’utiliser les flottants alors qu’il y a mieux</a>&nbsp;»)</em>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150822221132
title: [CSS] Quelques possibilités apportées par le modèle « flexbox »
uri: CSS-Quelques-possibilités-apportées-par-le-modèle-flexbox
url:
http://lehollandaisvolant.net/?d=2015/08/22/22/11/32-css-quelques-possibilites-apportees-par-le-modele-flexbox

content:
Ça fait des années que je fais du CSS. Je suis un grand adepte du <em>full-CSS</em> et de l’usage des dernières technologies CSS. L’une d’elle c’est <strong>le modèle d’affichage de boîtes flexibles&nbsp;: FlexBox</strong>.<br/>
Ce concept en CSS existe depuis plusieurs années mais les spécifications n’ont pas cessées de changer (il y a au moins 3 spécifications différentes… par <em>navigateur</em>) mais il peut actuellement être considéré comme stable&nbsp;: les navigateurs à jour actuellement implémentent tous la même spécification.<br/>
<br/>
Si je vous en parle en particulier c’est que plus je l’utilise, plus elle me facilite la vie.<br/>
<br/>
Vous désirez centrer un élément&nbsp;? L’étirer&nbsp;? Changer l’ordre de plusieurs éléments&nbsp;? Orienter des menus&nbsp;? Faire des colonnes égales&nbsp;? Le tout <strong>sans</strong> vous faire casser la tête&nbsp;?<br/>
<strong>FlexBox est fait pour ça</strong>, et c’est relativement simple.<br/>
<br/>
Flexbox fonctionne un peu sur le même principe que le duo ul/li ou le trio table/table-row/table-cell, à savoir une relation bloc-parent/blocs-enfants&nbsp;: <strong>il y a ainsi un parent en «&nbsp;<em>display: flex</em>&nbsp;» et c’est avec les blocs enfants qu’on bricole</strong>. Si vous avez compris tout ça, vous avez compris 80% de flexbox.<br/>
<br/>
Ici je vous propose quelques exemples de ce que permet FlexBox.<br/>
En revanche, cet article n’est pas un tuto qui vous apprend tout ce qu’il faut savoir. Il s’agit plus d’un mémo illustré de code et de démos pour accomplir de choses précises qu’on avait l’habitude de faire autrement. Pour des tutos ou cours complets, j’ai mis quelques liens en bas de l’article.<br/>
<br/>
<br/>
<h3>Centrer</h3>
Centrer un élément horizontalement en simple CSS est très simple. Centrer verticalement relève d’avantage du casse-tête&nbsp;: il faut jongler avec line-height, position, display, margin et parfois du <a href="http://lehollandaisvolant.net/?id=20130720155024">JavaScript</a>…<br/>
Avec flex, c’est plus simple&nbsp;:<br/>
<br/>
En prenant le premier code HTML ci-dessus, pour centrer un bloc dans l’autre sur les deux axes&nbsp;:<br/>
<br/>
<pre>#parent {
	display: flex;
	justify-content: center;
	align-items: center;
}

#enfant {
}</pre>
<br/>
<div style="text-align:center;"><img src="media/08cc82fa.demoflex-1.png" data-original-source="http://lehollandaisvolant.net/img/23/demoflex-1.png" alt="centrer verticalement et horizontalement en CSS" width="600" height="480" style="max-width: 100%; height: auto;" />
<br/>
(<a href="http://lehollandaisvolant.net/tout/examples/flex/flex1.html">Démonstration</a>)</div><br/>
<br/>
Ici&nbsp;:<br/>
<ul>
<li> <em>justify-content</em> permet de placer les éléments sur l’axe principal (horizontal, par défaut)&nbsp;: soit au début, soit espacés, soit à la fin, soit centré comme ici.</li>
<li> <em>align-items</em> permet de placer les éléments sur l’axe secondaire (vertical, par défaut) de la même façon que <em>justify-content</em>.</li></ul>
<br/>
Bien-sûr, les éléments sont centrés même si on ajoute des marges, des bordures ou des tailles en %.<br/>
Par contre, si vous voulez centrer une image ou une vidéo, ces dernières ayant une dimension et une proportion propre (contrairement à du texte), je conseille <a href="http://lehollandaisvolant.net/?id=20150731185744">cette méthode</a> (flexbox ne sera pas adapté, car une image n’est pas flexible si elle doit conserver ses proportions).<br/>
<br/>
<br/>
<h3>Colonnes de même hauteur</h3>
Un autre problème ancestral en CSS, c’est celui des colonnes de même hauteur. Avant il fallait des images ou des tableaux (et si utiliser les tableaux était un crime, «&nbsp;display: table-cell;&nbsp;» reste un délit).<br/>
<br/>
Ici, le code est simple à comprendre également&nbsp;: on va utiliser un <em>#parent</em> et deux <em>.enfants</em>.<br/>
Sur les enfants, le premier est de taille fixe et le second prend tout le reste de l’espace disponible horizontalement.<br/>
Enfin, on dit que les enfants doivent occuper toute la place sur l’axe vertical.<br/>
<br/>
<pre>#parent {
	display: flex;
	align-items: stretch;
}

.enfant:first-child {
	flex: 0 0 200px;
}

.enfant:last-child {
	flex: 1 1 auto;
}</pre>
<br/>
<div style="text-align:center;"><img src="media/58f69573.demoflex-2.png" data-original-source="http://lehollandaisvolant.net/img/22/demoflex-2.png" alt="faire des colonnes avec flex" width="600" height="480" style="max-width: 100%; height: auto;" />
<br/>
(<a href="http://lehollandaisvolant.net/tout/examples/flex/flex2.html">Démonstration</a>)</div><br/>
<br/>
<ul>
<li> Le <em>align-items:stretch</em> sur le parent signifie que les éléments sont étirés sur l’axe vertical, donc les deux seront de la taille de l’élément le plus grand (le principe des colonnes de même hauteur).</li>
<li> <em>flex: 0 0 200px</em> sur le premier enfant&nbsp;: il y a 3 valeurs pour flex. Les deux premières sont pour la flexibilité&nbsp;: 0 pour la flexibilité en rétrécissement et 0 pour la flexibilité en agrandissement et une largeur initiale de 200px. Pas de flexibilité signifie donc que la colonne est de largeur fixe.</li>
<li> <em>flex: 1 1 auto</em> du second (et dernier) enfant&nbsp;: il est donc entièrement flexible (en rétrécissement comme en agrandissement) et il n’a pas de largeur précise.</li></ul>
<br/>
Vous pouvez ainsi faire plus de 2 colonnes aussi&nbsp;: une centrale large avec deux petites sur chaque côté, comme dans <a href="http://lehollandaisvolant.net/tout/examples/flex/flex2.2.html">cet exemple</a>.<br/>
<br/>
Ayez en tête par contre que si vous utilisez des blocs flexibles, les autres types de positionnement (display, float…) ne marchent plus&nbsp;: c’est l’affichage en mode «&nbsp;flex&nbsp;» qui prend le dessus. Aussi, si vous déclarez une largeur de base avec <em>flex: 1 1 200px</em> par exemple, alors la propriété <em>width</em> ne donnera pas non plus le comportement attendu.<br/>
<br/>
L’avantage de cette méthode sur une colonne flottante, c’est que le bloc flottant pouvait passer au dessus du reste de la page.<br/>
<br/>
<h3>Étirer</h3>
Flex, vous commencez à le voir, permet non seulement de jouer sur le placement et l’étirement vertical, mais aussi l’étirement horizontal. À l’image de ce que float permet, vous pouvez ici placer un élément sur un côté ou l’autre, mais tout en le conservant dans le flux de la page.<br/>
<br/>
C’est ce qui est utilisé dans mon astuce pour placer <a href="http://lehollandaisvolant.net/?d=2015/07/17/23/46/32-css-un-effet-labelinput-avec-icone-et-flexbox">les icônes à côté des formulaires</a>&nbsp;: l’icône est de largeur fixe et le champ du formulaire est flexible et peut s’agrandir librement, tout en restant bien à côté de l’icône. Flexbox apporte, en plus des flottants, tous les avantages du centrage et de l’étirement.<br/>
<br/>
C’est ici la propriété <em>flex: 1;</em> appliqué sur le bloc à étirer qui se charge de faire tout ça.<br/>
Cette idée peut être utilisée sur les champs de formulaire, donc, mais aussi sur les titres-icônes, les menus et tout ce que vous voulez en fait.<br/>
<br/>
<br/>
<h3>Mélanger</h3>
Une des avancées importantes apportée par flexbox, c’est que l’on peut déplacer des blocs au sein de la page sans avoir à toucher au code HTML.<br/>
Si le code HTML contient trois éléments enfants dans un ordre précis (A, B, C), on peut les ordonner autrement&nbsp;: A, C, B, ou B, A, C par exemple&nbsp;:<br/>
<br/>
<pre>.enfant {
	flex: 1;
}
#enfant-A {
	order: 3;
}
#enfant-B {
	order: 1;
}
#enfant-C {
	order: 2;
}</pre>
<br/>
Ici, les éléments sont tous flexibles et on a modifié leur ordre d’affichage&nbsp;: si dans le code HTML l’ordre est A, B, C, à l’affichage flexbox changera ça en B, C, A&nbsp;:<br/>
<br/>
<div style="text-align:center;"><img src="media/bd6562f5.demoflex-3.png" data-original-source="http://lehollandaisvolant.net/img/2f/demoflex-3.png" alt="changer l’ordre des éléments html avec flexbox" width="601" height="480" style="max-width: 100%; height: auto;" />
<br/>
(<a href="http://lehollandaisvolant.net/tout/examples/flex/flex3.html">Démonstration</a>)</div><br/>
<br/>
Bien-sûr, vous pouvez combiner l’ordre des éléments avec toutes les autres fonctionnalités de flexbox.<br/>
<br/>
<br/>
<h3>Orienter</h3>
Une autre innovation est la possibilité d’orienter les éléments avec une simple propriété&nbsp;: si on a une collection d’éléments enfant, on peut les placer sur une ligne ou sur une colonne&nbsp;:<br/>
<br/>
Pour mettre en ligne (par défaut)&nbsp;:<br/>
<pre>#parent {
	flex-direction: row;
}</pre>
<br/>
Et en colonne&nbsp;:<br/>
<pre>#parent {
	flex-direction: column;
}</pre>
<br/>
<div style="text-align:center;"><img src="media/9a6fbce2.flex-row.png" data-original-source="http://lehollandaisvolant.net/img/95/flex-row.png" alt="orientation flexbox" width="1227" height="480" style="max-width: 100%; height: auto;" />
<br/>
(<a href="http://lehollandaisvolant.net/tout/examples/flex/flex4.html">Démonstration</a>)</div><br/>
<br/>
Là aussi, il peut être intéressant de mélanger l’orientation avec les autres propriétés de flexbox.<br/>
<br/>
Notez qu’au dessus j’ai parlé d’axe «&nbsp;<em>principal</em>&nbsp;» et «&nbsp;<em>secondaire</em>&nbsp;». Le <em>flex-direction</em> permet d’inverser les deux axes en fait. Par défaut, l’axe principal est horizontal (les éléments sont placés sur une ligne) et l’axe secondaire est vertical (les éléments occupent une section de la ligne, mais peuvent être en haut, au centre ou en bas <a href="http://lehollandaisvolant.net/tout/examples/flex/flex6.html">de leur sections respectives</a>).<br/>
<br/>
<br/>
<h3>Aérer</h3>
Encore un effet attendu de flexbox&nbsp;: pouvoir disperser des éléments sur une ligne, en distribuant l’espace vide entre chaque élément. Ceci est particulièrement pratique pour les menus&nbsp;: avec ce code, inutile de diviser la largeur de l’écran par 5 et donner à chaque élément 1/5 de la largeur (et vous embêter avec les marges et les bordures)&nbsp;: flexbox peut distribuer les éléments sur toute la ligne de façon fluide.<br/>
<br/>
<pre>#parent {
	justify-content: space-between;
}</pre>
<br/>
Les éléments aux extrémités restent à chaque bout et les autres éléments sont espacés sur toute la ligne&nbsp;:<br/>
<br/>
<div style="text-align:center;"><img src="media/bbb056bf.spacing.png" data-original-source="http://lehollandaisvolant.net/img/1a/spacing.png" alt="flexbox spacing" width="604" height="484" style="max-width: 100%; height: auto;" />
<br/>
(<a href="http://lehollandaisvolant.net/tout/examples/flex/flex5.html">Démonstration</a>)</div><br/>
<br/>
<br/>
<h3>Ressources</h3>
<ul>
<li> <a href="http://the-echoplex.net/flexyboxes/">Un play-ground pour FlexBox</a></li>
<li> <a href="http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html">FlexBox sur AlsaCréations</a></li>
<li> <a href="https://developer.mozilla.org/fr/docs/Web/Guide/CSS/Flexible_boxes">Flexible Boxes sur le MDN</a></li>
<li> Diverses démonstrations et astuces utilisant flexbox&nbsp;: <a href="https://philipwalton.github.io/solved-by-flexbox/">Soved by FlexBox</a></li></ul>
<br/>
Pour des choses plus évoluées encore, sachez que vous pouvez faire des blocs flexibles et imbriqués&nbsp;: un élément enfant flexible peut lui-même être en <em>display:flex</em> et avoir des enfants flexibles eux aussi, comme sur <a href="http://lehollandaisvolant.net/tout/examples/flex/flex7.html">cette démo</a>, avec leur propre orientation et effets.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150825161513
title: On va l’avoir, notre redevance TV sur les téléphones
uri: On-va-l-avoir-notre-redevance-TV-sur-les-téléphones
url:
http://lehollandaisvolant.net/?d=2015/08/25/16/15/13-on-va-lavoir-notre-redevance-tv-sur-les-telephones

content:
<img src="media/47b5839c.tv-in-the-street.jpg" data-original-source="http://lehollandaisvolant.net/img/2d/tv-in-the-street.jpg" alt="photo d’un téléviseur posé sur le trottoir" width="400" height="271" style="max-width: 100%; height: auto;" class="one"/>
C’est de nouveau en débat&nbsp;: <a href="http://pro.clubic.com/legislation-loi-internet/actualite-777198-redevance-audiovisuel.html">faut-il étendre la redevance TV</a> aux ordinateurs/consoles/tablettes/smartphones&nbsp;?<br/>
<br/>
Je ne comprends toujours pas en quoi utiliser mon téléphone ou mon ordinateur  justifie que je donne de l’argent pour France 3. Ça n’a <strong>aucun sens</strong>.<br/>
Est-ce qu’un éleveur d’oies touche de l’argent grâce à un impôt sur les perceuses&nbsp;? <strong>Non.</strong> Alors qu’ils aillent se faire foutre avec leur «&nbsp;extension de la redevance&nbsp;». Internet n’est pas la télé.<br/>
<br/>
S’ils veulent faire payer ça, soit ils mettent un abonnement équivalent à la redevance sur un sorte de Netflix pour les chaînes publique (la télé en somme, où payent ceux qui veulent, donc comme maintenant), soit qu’ils incluent un impôt pour tous les foyers, sans dire que c’est spécifiquement pour l’audiovisuel public.<br/>
Après tout, y a pas non plus de «&nbsp;<em>redevance éclairage public</em>&nbsp;» ou «&nbsp;<em>redevance espaces verts</em>&nbsp;», pour lesquelles ont serait exonéré si on ne sortait jamais la nuit où si on n’entraient jamais dans un parc.<br/>
<br/>
Mais mettre un impôt sur les ordis pour financer la télé, c’est juste débile.<br/>
<br/>
<p class="small">image de <a href="https://www.flickr.com/photos/bonnaf/3498642138/">Bonnaf</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150827184654
title: Pourquoi mettre le JavaScript à la fin et le CSS au début ?
uri: Pourquoi-mettre-le-JavaScript-à-la-fin-et-le-CSS-au-début
url:
http://lehollandaisvolant.net/?d=2015/08/27/18/46/54-pourquoi-mettre-le-javascript-a-la-fin-et-le-css-au-debut

content:
Dans la création de pages web, on lit souvent qu’il faut mettre les fichiers CSS dans <em>head</em>, au début du document HTML et qu’il faut mettre le JavaScript à la fin. Bien rarement par contre il est dit pourquoi.<br/>
<br/>
<figure><img src="media/186646f0.capture-mon-site-elements-3D.png" data-original-source="http://lehollandaisvolant.net/img/ee/capture-mon-site-elements-3D.png" alt="disposition en 3D des éléments d’une page web" width="920" height="707" style="max-width: 100%; height: auto;" /><figcaption>Schématisation en 3D des éléments d’une page web.</figcaption></figure>
<br/>
<br/>
Lors du processus d’affichage d’une page web, la première phase consiste au téléchargement de la page web&nbsp;: le document HTML ainsi que les images, mais aussi les feuilles CSS de styles et les scripts JS liés.<br/>
<br/>
<strong>Le contenu HTML</strong>, c’est ce qu’on voit&nbsp;: le texte, les images, les champs de recherche, etc.<br/>
<strong>Les styles CSS</strong>, c’est comment le HTML sera vu&nbsp;: disposition, couleurs polices et taille du texte, couleur du fond de la page.<br/>
<br/>
Le CSS et le HTML sont donc nécessaires à l’affichage de la page web et donc au visiteur qui souhaite lire votre site.<br/>
<strong>Les scripts JS</strong>, en revanche, ce sont des instructions destinées au navigateur, pas à l’internaute. Le navigateur les traite en tâche de fond et l’utilisateur de voit pas de différence s’ils sont là où pas (normalement).<br/>
<br/>
Le problème, c’est la capacité du <strong>JS de modifier le HTML et le CSS</strong>. Du coup, le navigateur qui reçoit une page HTML+CSS n’aura en réalité la totalité de la page web qu’une fois qu’il aura terminé d’exécuter les scripts JS. Avant cela, il ne peut (presque) rien faire&nbsp;: il va bien commencer à afficher les différents éléments de la page (menu, titres, liens…) mais si le JS supprime le menu entre temps, il devra tout recommencer.<br/>
<br/>
La solution du navigateur pour le problème du JS&nbsp;?<br/>
<br/>
Commencer d’effectuer <strong>le rendu</strong> (l’affichage) de la page et mettre ce rendu en pause quand il détecte un script JS&nbsp;: à ce moment là, il doit télécharger tout le script JS et l’exécuter entièrement (ce qui a des chances de modifier le HTML et le CSS, souvenez-vous) avant de reprendre de rendu (et au besoin le recommencer, si le JS a beaucoup modifié le HTML ou le CSS).<br/>
Le fait pour le navigateur d’avoir à se mettre en pause lorsqu’il rencontre un script, nous fait dire que <strong>le JS est bloquant</strong>.<br/>
<br/>
Le CSS, le HTML et même les images sont non-bloquant&nbsp;: le navigateur peut continuer à décoder la page web même quand il est encore en train de télécharger du CSS, par exemple. Il peut donc télécharger du CSS en parallèle avec le HTML. Une fois qu’il a tout le CSS, il commence le rendu tel qu’il est décrit par le CSS. Le décodage du HTML, lui, se poursuit durant tout ce temps.<br/>
<br/>
Un document HTML simple, sans CSS ni JS, s’affiche quand même&nbsp;: c’est le rendu par défaut d’une page web&nbsp;: le fond est blanc, le texte est noir et tous les éléments sont à la suite les uns des autres. Bref, c’est moche, mais ça reste lisible.<br/>
<br/>
<figure><img src="media/cccd819f.capture-mon-site-sans-CSS.png" data-original-source="http://lehollandaisvolant.net/img/11/capture-mon-site-sans-CSS.png" alt="mon site sans CSS" width="833" height="618" style="max-width: 100%; height: auto;" /><figcaption>Mon site tel qu’il s’affiche sans les styles CSS.</figcaption></figure>
<br/>
<br/>
Le navigateur, quand il reçoit le document HTML, commence par effectuer le rendu par défaut. Lorsqu’il reçoit le CSS, ce rendu par défaut continu (de façon à ce que la page soit lisible — même si c’est moche). Le rendu par défaut est stoppé quand tout le CSS est arrivé&nbsp;: à ce moment là, c’est le rendu tel qu’il est décrit dans le CSS qui est appliqué&nbsp;: les couleurs, les fonds, les bordures, les ombres… tout ça est alors affiché. Le traitement du CSS ne bloque pas le téléchargement du reste du contenu de la page.<br/>
<br/>
<br/>
Pour l’instant je n’ai pas vraiment répondu à la question «&nbsp;pourquoi mettre le JS à la fin et le CSS au début&nbsp;?&nbsp;», mais j’y viens.<br/>
<br/>
On sait que l’affichage des données (texte, images…) dans la page web commence dès que le HTML est en train d’être téléchargé&nbsp;: ceci permet à l’internaute d’accéder à l’information contenue dans la page le plus rapidement possible, même si le CSS et le JS ne sont pas encore arrivés. Une fois que tout le CSS est obtenu, l’information est alors restructurée, organisée sur la page et coloriée.<br/>
Lorsque le navigateur reçoit un script JS, l’affichage est mis en pause&nbsp;: le JS doit finir de s’exécuter avant que l’affichage puisse continuer.<br/>
<br/>
L’<strong>intérêt de placer le CSS en haut et le JS en bas</strong> se trouve à ce niveau.<br/>
<br/>
Si on met le CSS en haut, c’est pour que l’affichage «&nbsp;colorié&nbsp;» se fasse le plus vite possible&nbsp;: pour que la page web soit «&nbsp;jolie&nbsp;» et «&nbsp;organisée&nbsp;» tout de suite, avant que l’utilisateur ne puisse se trouver face à une page web dans son rendu par défaut. Cela tombe d’ailleurs bien&nbsp;: le téléchargement du CSS n’est pas bloquant&nbsp;: l’information dans la page web continue d’arriver pendant ce temps&nbsp;: l’affichage de la page web n’est pas ralentie par le CSS. C’est juste mieux de l’avoir avant, pour que l’affichage se fasse directement comme la page doit être, sans à avoir un rendu par défaut entre-temps.<br/>
<br/>
Parallèlement si on met le JS en bas du document, toute l’information contenue dans la page web sera déjà affichée (car déjà téléchargée et déjà rendue à l’écran). Au moment où le navigateur rencontre le JS, l’écran ne sera pas tout vide ni tout blanc&nbsp;: l’internaute pourra commencer à lire la page web pendant que le navigateur traite le script JS et effectue les derniers changements.<br/>
<br/>
Si on mettait le JS tout en haut, la page n’aurait encore aucune donnée que l’affichage et le téléchargement seraient déjà bloqués&nbsp;: l’internaute n’aurait alors qu’une simple page blanche et rien à lire. Si le script est gros, cela peur prendre plusieurs secondes. Si ça ne semble pas long dit comme ça, croyez-moi, ça l’est&nbsp;: si toutes les pages web mettaient 2 secondes de plus pour s’afficher, vous le verriez très rapidement. Placer le JS en haut n’est donc pas génial, car il oblige le navigateur à tout mettre en pause et l’internaute à attendre devant une page vide.<br/>
Mettre le CSS en bas de la page n’est pas avantageux non plus&nbsp;: le CSS n’est pas bloquant. Il peut être téléchargé en parallèle avec le reste. Si on le met en bas de la page, il sera téléchargé en dernier et tout seul, donc sans tirer profit de la possibilité de télécharger deux choses en même temps. De plus, tout le document HTML sera déjà là mais affiché avec le rendu par défaut du navigateur, donc tout moche. Si l’internaute a déjà commencé à lire, il verrait alors la page se modifier sous ses yeux à l’instant même où tout le CSS aura fini de télécharger et que le rendu se fasse. <br/>
<br/>
Il convient donc naturellement de mettre le CSS le plus tôt possible dans la page (dans le head) pour tirer profit du téléchargement en parallèle du CSS avec d’autres ressources et pour que le rendu se fasse directement de façon voulue ; et il faut placer le JS en bas du document pour que quand le navigateur le trouve, tout le reste de la page soit déjà affiché à l’écran et que l’internaute puisse commencer à lire votre page pendant le traitement du script JS par le navigateur en tâche de fond.<br/>
<br/>
<br/>
Quelques liens&nbsp;:<br/>
<br/>
<ul>
<li> <a href="https://www.youtube.com/watch?v=ZTnIxIA5KGw">Visualisation de l’affichage d’une page web au ralenti</a>. Normalement le navigateur fait tout ceci en quelques millisecondes seulement.</li>
<li> <a href="http://www.dailymotion.com/video/xp69td_un-navigateur-comment-ca-marche_news"> Un navigateur, comment ça marche&nbsp;?</a></li>
<li> <a href="https://web.archive.org/web/20070711172957/http&#58;//developer.yahoo.net/blog/archives/2007/07/high_performanc_4.html">High Performance Web Sites: Rule 5 – Put Stylesheets at the Top</a></li>
<li> <a href="https://developer.yahoo.com/blogs/ydn/high-performance-sites-rule-6-move-scripts-bottom-7200.html">High Performance Web Sites: Rule 6 – Move Scripts to the Bottom</a></li></ul>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150829191511
title: Sortie de Blogotext 3.0
uri: Sortie-de-Blogotext-3-0
url: http://lehollandaisvolant.net/?d=2015/08/29/19/15/11-sortie-de-blogotext-30
content:
Je viens de mettre en ligne la dernière version majeure de Blogotext. Elle est disponible sur <a href="http://lehollandaisvolant.net/blogotext/fr/">sa page habituelle</a>.<br/>
<br/>
<img src="media/69210b35.blogotext-screen.png" data-original-source="http://lehollandaisvolant.net/blogotext/blogotext-screen.png" alt="Blogotext 3.0 screenshot" width="1190" height="808" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
La charte graphique de Blogotext 3 est complètement refondue pour un style <a href="https://www.google.com/design/spec/material-design/introduction.html#introduction-goals">Google Material</a>.<br/>
C’est le design utilisé par Google dans ses applications Android, mais aussi dans Android lui-même et la plupart de ses sites web.<br/>
<br/>
D’autres captures d’écran de Blogotext 3 <a href="http://lehollandaisvolant.net/blogotext/fr/?screenshots">sont visibles ici</a>.<br/>
<br/>
Si j’ai choisit ce thème, c’est que je le trouve <em>particulièrement</em> pratique et joli, à la fois sur un mobile et sur ordinateur.<br/>
J’ai respecté au mieux les recommandations de Google pour ce thème, tout en l’adaptant pour convenir à Blogotext (tous les cas n’étant pas étudiés dans les recommandations).<br/>
<br/>
Bien que les spécifications du Material Design soient faites par Google, Blogotext ne contacte à aucun moment leurs serveurs et tous les fichiers sont dans l’archive (polices, icônes…).<br/>
<br/>
Ce n’est pas la seule nouveauté, bien-sûr&nbsp;: j’ai corrigé un grand nombre de bogues, un peu partout et j’ai refondu partiellement la gestion des fichiers &amp; images ainsi que le lecteur RSS.<br/>
<br/>
Concernant la compatibilité CSS, Blogotext 3 est compatible avec Firefox, Chrome, Opera 15+, Vivaldi. Microsoft Edge / IE11 sont compatibles hormis le glisser-déposer des fichiers. Les versions mobiles de Chrome, Opera et Firefox fonctionnent également sans soucis avec un thème entièrement <em>responsive</em>.<br/>
Au niveau du serveur, il faut toujours PHP 5.3 minimum ainsi que quelques bibliothèques particulières (<a href="http://lehollandaisvolant.net/blogotext/fr/?requirements">listées ici</a>).<br/>
<br/>
Les anciens <a href="http://lehollandaisvolant.net/blogotext/fr/?themes">thèmes pour Blogotext</a> devraient fonctionner sans problèmes. Consultez tout de même <a href="http://lehollandaisvolant.net/blogotext/fr/?update">la note de version</a> si vous mettez à jour depuis une version 2.x.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150830122958
title: Utiliser LibreOffice pour supprimer les pubs sur les e-billets à imprimer
uri: Utiliser-LibreOffice-pour-supprimer-les-pubs-sur-les-e-billets-à-impr
url:
http://lehollandaisvolant.net/?d=2015/08/30/12/29/58-utiliser-libreoffice-pour-supprimer-les-pubs-sur-les-e-billets-a-imprimer

content:
Les tickets de train ou de concerts qui sont à imprimer chez soi, c’est pratique (quand ils ne sont pas surtaxés). Par contre ils sont souvent bourrés de publicité, ce qui est moche et surtout finit par coûter cher en encre déjà cher.<br/>
<br/>
Ceci avait d’ailleurs <a href="http://www.nextinpact.com/news/95573-un-senateur-agace-par-pubs-sur-billets-a-imprimer.htm">agacé un sénateur</a> qui avait demandé au gouvernement de faire quelque chose. Malheureusement, ce dernier, voyant là quelque chose de pratique pour le con-sommateur, a décidé <a href="http://www.nextinpact.com/news/96290-bercy-refuse-dinterdire-pubs-sur-tickets-a-imprimer.htm">de ne rien faire</a> (ce qui est peut-être mieux&nbsp;: ils auraient pu empirer la situation).<br/>
<br/>
Il y a quand même un moyen de virer cette publicité à la con&nbsp;: <strong>éditer le PDF avant de l’imprimer</strong>.<br/>
Pour cela, vous pouvez utiliser la suite <a href="https://fr.libreoffice.org/">Libre Office</a> (anciennement OpenOffice.org) et son éditeur Draw (logiciel libre et gratuit, pour Windows, Mac et Linux).<br/>
Draw peut en effet éditer les PDF et je vais vous montrer comment faire.<br/>
<br/>
Je prends ici l’exemple d’un e-billet de la SNCF (ou de Capitain-Train, peu importe), mais ça doit marcher avec toute sorte de billet, et même avec toute sorte de fichiers PDF.<br/>
<br/>
Premièrement, commencez par ouvrir le PDF avec LibreOffice Draw&nbsp;:<br/>
<br/>
<img src="media/10326be0.lod-1.png" data-original-source="http://lehollandaisvolant.net/img/01/lod-1.png" alt="supprimer la publicité sur les e-billets à imprimer" width="994" height="800" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Ensuite, sélectionnez à la souris d’un coup toute la partie contenant la publicité. N’hésitez pas à sélectionner de façon très large&nbsp;: il faut que les éléments soient bien dans la sélection&nbsp;:<br/>
<br/>
<img src="media/3d707a26.lod-2.png" data-original-source="http://lehollandaisvolant.net/img/d2/lod-2.png" alt="supprimer la publicité sur les e-billets à imprimer" width="994" height="800" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Relâchez la souris une fois la zone de publicité sélectionnée. Il suffit maintenant de supprimer tout ça avec la touche «&nbsp;<span class="toets">Suppr</span>&nbsp;» du clavier et le tour est joué&nbsp;:<br/>
<br/>
<img src="media/cb8b7844.lod-3.png" data-original-source="http://lehollandaisvolant.net/img/b5/lod-3.png" alt="supprimer la publicité sur les e-billets à imprimer" width="994" height="800" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Pour finir, il faut exporter le document modifié au format PDF, avec le bouton prévu à cet effet, et de l’enregistrer sous le nom que vous voulez.<br/>
<br/>
<img src="media/913d21cf.lod-4.png" data-original-source="http://lehollandaisvolant.net/img/6c/lod-4.png" alt="supprimer la publicité sur les e-billets à imprimer" width="471" height="185" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
<strong>Voilà, votre billet de train est désormais imprimable sans aucune pub.</strong><br/>
<br/>
Pour aller plus loin, vous pouvez supprimer les couleurs, ajouter des notes à vous (trajet, adresses, etc.), mais conservez bien le flashcode et les informations du trajet.<br/>
Ce que je fais en plus bien souvent c’est que j’ouvre à la fois le billet aller et celui de retour, et que je met les deux billets sur une seule feuille (en sélectionnant tout le haut du billet de retour et en le copiant-collant à la place de la pub sur le billet de l’aller).<br/>
<br/>
Autrement, vous pouvez toujours commencer par imprimer la page et éteindre l’imprimante (ou annuler l’impression) une fois que la partie utile est imprimé et avant que la publicité ne soit encore sur la feuille. C’est moins propre, mais ça marche.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150914222549
title: Taxe Google Image… Ou comment ça va tuer les photographes
uri: Taxe-Google-Image-Ou-comment-ça-va-tuer-les-photographes
url:
http://lehollandaisvolant.net/?d=2015/09/14/22/25/49-taxe-google-image-ou-comment-ca-va-tuer-les-photographes

content:
<img src="media/02865cc4.do-not-photograph.jpg" data-original-source="http://lehollandaisvolant.net/img/02/do-not-photograph.jpg" alt="photographie interdite" width="400" height="265" style="max-width: 100%; height: auto;" class="one"/>
<br/>
Un député <a href="http://www.nextinpact.com/news/96500-loi-creation-deputes-lr-veulent-taxer-referencement-d-images-par-moteurs.htm">désire instaurer une taxe google pour les images</a> car tout ceci faciliterait le pillage des photographes par les internautes.<br/>
<br/>
Super l’idée d’une taxe, hein&nbsp;? Elle va financer les photographes, les auteurs, vous croyez&nbsp;?<br/>
Non&nbsp;! Elle va financer les comités d’ayants-droits (comme d’habitude) et tuer les photographes et les auteurs, vu que Google refusera dès-lors d’indexer leurs sites (puisqu’il leur faudra payer).<br/>
<br/>
Les photographes (comme tous les sites web qui l’autorisent) profitent <strong>gratuitement de l’indexation de votre site par Google</strong>, non&nbsp;?<br/>
Et bah <a href="http://anonym.to/?http&#58;//www.auteursendanger.fr/">la gratuité, c’est du vol</a>, selon les ayants-droits&nbsp;!<br/>
<br/>
Ils préfèrent payer Google pour être dans l’index du site le plus visité au monde&nbsp;?<br/>
<br/>
Ce député et les ayants-droits prouvent encore une fois qu’ils n’ont rien compris à Google et à internet.<br/>
<br/>
Le problème c’est que les internautes n’ont jamais appris (n’ont jamais été éduqué à ça, en fait) à citer leur sources et à vérifier que la source est exploitable et sous quelles conditions (de la simple citation à la rémunération), y compris pour les images et n’importe quel média. Faut peut-être <a href="http://lehollandaisvolant.net/tuto/legal/#a3">débuter par là</a>, non&nbsp;?<br/>
<br/>
La solution&nbsp;? Si vous êtes un internaute ou un éditeur de site web comme moi, sachez que certains photographes publient toute ou partie de leurs créations sous une licence permissive (Creative Commons, généralement) qui autorise leur réutilisation gratuitement, y compris parfois pour un usage commercial. Tout ce qui est demandé, c’est de citer l’auteur et de faire un lien&nbsp;: c’est ce que je fais dans tous mes articles, vu que je n’aurais jamais les moyens de payer des images non-gratuites, mon blog ne me rapportant rien financièrement.<br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/johannebend/14816063812/">Image de Johann Ebend</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150920182205
title: Quelques astuces pour les clés GPG
uri: Quelques-astuces-pour-les-clés-GPG
url: http://lehollandaisvolant.net/?d=2015/09/20/18/22/05-quelques-astuces-pour-les-cles-gpg
content:
L’ami <a href="http://www.matronix.fr/nouvelle-cle-publique-pour-me-contacter/">Matronix</a> a perdu sa clé GPG et a donc été obligé d’en créer une nouvelle. <em>Bouuuhouu… *paf*</em><sup>[1]</sup>
<br/>
Le problème maintenant&nbsp;:<br/>
<ul>
<li> tous ses contacts doivent mettre à jour sa clé publique</li>
<li> si la clé n’a pas de date d’expiration, on peut continuer à lui envoyer des messages chiffrés, mais il ne pourra pas les lire.</li></ul>
<br/>
Pour éviter ça, il y a des solutions&nbsp;!<br/>
Ne pas perdre sa clé publique est la plus évidente, mais personne n’est à l’abri d’une panne ou d’une mauvaise manipulation.<br/>
<br/>
<h3>Pour éviter de perdre ses clés</h3>
<br/>
Sauvegardez votre clé publique et privée sur un stockage externe<sup>[2]</sup>, de préférence dédié à ça. S’il vous reste une vieille clé USB de 64 Mo (une antiquité, quoi), vous pouvez l’utiliser pour ça. Une disquette, c’est possible aussi, mais qui lit encore les disquettes&nbsp;? Qui sait même encore ce qu’est une disquette, de nos jours&nbsp;?<br/>
<br/>
Une clé USB pour stocker ses clés GPG c’est bien, donc. Mais si la clé tombe en panne&nbsp;?<br/>
<br/>
Ma solution, c’est <strong>imprimer vos clés GPG</strong>. Pas en texte, car ça prendrait trop de temps pour taper le code en base64 à la main, mais <strong>dans un QR-Code</strong>, ou un <em>datamatrix</em>.<br/>
Si vous faites ça, vos clés seront sur un document en papier et vous pourrez les numériser très facilement avec un téléphone ou <a href="http://lehollandaisvolant.net/tout/tools/rqrcode/">une webcam</a>. Gardez quand même vos documents à l’abri (des gens, mais aussi d’un accident plus grave : incendie…).<br/>
<br/>
De cette façon, perdre complètement vos clés GPG ne se reproduira plus.<br/>
Vous pouvez <a href="http://lehollandaisvolant.net/tout/tools/qrcode/">générer ici un QR-Code</a> de façon sécurisé et anonyme.<br/>
<br/>
Ma clé publique GPG dans un QR-Code <a href="media/4f26777e.public-GPG-timo-neerden-eu.png" data-original-source="http://lehollandaisvolant.net/img/63/public-GPG-timo-neerden-eu.png">se trouve ici</a>.<br/>
<br/>
<h3>Pour éviter que votre clé soit utilisable une fois perdue</h3>
<br/>
Je veux dire par là que si vous perdez vos clés et que ces derniers n’expirent jamais, alors ils pourront être utilisées pour chiffrer des messages sans que vous ne puissiez les déchiffrer. Il faut donc utiliser une date d’expiration sur vos clés.<br/>
<br/>
Ma méthode, qui permet de garder sa clé à la fois longtemps et sans risquer qu’elle reste valide indéfiniment, c’est de mettre une durée d’expiration (par exemple 1 an) et de repousser cette date quand on arrive à la fin de l’année. Votre clé est ainsi toujours valide, mais si vous la perdez alors elle s’expirera toute seule au bout d’un an.<br/>
<br/>
Quand vous mettez à jour la date d’expiration (par exemple un mois avant la fin), n’oubliez pas de la republier la clé publique sur les serveurs de clé GPG, pour que tout le monde puisse avoir la dernière version à jour.<br/>
<br/>
<br/>
<ul>
<li> <sup>[1]</sup>&nbsp;: j’admets que ça m’est arrivé aussi, il y a longtemps… <em>bouuuhouuu&nbsp;!</em></li>
<li> <sup>[2]</sup>&nbsp;: et faites ça avec tous vos fichiers précieux (photos, documents…). Je vous promets que si vous ne le faites pas, vous le regretterez, mais vous ne ferez l’erreur qu’une seule fois. Assurez aussi que vos sauvegardes soient exploitables (inutile d’utiliser un disque dur sur le point de tomber en panne).</li></ul>
<br/>
<br/>
(Pour ceux qui ne savent pas ce qu’est une clé GPG et le chiffrement des emails, vous pouvez consulter mon tutoriel pour ça : <a href="http://lehollandaisvolant.net/tuto/gpg/">utiliser GPG dans Thunderbird pour envoyer des e-mails chiffrés</a>.)


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150927152946
title: Pourquoi l’unicode dans les URL est une mauvaise idée
uri: Pourquoi-l-unicode-dans-les-URL-est-une-mauvaise-idée
url:
http://lehollandaisvolant.net/?d=2015/09/27/15/29/46-pourquoi-lunicode-dans-les-url-est-une-mauvaise-idee

content:
(Cet article s’adresse en partie à ce site : <a href="http://république-numérique.fr/">république-numérique.fr</a>)<br/>
<br/>
Bien loin est le temps où les sites n’étaient qu’en «&nbsp;<em>.com</em>&nbsp;» ou «&nbsp;<em>.fr</em>&nbsp;» : on trouve maintenant des «&nbsp;<em>.france</em>&nbsp;», «&nbsp;<em>.xxx</em>&nbsp;», «&nbsp;<em>.science</em>&nbsp;», «&nbsp;<em>.christmas</em>&nbsp;», «&nbsp;<em>.google</em>&nbsp;» et plein, <a href="https://ntldstats.com/">plein d’autres</a>.<br/>
<br/>
En plus de tout ça, il est également déjà possible d’avoir des accents dans les noms de sites. Au lieu de « <em>republique-francaise.fr</em> » on pourrait avoir « <em>république-française.fr</em> ».<br/>
<br/>
Voilà qui va plaire à l’Académie Française, mais je ne suis pas sûr que ça plaise à l’américain moyen et son clavier <em>qwerty</em> : si <a href="http://lehollandaisvolant.net/?d=2013/04/30/00/23/42-mettre-des-accents-avec-un-clavier-qwerty">taper un accent aigu sur du qwerty</a> sur le «&nbsp;e&nbsp;» est encore relativement simple, mettre un cédille sur le «&nbsp;c&nbsp;» l’est déjà moins. Sans compter que la plupart des gens en France n’accentuent pas leur majuscules (ce qui est pourtant obligatoire selon les règles d’orthographe), et que les kikoo de Facebook n’accentuent même plus rien du tout, ça risque d’être un beau bordel.<br/>
<br/>
Après, dans les nouvelles extensions de sites web, on trouve, en plus du «&nbsp;<em>.christmas</em>&nbsp;» et du «&nbsp;<em>.google</em>&nbsp;», aussi ce genre de choses&nbsp;: «&nbsp;..삼성&nbsp;», «&nbsp;.дети&nbsp;» ou «&nbsp;.中信&nbsp;», respectivement en coréen, en russe et en chinois, alors que je ne parle pas des extensions en hébreu, en arabe, en cinghalais, en japonais, en grec ou dans tous les autres alphabets qui existent (car pourquoi se limiter à quelques-uns ?).<br/>
<br/>
Tout ça c’est bien joli et sympathique pour les 2,5+ milliards de personnes dans le monde qui n’utilisent pas l’alphabet latin à la base, mais je pense que ça risque de fragmenter un peu plus internet et les sites-web et de rendre la vie plus dure à tout le monde (pas seulement moi et mon clavier latin). Il ne faut pas oublier que les claviers avec l’alphabet latin sont plus ou moins répandus partout (ou au moins en alphabet secondaire sur les claviers non latins). Comment ça sera quand un nom de site web en cyrillique devra être écrit sur clavier kana ?<br/>
<br/>
Je pense que si il n’y a pas un fallback en Ascii (sous partie très réduite de l’alphabet latin et seule utilisée <em>in facto</em> en informatique) quelque part, il sera impossible de s’en sortir. Pas juste pour moi qui utilise cet alphabet là à la base, mais pour tous ceux qui utilisent un Internet actuel. C’est bien beau de penser à tous le monde, humainement et techniquement, mais ça risque aussi de casser bien plus de choses que ça ne résout.<br/>
Qu’un blog local s’amuse à mettre des caractères unicode dans son site, ce n’est pas trop un problème, mais ça peut le devenir si les institutions gouvernementales s’y mettent,  car ces derniers peuvent avoir plus ou moins un rayonnement international.<br/>
<br/>
Donc pour en revenir à république-numérique.fr, je ne peux pas être d’accord avec eux. Il faut dissocier le contenu de la page et son URL (la façon d’y accéder). Parce que sinon, on devrait également remplacer le tiret «&nbsp;-&nbsp;» par un <a href="http://lehollandaisvolant.net/?d=2013/06/26/13/10/51-les-tirets-typographiques">trait d’union</a> « &#x2010; » et mettre des majuscules (pas sûr que le « .fr » dans l’expression satisfasse aux règles d’orthographe).<br/>
<br/>
<br/>
<strong>ÉDIT :</strong> Oui, je connais le Punnycode, pour le fallback Ascii : mais j’espère que vous rigolez quand il s’agit de transformer «&nbsp;.香港&nbsp;» (qui se lit <em>xiāng gǎng</em> selon les règles de translittération déjà existante) en ceci «&nbsp;.xn--j6w193g&nbsp;»&nbsp;? <br/>
Je reformule donc : il faudrait un truc «&nbsp;<em>simple</em>&nbsp;» pour convertir les noms de sites en unicode, pas un charabia mathématique que personne ne comprend sans avoir un master en mathématiques. Et si possible, transparent à l’usage.<br/>
Par exemple «&nbsp;republique.fr&nbsp;» devrait pouvoir pointer <em>tout seul</em> sur «&nbsp;république.fr&nbsp;», et «&nbsp;.テスト&nbsp;» devrait plutôt être pointable par «&nbsp;.tesuto&nbsp;» plutôt que par «&nbsp;.xn--zckzah&nbsp;». au moins il y aurait une logique <em>linguistique</em> derrière (ce qui me semble être le but de l’un des buts de l’unicode, non&nbsp;?).<br/>
À la commande d’un NDD en «&nbsp;.テスト&nbsp;» il faudrait que soient inclus d’office le «&nbsp;.tesuto&nbsp;» et leur équivalents ailleurs.<br/>
<br/>
<strong>ÉDIT-2</strong> Vu qu’on peut compter sur personne d’autre que soi même, voilà mon <a href="http://lehollandaisvolant.net/?d=2013/07/20/12/22/48-clavier-virtuel-en-javascript">clavier virtuel pour navigateur</a> pour taper dans une quarantaine de claviers différents en direct.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150928185702
title: GPG : protéger un document par un mot de passe
uri: GPG-protéger-un-document-par-un-mot-de-passe
url: http://lehollandaisvolant.net/?d=2015/09/28/18/57/02-gpg-proteger-un-document-par-un-mot-de-passe
content:
GPG c’est ce qui est utilisé pour le <a href="http://lehollandaisvolant.net/tuto/gpg/">chiffrement des emails</a>.<br/>
<br/>
Mais on peut aussi l’utiliser pour chiffrer n’importe quel document avec un mot de passe.<br/>
<br/>
Si je veux protéger une photo par un mot de passe, je fais ça&nbsp;:<br/>
<br/>
<pre>gpg -ca photo.jpg</pre>
<br/>
Il va demander un mot de passe, qu’on doit choisir et entrer (ça marche aussi si vous n’avez pas de paire de clés privée/publique).<br/>
Ça va créer un fichier «&nbsp;<em>photo.jpg.asc</em>&nbsp;» qui est maintenant protégé.<br/>
<br/>
Pour déchiffrer, vous faites alors&nbsp;:<br/>
<br/>
<pre>gpg -d photo.jpg.asc &gt; photo.jpg</pre>
Ce qui va vous demander le mot de passe précédemment choisit et vous produire la photo !<br/>
<br/>
Le «&nbsp;<code>&gt; photo.jpg</code>&nbsp;» n’est pas obligatoire, mais si vous ne le faites pas, il va afficher les données binaires à l’écran, ce qui n’est pas ce que l’on veut : nous on veut retrouver notre <em>photo.jpg</em>.<br/>
<br/>
Pour vous donner un exemple, essayez sur cette photo de mon chat : <a href="http://lehollandaisvolant.net/files/photojpg.asc" download="photo.jpg.asc">photo.jpg.asc</a>. Le mot de passe est «&nbsp;<em>monchat</em>&nbsp;».<br/>
<br/>
<br/>
Ça marche avec tous les documents. Si vous voulez faire ça avec un dossier, préférez la création d’une archive (tar, zip, 7z…) du dossier et de tous les fichiers avant le chiffrement (qui prendra alors plus de temps en fonction de la taille du dossier).<br/>
Certains logiciels de chiffrement incluent ce genre de fonctions directement (7z par exemple), mais si vous voulez juste un chiffrement, la solution GPG existe&nbsp;!<br/>
<br/>
<br/>
<em>(merci à <strong>Phileas</strong> qui m’a appris ça, alors que je ne connaissais pas)</em>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151005190834
title: Pourquoi le choix d’un navigateur est important (et un mot sur le navigateur Vivaldi)
uri: Pourquoi-le-choix-d-un-navigateur-est-important-(et-un-mot-sur-le-na
url:
http://lehollandaisvolant.net/?d=2015/10/05/19/08/34-pourquoi-le-choix-dun-navigateur-est-important-et-un-mot-sur-le-navigateur-vivaldi

content:
J’ai longtemps été un grand fan d’Opera, un grand utilisateur aussi et j’ai été très déçu/affecté/touché par leur décision de changer leur politique dans le développement du navigateur (en <a href="http://lehollandaisvolant.net/?d=2013/07/21/15/39/12-bye-bye-opera">2013</a>…). Vivaldi c’est un navigateur assez récent qui a été fondé par les anciens de chez Opera, depuis tout ces changements.<br/>
<br/>
Je pense que c’est le cas chez vous aussi, au moins une partie&nbsp;: <strong>le navigateur est le logiciel que j’utilise le plus</strong> sur mon ordinateur.<br/>
Ce n’est pas pour rien que certains font des ordinateurs avec juste un navigateur (les Chromebook de Google)&nbsp;: avec les bons sites, on peut en effet de passer complètement de tous les logiciels et n’utiliser vraiment que le navigateur.<br/>
<br/>
À ce titre et pour un geek, <strong>le choix du navigateur devient aussi important que celui de l’OS</strong>&nbsp;: choisir un navigateur pour moi, c’est comme choisir une bonne paire de chaussures pour quelqu’un qui fait de la randonnée.<br/>
<br/>
Je tourne actuellement sous <strong>Firefox</strong> : c’est à ce jour le navigateur que j’utilise et que je recommande.<br/>
Ce choix est hautement personnel, mais les raisons qui fait que j’utilise plutôt qu’un autre sont&nbsp;:<br/>
<br/>
<ul>
<li> <strong>Il est rapide</strong>. Tous les navigateurs <a href="http://venturebeat.com/2015/09/10/browser-benchmark-battle-september-2015-chrome-vs-firefox-vs-edge/view-all">sont rapides</a> en fait, et la différence est imperceptible aujourd’hui. Donc en réalité, cet argument n’est plus aussi important pour moi qu’il l’était il y a 5 ans.</li>
<li> <strong>Il est libre</strong>. Des «&nbsp;grands&nbsp;» navigateurs, c’est le seul qui le soit. Il y a d’autres navigateurs libres (Epiphany, par exemple) mais leur support et leur évolution est moins rapide que Firefox, qui est ainsi une référence dans le domaine. La liberté est devenu un critère vraiment important : c’est l’assurance qu’il ne contient pas de spywares ou ne possède pas de comportement suspects.</li>
<li> <strong>Il est bon</strong>. Je veux dire par là qu’il respecte bien les standards du web. Comme pour la rapidité, ce critère tend à diminuer d’importance étant donnée que tous les navigateurs arrivent actuellement à un bon niveau (ce qui est une bonne chose). Firefox reste néanmoins en bonne position dans la course quand il s’agit d’être toujours à la pointe (Google Chrome est également très très bon sur ce point, mais il n’est pas Libre — et Chromium, j’ai du mal, encore).</li>
<li> Il est édité par une «&nbsp;bonne&nbsp;» entreprise.</li></ul>
<br/>
C’est sur ce dernier point que Firefox écrase les autres à mon sens : son éditeur <strong>Mozilla milite depuis plus de 15 ans à un web ouvert</strong> et interopérable. C’est un peu grâce à eux que l’on n’a plus de sites «&nbsp;<em>spécial Windows avec des ActiveX</em>&nbsp;» (impossible à naviguer sur Linux, Mac ou smartphone) ou qu’on peut avoir une vidéo sans avoir à utiliser Flash/Java/RealPlayer/WMP : ils se battent pour tout ça, <a href="http://sebsauvage.net/rhaa/index.php?2012/11/21/09/18/39-le-web-est-morcele-merci-le-w3c-">contrairement aux autres éditeurs</a>.<br/>
<br/>
Cette philosophie d’un web libre et ouvert, interopérable et où il est facile de participer, c’est également la mienne. Mozilla n’a d’ailleurs aucun autre moyen que le bouche à oreille, nous donc, pour promouvoir cette philosophie sans qui le web libre n’existera plus dans quelques années. C’est d’ailleurs <a href="http://lehollandaisvolant.net/?id=20150907221421">pour ça</a> qu’il y a depuis quelques temps un bouton «&nbsp;Mozilla Firefox&nbsp;» sur la page de mon site.<br/>
<br/>
Firefox, en somme, c’est le navigateur dont la philosophie correspond la plus à la mienne.<br/>
<br/>
Sauf que… Ça pourrait bien ne pas durer. De récentes décisions chez Mozilla m’ont laissé (et d’autres) un peu perplexe : intégration de logiciels tiers, apparition de pub au sein même du navigateur, modules bientôt impossible à installer sans l’approbation de Mozilla. Beaucoup de tout ça est <a href="http://aldarone.fr/une-avalanche-de-fud-sur-mozilla-et-firefox/">sûrement exagéré</a>, mais tout ceci n’en reste pas moins assez inquiétant pour le futur du navigateur (évidemment, c’est aussi à nous de les <a href="https://sendto.mozilla.org/page/contribute/">aider</a> pour qu’ils puissent continuer à limiter ce genre de décisions assez… mauvaises pour les utilisateurs).<br/>
<br/>
<br/>
Pour en revenir à Vivaldi, si un jour je devais quitter le navire de Firefox, c’est donc <a href="http://lehollandaisvolant.net/?id=20151003221331">vers eux que j’irais</a>. La raison à cela est que l’ancien navigateur Opera (qui a donné naissance au projet de Vivaldi) avait une philosophie à laquelle j’adhérais, et je sûr que je retrouverais une partie de ça dans Vivaldi, plus que dans n’importe quel autre navigateur (dans l’état actuel des choses).<br/>
<br/>
Ceci donc pour vous aider à maintenir votre liste des navigateurs un peu à jour, ou vous en faire découvrir un nouveau si vous ne le connaissiez pas.<br/>
J’espère que Firefox et Mozilla resteront là encore là longtemps, bien entendu, mais dans l’hypothèse où malheureusement rien n’est éternel (y compris sur le net, et particulièrement en matière de logiciels), je préfère avoir une solution de secours. Et Vivaldi, bien qu’encore assez jeune, peut déjà faire un bon navigateur secondaire (chez moi c’est Chromium qui occupe en ce moment ce poste… pour l’instant).<br/>
<br/>
Ressource&nbsp;:<br/>
<ul>
<li> <a href="https://vivaldi.com/">Vivaldi</a>&nbsp;: site officiel de Vivaldi.</li>
<li> <a href="http://vivaldi-fr.com/blog/">Vivaldi-Fr</a>&nbsp;: Forum, Blog, Wiki (non officiels) mais en français à propos de Vivaldi.</li></ul>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151015192116
title: Les ligatures en typographie
uri: Les-ligatures-en-typographie
url: http://lehollandaisvolant.net/?d=2015/10/15/19/21/16-les-ligatures-en-typographie
content:
<img src="media/a827a952.Long_S-I_Garamond_sort_001.jpg" data-original-source="http://lehollandaisvolant.net/img/db/Long_S-I_Garamond_sort_001.jpg" alt="ligature S et I" width="400" height="571" style="max-width: 100%; height: auto;" class="one" />
Quand on parle de <strong>ligatures</strong> en typographie, on parle de <strong>deux caractères qui sont collés pour n’en former plus qu’un</strong>&nbsp;: «&nbsp;<em>oe</em>&nbsp;» devient «&nbsp;<em>œ</em>&nbsp;», par exemple dans «&nbsp;<em>œuf</em>&nbsp;» et dans «&nbsp;<em>cœur</em>&nbsp;».<br/>
<br/>
<em>Œ</em> est sûrement la ligature la plus connue en français. On trouve ensuite «&nbsp;<em>æ</em>&nbsp;» que l’on retrouve dans <em>ex æquo</em> ou <em>curriculum vitæ</em> et représentant la ligature entre les lettres «&nbsp;<em>a</em>&nbsp;» et «&nbsp;<em>e</em>&nbsp;» ; ou encore le «&nbsp;<em>&</em>&nbsp;», qui représente historiquement la ligature entre un «&nbsp;<em>e</em>&nbsp;» et un «&nbsp;<em>t</em>&nbsp;» (d’où sa signification).<br/>
<br/>
En allemand, on rencontre beaucoup le «&nbsp;<em>ß</em>&nbsp;», (à ne pas confondre avec le «&nbsp;<em>β</em>&nbsp;» (bêta) du grec), et qui représente la ligature entre un «&nbsp;<em>ſ</em>&nbsp;» (s long, utilisé en math pour <a href="http://couleur-science.eu/?d=2015/07/08/11/05/51-les-integrales-en-math">les intégrales</a>) et d’un «&nbsp;<em>s</em>&nbsp;».<br/>
<br/>
Le <em>œ</em>, le <em>æ</em> ou le <em>ß</em> sont assez courants, mais connaissez vous les autres ligature, beaucoup plus rares, voire presque disparues de l’usage&nbsp;?<br/>
<br/>
L’une des lettres qui présente pas mal de ligatures, c’est le «&nbsp;<em>f</em>&nbsp;»&nbsp;: cette lettre a en effet tendance à avoir la partie haute (la <em>hampe</em>) dépasser sur la droite, ce qui fait qu’il recouvre la lettre suivante et qui peut donner un résultat illisible. Par exemple, la hampe du f peut recouvrir le point du <em>i</em> qui le suite, ou heurter la barre du <em>l</em> ou du <em>t</em>, ou même la hampe d’un autre <em>f</em>. Dans certains cas, trois lettres sont ligaturées&nbsp;: par exemple quand on se retrouve avec deux <em>f</em> et un <em>i</em>.<br/>
Dans ces cas, les lettres sont ligaturées ainsi&nbsp;: «&nbsp;<em>ﬁ</em>&nbsp;», «&nbsp;<em>ﬂ</em>&nbsp;», «&nbsp;<em>ﬀ</em>&nbsp;», «&nbsp;<em>ﬃ</em>&nbsp;»…<br/>
<br/>
<strong>L’origine d’une ligature</strong> pour deux caractères peut être <strong>technique</strong>&nbsp;: c’est le cas pour les ligatures avec le «&nbsp;<em>f</em>&nbsp;», pour éviter les collisions entre les lettres lorsque l’on utilisait les caractères en plomb dans l’imprimerie ; <strong>étymologique</strong>&nbsp;: la ligature représente alors un son unique en deux lettres ligaturées, comme «&nbsp;œ&nbsp;», qui représente un son unique (par exemple dans les mots «&nbsp;cœur&nbsp;» ou «&nbsp;fœtus&nbsp;», mais pas dans le mot «&nbsp;moelleux&nbsp;» qui ne présente donc pas de ligature) ; ou purement <strong>esthétique</strong>.<br/>
<br/>
Ce dernier cas de ligatures esthétiques sont les plus rares et les moins utilisées, principalement parce qu’elles sont optionnelles. On découvre ainsi qu’il existe des ligatures comme «&nbsp;st&nbsp;» qui devient «&nbsp;ﬆ&nbsp;», simplement pour ajouter un peu de style. Elle reflète, parfois, la trace laissée par la plume dans une écriture manuscrite lorsqu’on passait d’une lettre à l’autre sans la lever du papier.<br/>
<br/>
Enfin, dans les ligatures en langue française, on peut noter le statut de la vingt-troisième lettre de l’alphabet&nbsp;: «&nbsp;<em>W</em>&nbsp;» qui, historiquement, est une ligature entre deux «&nbsp;<em>V</em>&nbsp;», d’où son nom de «&nbsp;<em>double V</em>&nbsp;» (ou «&nbsp;<em>double U</em>&nbsp;» en anglais).<br/>
Cette ligature a fini par devenir une lettre à part entière.<br/>
<br/>
Dans le même alphabet mais dans d’autres langues, on trouve d’autres ligatures, par exemple le «&nbsp;<em>ǳ</em>&nbsp;» (dz) en polonais ou le «&nbsp;ǉ&nbsp;» (lj) en slovaque. Le néerlandais utilise aussi parfois la ligature «&nbsp;<em>ij</em>&nbsp;»&nbsp;: «&nbsp;ĳ&nbsp;».<br/>
<br/>
L’<a href="https://fr.wikipedia.org/wiki/Alphabet_phon%C3%A9tique_international">alphabet phonétique international</a>, présente d’autres ligatures qui lui sont propres&nbsp;: ȸ (db), ȹ (qp)…<br/>
<br/>
Les autres alphabets disposent également de leur ligatures, apparues pour les mêmes raisons (techniques, étymologiques ou esthétiques).<br/>
<br/>
Ressources&nbsp;:<br/>
<ul>
<li> <a href="https://en.wikipedia.org/wiki/List_of_Latin-script_digraphs">List of Latin-script digraphs — Wikipedia</a></li></ul>
<br/>
<p class="small"><a href="media/46cde5e2.FileLong_S-I_Garamond_sort_001.png" data-original-source="https://commons.wikimedia.org/wiki/File:Long_S-I_Garamond_sort_001.png">image de Daniel Ullrich</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151016133355
title: Fail chimique
uri: Fail-chimique
url: http://lehollandaisvolant.net/?d=2015/10/16/13/33/55-fail-chimique
content:
<img src="media/25ccc42c.chemicals.jpg" data-original-source="http://lehollandaisvolant.net/img/80/chemicals.jpg" alt="bouteille de produit chimique" width="400" height="400" style="max-width: 100%; height: auto;" class="one" />
<a href="http://secouchermoinsbete.fr/65435-l-effrayante-composition-de-la-cocaine">Visiblement</a> plus personne n’a de cours de chimie à l’école ; l’occasion donc de refaire un bref point.<br/>
<br/>
Je cite :<br/>
<br/>
<blockquote>La cocaïne est une drogue extrêmement dangereuse et nocive, faite à partir de feuilles de coca. Mais le procédé pour obtenir la poudre fait intervenir de nombreux autres ingrédients, qui éclairent un peu plus sur sa dangerosité&nbsp;: kérosène, acide sulfurique (que l’on utilise pour déboucher par exemple les WC), ciment, ammoniac, éther...</blockquote>
<br/>
<br/>
Ok, la cocaïne est une drogue dangereuse, très addictive, etc. etc.<br/>
Mais est-ce le cas à cause de la chaîne de production&nbsp;? Ces produits ne sont pas censés apparaître dans le produit final.<br/>
<br/>
Tout comme on ne trouve pas d’ozone (gaz cancérigène) dans l’eau du robinet (l’ozone est utilisé pour désinfecter l’eau), ni de dioxyde de carbone supercritique à très forte pression dans votre boisson gazeuse favorite (le CO2 <a href="http://couleur-science.eu/?d=2015/04/27/19/26/32-point-critique-et-point-triple">supercritique</a> est utilisé pour l’extraction de la caféine).<br/>
<br/>
<br/>
On va faire une expérience de chimie (préparez blouse, masque, lunettes, gants, hotte, extincteur)&nbsp;:<br/>
<br/>
<ol>
<li> Prenez un verre et remplissez le d’eau. </li>
<li> Ajoutez une pincée de sel de table.</li></ol>
<br/>
C’est bon&nbsp;?<br/>
Vous savez ce que vous avez dans le verre maintenant&nbsp;? Il y a des atomes d’hydrogène, d’oxygène, de chlore, de sodium et probablement aussi de l’iode et du fluor.<br/>
<br/>
<ul>
<li> Hydrogène : sur Terre, la molécule de H2 est un gaz explosif et détonnant et qui est utilisé dans les bombes H. Dans les étoiles, il constitue le carburant nucléaire.</li>
<li> Oxygène : sous forme d’O2, c’est gaz très réactif et oxydant. Il est essentiel à la vie, mais il est aussi destructeur de l’ADN et des cellules.</li>
<li> Chlore : en dichlore, c’est un gaz toxique, nauséabond. Le chlore est aussi utilisé dans l’eau de javel, les déboucheurs d’évier à l’acide et les décapeurs pour peinture.</li>
<li> Sodium : métal très léger et souple mais qui explose et s’enflamme quand on le place dans l’eau.</li>
<li> Iode : solide qui se sublime en un gaz extrêmement irritant. Certains isotopes d’iode sont des sous-produits de l’industrie nucléaire très toxiques.</li>
<li> Fluor : tout simplement l’élément le plus réactif du tableau périodique. Pur, il est tellement puissant qu’il attaque tous les autres éléments, y compris l’or ou le platine et même les gaz nobles.</li></ul>
<br/>
Pourtant, mettez tout ça ensemble dans les bonnes proportions et vous avez de l’eau salée tout à fait prête pour cuire vos nouilles.<br/>
C’est ça, la chimie : la transformation des molécules en d’autres, et avec elles, les propriétés physico-chimiques.<br/>
<br/>
<br/>
Bref, deux choses à retenir avant de s’alarmer devant n’importe quoi :<br/>
<br/>
<ul>
<li> le produit fini n’a généralement rien à voir avec la chaîne de production. Saviez-vous par exemple que vos bijoux en or ont probablement été extrait à l’aide d’un des produits suivants : mercure, cyanure ou acide nitrique&nbsp;?</li>
<li> la chimie des éléments est différente de la chimie moléculaire. Le chlore et le sodium sont deux éléments qui peuvent vous tuer si vous les prenez séparément, mais ensembles dans une molécule ils forment le sel de table. Même remarque pour l’eau. Ou le sucre. Et tout ce qui vous entoure.</li></ul>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/deano/154216846/">image de Deam Ayres</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151017152933
title: La vérité est une nuance de gris
uri: La-vérité-est-une-nuance-de-gris
url: http://lehollandaisvolant.net/?d=2015/10/17/15/29/33-la-verite-est-une-nuance-de-gris
content:
<img src="media/437e382f.colors.jpg" data-original-source="http://lehollandaisvolant.net/img/16/colors.jpg" alt="couleurs" width="400" height="267" style="max-width: 100%; height: auto;" class="one" />
Je reproduis ici le texte de <a href="https://www.facebook.com/M.Mondialisation/photos/a.315001815182898.96115.177043642312050/1197266113623126/?type=3">Mr. Mondialisation</a> initialement publié sur Facebook&nbsp;:<br/>
<br/>
<em>«&nbsp;La vérité est une nuance de gris<br/>
<br/>
Non, pas 50 nuances. Mais assez pour comprendre que "la Réaction" n'est pas la solution. Vous l'entendez souvent autour de vous, ce lieu commun du critique qui plonge tête la première dans une opposition systématique. C'est tout noir ou tout blanc. “Si X à tort, son extrême inverse Y a forcément raison&nbsp;!” pensent-ils s'arguant d'avoir l'esprit critique. De là naissent tous les radicalismes propices à l'émergence d'un nouveau fascisme.<br/>
<br/>
Mais qui peut encore ignorer que les raisonnements manichéens ne sont pas émancipateurs&nbsp;? Ils ne peuvent l'être car ils s'appuient sur la facilité et l'absence de pensée. La difficulté, qui représente le chemin le moins simple à emprunter, exige de se forcer à voir l'objet sous tous les angles, y compris sous l'angle de celui qui tente de nous opprimer, afin de ne pas soi-même planter les graines d'une nouvelle oppression.<br/>
<br/>
Ainsi l'histoire nous a déjà démontré que l'origine du totalitarisme s'inscrit dans une opposition radicale et naïve envers un vague ennemi désigné, symbolisant un système. Les réactionnaires prétendent ainsi qu'il n'y a qu'une solution unique&nbsp;: le repli identitaire. Cette réaction radicale (ici, un néo-nationalisme exacerbé) portée par beaucoup comme étant la solution contre la mondialisation sert en réalité de chien de garde aux privilégiés qui voient dans la redistribution des richesses au niveau international une menace pour leur position.<br/>
<br/>
Comme l'exprimait Hannah Arendt dans "Les Origines du totalitarisme"&nbsp;: “Ce qui séduisait l’élite, c’était l’extrémisme en tant que tel.” Reste à espérer qu'assez de gens comprennent ces notions difficiles à saisir, car nuancées par nature, avant qu'on ne bascule tous ensemble une nouvelle fois dans l'horreur. Car oui, il est possible de faire pire qu'aujourd'hui. Et vous pouvez nous croire, ils ont les armes pour vous convaincre de détester les opprimés et d'accepter ceux qui les oppriment.<br/>
<br/>
La vérité est une nuance de gris.&nbsp;»</em><br/>
<br/>
<br/>
Et j’ajouterais que la nuance de gris n’est valable que pour une seule idée.<br/>
Chaque personne possède plusieurs couleurs (représentant chacune une sujet pour lequel il vit) et chaque couleur se superpose à une nuance de gris, symbolisant son point de vue sur cette idée.<br/>
<br/>
Certaines personnes n’ont pas ou peu d’avis sur une idée ou un sujet&nbsp;: la couleur de cette idée est donc absente de leur palette.<br/>
<br/>
Au final, chacun est un mélange unique de plusieurs couleurs plus ou moins intenses. Une palette, en somme, un spectre coloré, représentant sa vision du monde et de sa vérité.<br/>
<br/>
<br/>
<br/>
<span style="font-size:9pt;">(toute cette symbolique n’a rien à voir avec la notion de "personne de couleur", je préfère le dire)</span><br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/doug88888/6992804069/">image de Doug88888</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151024202306
title: L’application Le Mot Du Jour
uri: L-application-Le-Mot-Du-Jour
url: http://lehollandaisvolant.net/?d=2015/10/24/20/23/06-lapplication-le-mot-du-jour
content:
<img src="media/57d23bfa.dictionnaire.jpg" data-original-source="http://lehollandaisvolant.net/img/4e/dictionnaire.jpg" alt="un dictionnaire" width="400" height="270" style="max-width: 100%; height: auto;" class="one" />
Nonobstant l’irréfragable vocabulaire dont vous disposez, voici une suggestion pour améliorer vos connaissances.<br/>
<br/>
Je dois être un hâbleur cinoque (bien que n’ayant point d’accessoire infundibuliforme sur la tête) tombé dans la garrulité pour déblatérer avec une pétulance volubile tous ces mots, prenant le rôle d’un laudateur, mais je souhaite que ce phébus — loin d’être une pasquinade  allusive — soit un satisfecit pour cette application oblative, grâce à laquelle plus rien ne sera plus sibyllin et avec laquelle vous pourrez enfin vous rasséréner.<br/>
Qu’elle vous invite même à une libation roborative du savoir, au moyen de cette cascatelle du trésor de vocabulaire.<br/>
<br/>
Vous pourrez alors enfin exhiber votre fatuité que même le cénacle et la nitescence des littéraires les plus outrecuidants pourront vous envier, passant alors du statut d’aliboron à jovien en matière de mots.<br/>
<br/>
Il n’est qu’un simple truisme que cette application à la saveur immarcescible vous emporte dans le céans de la langue Française. Qu’elle sache être un affiquet surérogatoire sur votre téléphone.<br/>
<br/>
<br/>
<ul>
<li> L’application&nbsp;: <a href="https://play.google.com/store/apps/details?id=net.kevinvuilleumier.android.lemotdujour">Le mot du jour – Applications Android sur Google Play</a></li></ul>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/greeblie/3338710223/">image de Greeblie</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151031000001
title: Une énigme
uri: Une-énigme
url: http://lehollandaisvolant.net/?d=2015/10/31/00/00/01-une-enigme
content:
<div style="font-family:monospace"><strong>1).</strong><br/>
12332<br/>
34532<br/>
<br/>
<br/>
<strong>2).</strong><br/>
2²1¹<br/>
1¹4¹3⁴<br/>
1¹<br/>
4¹2¹3³<br/>
</div>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151102190658
title: Sélection de quelques films sur l’histoire de l’informatique
uri: Sélection-de-quelques-films-sur-l-histoire-de-l-informatique
url:
http://lehollandaisvolant.net/?d=2015/11/02/19/06/58-selection-de-quelques-films-sur-lhistoire-de-linformatique

content:
J’aime beaucoup les films retraçant les débuts de l’informatique, ou juste la montée en puissance de l’Internet ou des boîtes comme Microsoft de l’époque où ils étaient des « gus dans un garage » jusqu’au moment où leur fondateurs sont les hommes les plus fortunés du monde.<br/>
<br/>
En voici une sélection, contenant des films basés sur des faits réels et des documentaires&nbsp;:<br/>
<br/>
<ul>
<li> <a href="https://fr.wikipedia.org/wiki/Les_Pirates_de_la_Silicon_Valley">Pirates de la Silicon Valley</a> (1997), téléfilm sur la naissance de l’informatique personnel au travers de la croissance de Microsoft ou Apple ;</li>
<li> <a href="https://fr.wikipedia.org/wiki/Nom_de_code_:_Linux">Nom de code&nbsp;: Linux</a>  (2002), documentaire sur le mouvement GNU, Linux et l’open-source ;</li>
<li> <a href="https://www.youtube.com/watch?v=sCJXGHlxGz4">la revanche des geeks</a> (2011), un documentaire sur la culture Geek ;</li>
<li> <a href="http://www.imdb.com/title/tt0159784/">Cybertr@que</a> (2000), téléfilm basé sur des faits réels à propos de Kevin Mitnick, un des plus grands hacker criminel de son époque (et étant passé aujourd’hui du bon côté de la force) ;</li>
<li> <a href="https://fr.wikipedia.org/wiki/Une_contre-histoire_de_l'Internet">Une contre histoire des Internets</a> (2012), documentaire sur l’usage d’Internet par les hacktivistes et son rôle dans la défense des droits des citoyens contre les gouvernements ;</li>
<li> <a href="http://lehollandaisvolant.net/Citizenfour">Citizenfour</a> (2014), documentaire à propos d’Edward Snowden et comment il a décidé de travailler pour les citoyens plutôt que contre eux.</li></ul>
<br/>
<br/>
En voici deux autres, bien plus récents. Je les note ici, mais je les ai beaucoup moins appréciés car ce sont plus des films que des documentaires.<br/>
Même Jobs, qui est beaucoup moins bien que <em>Pirates de la Silicon Valley</em>&nbsp;:<br/>
<br/>
<ul>
<li> <a href="https://fr.wikipedia.org/wiki/The_Social_Network">The social network</a> (2010), un film retraçant l’histoire de Facebook, de sa naissance comme un petit site jusqu’à devenir le premier site du monde ;</li>
<li> <a href="https://fr.wikipedia.org/wiki/Jobs_%28film%29">Jobs</a> (2013), film basé sur la vie de Steve Jobs, de la fondation d’Apple à sa renaissance en 2001.</li></ul>
<br/>
ÉDIT : ce qui suit est la liste des docu et films proposés dans les commentaires (je ne les ai pas tous vu)&nbsp;:<br/>
<br/>
<ul>
<li> <a href="https://www.youtube.com/watch?v=PsYPafZh_I8">Hackers, les nouveaux maîtres du monde</a> (docu)</li>
<li> <a href="https://www.youtube.com/watch?v=eTOKXCEwo_8">TPB AFK: The Pirate Bay Away From Keyboard</a> (docu)</li>
<li> <a href="https://www.youtube.com/watch?v=7ZBe1VFy0gc">Aaron Swartz, The Internet's Own Boy</a> (docu)</li>
<li> <a href="https://www.youtube.com/watch?v=Eluzi70O-P4">Revolution OS</a> (docu)</li>
<li> <a href="https://www.youtube.com/watch?v=HuBXbvl1Sg4&amp;list=PL7RgGl9hEueWP1wVlWycY1KGPyTaHpPmG">Triump of the nerds</a> (docu)</li>
<li> <a href="https://fr.wikipedia.org/wiki/Imitation_Game">The Imitation Game</a> (film)</li>
<li> <a href="https://fr.wikipedia.org/wiki/Antitrust_%28film%29">Antitrust</a> (film)</li>
<li> <a href="http://thetvdb.com/?tab=series&amp;id=271910&amp;lid=17">Halt and Catch Fire</a> (série, fictive)</li></ul>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151105161431
title: Le fisc contre Mediapart
uri: Le-fisc-contre-Mediapart
url: http://lehollandaisvolant.net/?d=2015/11/05/16/14/31-le-fisc-contre-mediapart
content:
Mediapart est un journal (exclusivement) en ligne qui propose un système d’abonnement payant. Comme tous les journaux, la TVA sur les abonnements devrait être la TVA réduite de 2,1%.<br/>
<br/>
L’État ne le voit pas de cette façon : pour eux, c’est une TVA de 20%.<br/>
Résultat : après deux ans de combat, ils doivent payer 4,1 millions d’euros.<br/>
<br/>
En prime, l’amende a été majorée de 40% car l’État les considère comme fraudeurs.<br/>
<br/>
Pourquoi ils leur font ça ?<br/>
Pour ceux qui ne connaissant pas Mediapart, c’est un journal qui a pour habitude de jeter des pavés dans la marre politique. <strong>Ah.</strong><br/>
<br/>
Source, plus d’infos sur cette injustice &amp; page de don : <a href="http://www.mediapart.fr/journal/france/051115/le-mauvais-coup-du-fisc-contre-mediapart?onglet=full">Le mauvais coup du fisc contre Mediapart — Mediapart</a>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151109184037
title: À propos du « business trouble » sur Youtube, selon LeMonde
uri: À-propos-du-business-trouble-sur-Youtube-selon-LeMonde
url:
http://lehollandaisvolant.net/?d=2015/11/09/18/40/37-a-propos-du-business-trouble-sur-youtube-selon-lemonde

content:
En référence à cet article du journal <em>lemonde</em> : <a href="http://www.lemonde.fr/pixels/article/2015/11/09/cyprien-norman-enjoyphoenix-les-bonnes-affaires-des-youtubeurs_4805990_4408996.html">Cyprien, Norman, EnjoyPhoenix&nbsp;: le business trouble des youtubeurs</a>.<br/>
<br/>
Ça me fait rire quand ce sont les sites de presse qui parlent de ça.<br/>
<br/>
Eux qui sont payés par les subventions et les fonds publics (<a href="http://droit-finances.commentcamarche.net/faq/33224-presse-subventionnee-les-20-journaux-les-plus-aides-par-l-etat">18,7 M€ pour LeMonde</a> ; 5 000 M€ tous les journaux confondus en 2013) ;<br/>
Eux qui ont des pages web pleines de pub.<br/>
Eux qui ont des tonnes de trackers (47 pour lemonde.fr et <a href="media/699d8abc.lmde.png" data-original-source="http://lehollandaisvolant.net/img/ec/lmde.png">la page actuelle</a>) qui rapportent des sous ou des services en vendant notre historique de navigation au plus offrant.<br/>
<br/>
Ça me fait rire, effectivement.<br/>
<br/>
Non, il y a pas de mal à <em>gagner</em> de l’argent.<br/>
Les journaux doivent simplement apprendre à vivre avec le fait qu’ils ne sont plus les seuls à partager de l’information (peu importe sa forme), ni à le faire de façon rémunérée.<br/>
<br/>
Quand les journaux parlent «&nbsp;<em>d’hystérie</em>&nbsp;», de «&nbsp;<em>business trouble</em>&nbsp;», « <em><a href="http://www.franceinfo.fr/actu/societe/article/video-city-paris-enquete-sur-le-business-des-youtubeurs-744003">d’enquête</a></em> » ou de « <em><a href="http://lexpansion.lexpress.fr/high-tech/youtube-les-liaisons-dangereuses-de-cyprien-avec-les-marques_1629405.html">liaisons dangereuses</a></em> » , ça n’est pas dans un sens flatteur.<br/>
Je pourrais faire la même chose, en disant que la publicité et les trackers c’est violer la vie privée des visiteurs. <a href="http://lehollandaisvolant.net/?d=2014/06/19/17/30/12-bloquer-cest-voler-publicite-cest-violer">Je le dis d’ailleurs.</a><br/>
<br/>
La loi c’est la loi et il y a sûrement des choses à dire sur les Youtubeurs, c’est vrai, mais quand votre page web affiche une cinquantaine de scripts pour pister les internautes, on devrait être autorisé à ne pas parler de « <em>déontologie</em> ».


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151110172225
title: Les majors veulent une amende automatique
uri: Les-majors-veulent-une-amende-automatique
url: http://lehollandaisvolant.net/?d=2015/11/10/17/22/25-les-majors-veulent-une-amende-automatique
content:
Ben voilà <a href="http://www.nextinpact.com/news/97243-hadopi-cinema-va-injecter-l-amende-automatique-via-loi-creation.htm">autre chose</a>.<br/>
<br/>
Ton IP est flashé ? Hop, ton compte est débité.<br/>
<br/>
Pourquoi&nbsp;?<br/>
<br/>
Parce que c’est trop compliqué de passer par un juge.<br/>
<br/>
Pour résumer leur point de vue : le système judiciaire est trop lent, contraignant et compliqué pour eux, ils préfèrent se placer en dictateurs au dessus de la loi.<br/>
Dictateurs du copyright, ça vous dit <a href="http://lehollandaisvolant.net/?d=2013/05/20/14/16/30-le-copyreich">quelque chose</a>&nbsp;?<br/>
<br/>
Mais on s’attendait à ce genre de trucs. Avec d’une part le nombre croissante de lois policières qui passent <a href="http://lehollandaisvolant.net/?d=2015/01/19/16/58/04-censure-administratif-et-separation-des-pouvoirs">hors du cadre judiciaire</a> et d’autre part le droit d’auteur qui devient une excuse à n’importe quoi (<a href="http://lehollandaisvolant.net/?d=2010/12/20/18/18/15-taxe-copie-privee-gps-et-autoradios">taxe sur les GPS</a>, contribution par les salons de coiffure, interdiction de fredonner une chanson…), il ne fallait que du temps pour l’idée d’une pompe à frique directement entre votre adresse IP et la poche des ayants droits ne naisse.<br/>
<br/>
Le pire c’est qu’une telle idée a des chances de se concrétiser (vu tout ce qui sort des assemblées ces temps-ci…).<br/>
<br/>
Fait chier.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151111182951
title: Pas de logiciels libres dans l’administration en France…
uri: Pas-de-logiciels-libres-en-France
url:
http://lehollandaisvolant.net/?d=2015/11/11/18/29/51-pas-de-logiciels-libres-dans-ladministration-en-france

content:
Alors qu’on l’a <a href="https://www.republique-numerique.fr/projects/projet-de-loi-numerique/consultation/consultation/types/section-2-service-public-de-la-donnee-1">demandé</a>, le gouvernement <a href="http://www.nextinpact.com/news/97257-le-gouvernement-refuse-donner-priorite-aux-logiciels-libres.htm">n’inscrira rien dans la loi pour la promotion des logiciels libres</a> dans l’administration et l’éducation (en ignorant donc totalement l’avis du public).<br/>
À la place il promet qu’il préfère faire ça sans passer par des mesures légales. Promesses dans le vide, évidemment, vu qu’il n’y a rien d’écrit.<br/>
<br/>
C’est ironique que pendant ce temps, Satya Nadella (PDG de Microsoft) <a href="http://www.numerama.com/business/130083-le-pdg-de-microsoft-en-france-pour-rencontrer-francois-hollande.html">donne des conférences en grande pompes à Paris</a>.<br/>
<br/>
Mais au fond c’est bien connu&nbsp;: faire des économies dans le budget de l’état tout en relançant l’emploi en France, ça passe par la dépense de millions dans du logiciel cher et fabriqué aux USA, plutôt que par l’embauche de gens ici qui payeront des impôts en France.<br/>
<br/>
Pour ceux qui en douteraient encore, ce n’est pas juste pour le mouvement libriste que ça aurait été important d’avoir du logiciel libre dans les écoles et les administrations, en priorité sur les logiciels propriétaires des entreprises (américaines pour la plupart).<br/>
<br/>
Car ça passe aussi par&nbsp;:<br/>
<ul>
<li> des économies sur le long terme (plus de licences MS à payer) ;</li>
<li> une indépendance vis à vis de Microsoft et des USA ;</li>
<li> remettre les emplois et la boucle économique en France plutôt qu’aux USA (le libre étant ce qu’il est, une nouvelle fonctionnalité ou un nouveau système pourra être développé en France par des développeurs locaux) ;</li>
<li> de créer une forme de démocratie&nbsp;: le logiciel libre est démocratique dans le sens où tout le monde peut participer s’il veut, sans avoir à subir le choix de quelques-uns. Et aussi, un truc codé par le gouvernement sur les fonds publics pourra être rendu public puis utilisé par tous les citoyens (ce qui est impossible avec le logiciel proprio).</li></ul>
<br/>
Mais j’ai un certain espoir quand même : certaines universités, parfois, utilisent un système sous Linux de temps en temps. Parfois même dans des salles de classe entières.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151110190513
title: PriceMinister, CDiscount : fini pour moi
uri: PriceMinister-CDiscount-fini-pour-moi
url: http://lehollandaisvolant.net/?d=2015/11/10/19/05/13-priceminister-cdiscount-fini-pour-moi
content:
<img src="media/708e4773.pigeon.jpg" data-original-source="http://lehollandaisvolant.net/img/f1/pigeon.jpg" alt="pigeon" width="400" height="327" style="max-width: 100%; height: auto;" class="one" />
Je suis de ceux qui achètent régulièrement en ligne : que ce soit sur les grands sites de e-commerce ou sur les boutiques spécialisées plus petites.<br/>
CDiscount et PriceMinister ne sont pas donc pas des noms qui me sont étranger. Amazon, eBay, Etsy, Redbubble ou le plus récemment découvert <a href="https://www.cadeau-maestro.com/">Cadeau-Maestro</a> non plus. <br/>
<br/>
Pourtant, allez savoir, avec les deux premiers que j’ai beaucoup plus de problèmes qu’avec les autres.<br/>
<br/>
CDiscount, c’est très simple : mes deux premières commandes ont été annulées. Évidemment, j’ai dû faire des pieds et des mains pour me faire rembourser (pour le coup, j’ai eu de la chance d’avoir payé par Paypal, sinon j’aurais jamais revu mon argent).<br/>
<br/>
Le truc est identique à chaque fois : au début, on cherche un truc : oh, il est en promo ici&nbsp;! Cool, hop, j’achète.<br/>
Après une semaine, on commence à se demander ce qu’ils foutent et relancer la vente : l’article est indiqué comme étant en France, le vendeur est marqué comme Français, il a écrit « <em>expédié en 24 h</em> » : pourquoi ça met autant de temps ?<br/>
Après trois semaines, c’est clair : l’article n’arrivera plus.<br/>
<br/>
Alors on annule la vente et là, oh, on nous dit : «&nbsp;<em>oh, désolé pour la vente ratée ! J’ai encore votre article, si vous voulez recommander. Par contre, pour votre réduction de 50%, allez vous faire foutre !</em> ».<br/>
<br/>
PriceMinister, là, ça commence à être pareil&nbsp;: le même scénario.<br/>
Après 3 semaines de non réponses de la part du vendeur, j’ai la possibilité de demander au service-client qu’ils relancent le vendeur. Trois jours après, le vendeur confirme l’annulation de la vente. Aucun message, aucune explication.<br/>
<br/>
C’est ça, continuez ainsi avec votre service de merde (et m’obliger à attendre 3 semaines avant de pouvoir faire une réclamation, sachant qu’un paquet envoyé en national, même avec LaPoste en grève et en période des fêtes sous la neige, il met pas aussi longtemps, c’est du n’importe quoi).<br/>
<br/>
<a href="http://www.matronix.fr/cdiscount-quelle-blague/">Et je ne suis</a> <a href="http://geekandtips.com/mes-articles/coups-de-gueule/98-adieu-cdiscount">pas seul à le penser</a>.<br/>
<br/>
On gueule contre Amazon, contre eBay et contre tous les sites qui marchent bien, mais au moins ils ne me prennent pas pour des cons en tant qu’acheteur (et pour ceux qui <a href="http://pro.clubic.com/entreprises/amazon/actualite-783388-amazon-defend-conditions-travail-embauche-100-000-salaries-noel.html">travaillent là-bas</a>, les autres services de e-commerce doivent être bien contents que les médias tapent sur Amazon et pas sur eux, car <a href="http://lehollandaisvolant.net/?id=20131217222641">il y aurait autant à dire</a> vu qu’ils font exactement comme eux).<br/>
<br/>
<strong>J’aurais dû m’y tenir plus fermement : un site web sans page de contact ou sans service client à qui parler directement et tout de suite, ça ne peut pas être un bon site. Fait chier.</strong><br/>
<br/>
Pour tout de même finir une note positive, voilà <a href="http://lehollandaisvolant.net/?id=20151006184016">quelques vendeurs qui ne m’ont jamais déçus</a>.<br/>
<br/>
<em><strong>ÉDIT :</strong> pour contacter Priceminister, il y a bien un lien, pas simple à trouver : <a href="http://www.priceminister.com/help/cv_contact_us/">http://www.priceminister.com/help/cv_contact_us/</a> (<a href="https://twitter.com/priceminister/status/664817733624799233">via</a>)</em><br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/kkoshy/13845819085/">image de Koshi Koshi</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151113162024
title: Installer Halo 2 sous Windows 8.1
uri: Installer-Halo-2-sous-Windows-8-1
url: http://lehollandaisvolant.net/?d=2015/11/13/16/20/24-installer-halo-2-sous-windows-81
content:
Je suis fan des jeux qui ont quelques années : je joue encore régulièrement à Half-Life, UT2004 ou Portal.<br/>
Il y a quelques mois j’ai acquis le DVD de Halo 2 PC pour Windows Vista (sorti en 2007).<br/>
<br/>
Ce jeu fonctionne avec Windows Live et avec un compte Microsoft, mais on peut s’en passer pour le mode solo.<br/>
<br/>
Il se trouve que ce jeu tourne très bien (en mode campagne solo) sous Windows 8.1 aussi (l’installation se fait sur Windows 10 mais je n’ai pas pu tester le lancer du jeu). Il y a juste quelques bidouilles à effectuer.<br/>
<br/>
Pour installer le jeu depuis le DVD, il faut avoir installé deux composants liés à <em>Games for Windows Live</em> (lien en bas de l’article)&nbsp;: il faut les installer dans l’ordre (1 puis 2), puis lancer l’installation depuis le DVD.<br/>
<br/>
Lors de l’installation, faites <strong>Customize Game Install</strong> et choisissez l’installation seule :<br/>
<br/>
<img src="media/86cd220a.customize-game-install.png" data-original-source="http://lehollandaisvolant.net/img/91/customize-game-install.png" alt="installation halo2" width="752" height="549" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Puis :<br/>
<br/>
<img src="media/19bc167d.install-only.png" data-original-source="http://lehollandaisvolant.net/img/1f/install-only.png" alt="installation halo2" width="492" height="280" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Notez que durant l’installation il peut vouloir installer le Framework.Net 2.0 ou 3.0 : il faut les installer.<br/>
Il demandera aussi d’entrer la clé d’activation qui se trouve dans la boîte du jeu (il faut une connexion internet pour ça).<br/>
<br/>
Lors de la première ouverture, si vous voulez simplement jouer en local (comme moi), il n’y a pas besoin de compte Windows Live/MSN/XBox&nbsp;: quand il demande de faire <a href="media/98983aa6.creer-profil.png" data-original-source="http://lehollandaisvolant.net/img/71/creer-profil.png">un nouveau profil</a>, acceptez mais, ne faites pas « <em>suivant</em> », il faut scroller en bas et cliquer sur le lien pour faire un simple profil local :<br/>
<br/>
<img src="media/e167c980.creer-prpfil-local.png" data-original-source="http://lehollandaisvolant.net/img/70/creer-prpfil-local.png" alt="i" width="1000" height="563" style="max-width: 100%; height: auto;" />
<br/>
Vous pourrez ici faire un profil de jeu local (pas besoin de compte XBox-Live ou Hotmail) et vous connecter avec ça. Ceci sera votre compte Windows Live Games (partagé par les autres jeux Windows Live), car il faut ensuite faire un profil de joueur pour Halo (qui lui est un simple profil pour sauvegarder ses différentes parties).<br/>
<br/>
Après ça, vous pourrez jouer tranquillement à ce jeu qui a bientôt 10 ans&nbsp;:D.<br/>
<br/>
<br/>
<br/>
Les fichiers à télécharger et à installer (dans cet ordre) :<br/>
<ol>
<li> <a href="http://www.microsoft.com/en-us/download/confirmation.aspx?id=5549">gfwlivesetup.exe</a> (Games For Windows Live Setup)</li>
<li> <a href="http://download.gfwl.xboxlive.com/content/gfwl-public/redists/production/xliveredist.msi">xliveredist.msi</a> (Client XBox Windows Live)</li></ol>
<br/>
Si jamais les fichiers deviennent introuvables, je les rend disponible <a href="http://lehollandaisvolant.net/tout/dl/halo2-pc.7z">sur mon site</a>.<br/>
<br/>
(<a href="https://www.youtube.com/watch?v=CWUZT7w4y3o">source de l’astuce</a>)


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151114091931
title: Attentats du 13 novembre 2015, Paris
uri: Attentats-du-13-novembre-2015-Paris
url: http://lehollandaisvolant.net/?d=2015/11/14/09/19/31-attentats-du-13-novembre-2015-paris
content:
6 Attaques, plus de 120 morts et encore plus de blessés.<br/>
C’est le bilan au matin du 14 novembre, lendemain <a href="https://fr.wikipedia.org/wiki/Attentats_du_13_novembre_2015_en_%C3%8Ele-de-France">des attentats</a>.<br/>
<br/>
<br/>
Première chose qui vient : merde. C’est horrible. Qui&nbsp;? Pourquoi ?<br/>
<br/>
Deuxième chose, venue un peu plus tard, après s’être posé quelques minutes : doit-on remercier Cazeneuve, les caméras de <a href="http://korben.info/big-cazeneuve-est-maintenant-une-realite.html">surveillance</a>, <a href="http://lehollandaisvolant.net/?id=20151113211651">les contrôles bancaires</a>, les <a href="http://www.numerama.com/magazine/32794-pour-cazeneuve-la-vie-privee-n-est-pas-une-liberte.html">contrôles sur internet</a> et tout le reste mis en place depuis janvier, pour leur efficacité ? Leurs actions anti-terroristes on bien fonctionné, encore une fois : l'instauration de la terreur a donné le champ libre aux terrorisme. Rentrer dans un Thalys avec une arme, tout ça, autant de choses visiblement si simples qu’une caméra n’empêchera pas.<br/>
<br/>
Troisième chose : on voit que « <em><a href="https://fr.wikipedia.org/wiki/%C3%89tat_d'urgence_en_France">l’état d’urgence</a></em> » est mis en place : les frontières sont fermées (ou du moins hautement contrôlées), des écoles et lieux publics sont fermés. Pour les enquêtes, les forces de l’ordre peuvent rentrer chez n’importe qui, n’importe quand. Les médias sont placés au service de la police et l’État. La sécurité passe avant la liberté et la justice.<br/>
<br/>
On se doute déjà d’une chose : l’État va se durcir. La surveillance, les contrôles… Mais aussi les bavures, les restrictions, les immixtions dans la vie privée et la liberté va en prendre un bon coup. Tout ça, évidemment, pour peu de résultats : ça ne tiendra que jusqu’aux prochaines attaques, après quoi ça sera encore pire.<br/>
Rappelez-vous que l’endroit le plus sûr est probablement une prison&nbsp;: personne n’entre mais personne ne sort non plus pour «&nbsp;votre bien&nbsp;». Pourtant, personne ne veut aller en prison. La liberté, c’est ça qui est voulu. C’est elle qui vous donne au contraire le droit de refuser cette « sécurité » bien relative.<br/>
<br/>
Courage.<br/>
Aux proches des victimes déjà, mais aussi à tout le monde pour ce qui va arriver, sans en douter, sous peu.<br/>
<br/>
<br/>
<em><strong>MÀJ du 14/11, 19h</strong> : nous y voilà, <a href="http://www.20minutes.fr/societe/1730463-20151114-attentats-paris-francais-vont-devoir-sacrifier-libertes-individuelles">c’est dit</a> : « Les Français vont devoir sacrifier des libertés individuelles »</em>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151116210937
title: [CSS] Optimiser le chargement des polices pour le web
uri: CSS-Optimiser-le-chargement-des-polices-pour-le-web
url:
http://lehollandaisvolant.net/?d=2015/11/16/21/09/37-css-optimiser-le-chargement-des-polices-pour-le-web

content:
Quand on inclut un fichier de police en CSS dans sa page web (par exemple la police "roboto"), on fait quelque chose comme ça pour la déclarer :<br/>
<br/>
<pre>@font-face {
  font-family: &quot;roboto&quot;;
  font-style: normal;
  font-weight: 400;
  src: url(&quot;roboto.woff&quot;) format(&quot;woff&quot;);
}</pre>
<br/>
Puis ceci pour l’utiliser :<br/>
<br/>
<pre>p {
  font-family: roboto, sans-serif;
}</pre>
<br/>
C’est bien comme ça qu’il faut faire.<br/>
Mais qu’en est t-il du cas où la police du même nom est présente sur l’ordinateur de l’internaute ? Il se passe quoi ?<br/>
<br/>
Le navigateur doit choisir entre télécharger la police "roboto" du web ou utiliser la police "roboto" sur l’ordinateur.<br/>
Dans les faits, il se trouve que le navigateur télécharge la police du web : la déclaration de la police avec le nom "roboto" remplace en fait le nom "roboto" dans la liste des polices sur l’ordinateur.<br/>
<br/>
Autrement dit, à chaque fois que l’internaute qui a déjà la police d’installée arrive sur votre site, il doit télécharger la police en question. Ce n’est pas optimal.<br/>
<br/>
La solution ? Déclarer le nom possible qu’aurait la police sur l’ordinateur avec « local() » :<br/>
<br/>
<pre>@font-face {
  font-family: &quot;roboto&quot;;
  font-style: normal;
  font-weight: 400;
  src: local(&quot;roboto&quot;), local(&quot;roboto-regular&quot;), url(&quot;roboto.woff&quot;) format(&quot;woff&quot;);
}</pre>
<br/>
Notez que si vous aviez ses variantes, comme celui en « font-weight: 300 » ou « 700 », vous devez spécifier la noms de polices spécifiques, dans ce cas précis «&nbsp;roboto-light » et « roboto bold ».<br/>
<br/>
De cette façon, si la police Roboto est installée sur l’ordinateur, elle se utilisée et ça s’arrête là. Si elle n’est pas installée, alors la police va être chargée par le navigateur.<br/>
On peut donc gagner pas mal en temps de chargement pour une partie des visiteurs.<br/>
<br/>
Dans le cas de Roboto, c’est une police faite par Google et utilisée dans le cadre du <a href="https://www.google.com/design/spec/material-design/introduction.html">material-design</a>. Elle est également intégrée nativement sur Android. Si votre site utilise cette police et que vous utilisez la méthode écrite ci-dessus, alors il sera rapide sur n’importe quel appareil Android (ce qui n’est pas non plus sans importances, vu que de plus en plus de requêtes sont faites depuis des appareils mobiles, majoritairement sous Android).<br/>
<br/>
Enfin, si la police Roboto est installée sur l’ordinateur de votre visiteur sous un autre nom, ça ne fonctionnera pas et elle sera téléchargée quand même.<br/>
Je conseille donc, que ce soit lors de l’usage d’une police sur le web ou de l’installation sur votre ordinateur, de toujours utiliser le nom original de la police : vous accélérez alors potentiellement la navigation de vos lecteurs ainsi que la votre, tout en hiérarchisant au mieux la gestion des polices d’écritures : ceux du système avant ceux du web.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151120185642
title: La loi sur l’état d’urgence ne sera pas soumise au conseil constitutionnel
uri: La-loi-sur-l-état-d-urgence-ne-sera-pas-soumise-au-conseil-consti
url:
http://lehollandaisvolant.net/?d=2015/11/20/18/56/42-la-loi-sur-letat-durgence-ne-sera-pas-soumise-au-conseil-constitutionnel

content:
<img src="media/c5f90662.orwell.jpg" data-original-source="http://lehollandaisvolant.net/img/d1/orwell.jpg" alt="david party" width="400" height="300" style="max-width: 100%; height: auto;" class="one" />
… <a href="http://www.numerama.com/politique/131856-manuel-valls-demande-a-ne-pas-saisir-le-conseil-constitutionnel-sur-letat-durgence.html">Sur demande de Manuel Valls</a>.<br/>
<br/>
Selon lui, il y a un risque que certaines parties du texte soient censurées et il ne veut pas que ça arrive.<br/>
<br/>
Ce qu’il ne dit pas, c’est <em>pourquoi</em> il existe un conseil constitutionnel et <em>pourquoi</em> ce dernier a la possibilité de censurer des textes de loi.<br/>
Le conseil sert en effet à vérifier qu’une loi est possible et qu’elle ne risque pas d’engendrer de dérives, en particulier anti-démocratiques.<br/>
<br/>
Merci Valls, donc, pour avoir demandé au Sénat de ne pas vérifier si sa loi est bien démocratique.<br/>
Tu te place donc en position de faire passer les lois que tu veux et n’importe comment. <strong>Ce n’est pas le rôle d’un ministre de faire ça. C’est celui d’un dictateur.</strong><br/>
<br/>
ÉDIT : voici une petite liste des dérives que ça engendre, des bavures impliquant des innocents :<br/>
<ul>
<li> <a href="http://lehollandaisvolant.net/?id=20151121110537">20 nov. 2015</a> : le Raid se trompe d’appartement, blesse une fillette au cou au point de faire croire à son père qu’elle est morte alors que ce dernier est plaqué au sol et menotté.</li>
<li> <a href="https://www.dropbox.com/s/xey3pvlfkp3wnzn/Capture%20d'%C3%A9cran%202015-11-21%2016.38.08.png?dl=0">20 nov. 2015</a>&nbsp;: un limougeaud (habitant de Limoges) a vu sa maison fouillée, son matériel informatique fouillée également et archivé par la police. Ils cherchaient des armes et n’ont rien trouvé. La raison : il a été dénoncé par un anonyme.</li>
<li> <a href="http://lehollandaisvolant.net/?id=20151122110842">22 nov. 2015</a> : la police évacue un TGV, arrête un type « <em>comme dans les films</em> », le garde 4h au commissariat, simplement parce que les passagers le trouvaient suspect.</li>
<li> <a href="https://www.youtube.com/watch?v=ZaVe-Qx5td8">23 nov. 2015</a> : la police débarque dans un restaurant, défonce et cassent des portes ouvertes, vident les bureaux et fouillent les client. Rien n’est trouvé, mais le bordel créé est laissé tel quel.</li></ul>
<br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/mobilestreetlife/9494677089/">image de David Blackwell</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151127233340
title: À propos de la journée d’hommage aux victimes des attentats
uri: À-propos-de-la-journée-d-hommage-aux-victimes-des-attentats
url:
http://lehollandaisvolant.net/?d=2015/11/27/23/33/40-a-propos-de-la-journee-dhommage-aux-victimes-des-attentats

content:
Je ne suis pas fier de la France : je ne suis pas français, en fait.<br/>
Je ne suis pas spécialement fier non plus des Pays-Bas, ceci dit.<br/>
<br/>
En fait je considère la nationalité comme un bout de papier qu’on n’a pas choisi. Certains sont fier de ce bout de papier.<br/>
<br/>
Parallèlement, d’autres sont fiers d’un assemblage de bouts de papier&nbsp;: un livre. Typiquement je parle de la bible ou du coran, mais n’importe quel livre (même un <a href="https://fr.wikipedia.org/wiki/Pastafarisme">bol de spaghettis</a>) support d’une religion fait l’affaire.<br/>
<br/>
Dans les deux cas, bout de papier ou livre, je peux comprendre qu’on puisse être fier de ça, et je le respecte.<br/>
<br/>
Dans les deux cas je peux aussi regarder le passé et voir ce que cette fierté a pu faire&nbsp;: guerres, attentats, meurtres, génocides, drames, esclavagisme… Mais aussi, de façon parfois passives&nbsp;: famines, non assistance, exploitation… En fait, il n’y a même pas besoin de regarder le passé pour voir ça.<br/>
<br/>
Le nationalisme ou l’extrémisme idéologique est souvent l’excuse brandie en même temps que l’idée du «&nbsp;<em>non, je n’aiderai pas cette personne&nbsp;: elle n’est pas des nôtres</em>&nbsp;».<br/>
Le plus triste dans tout ça selon moi, c’est qu’on ne choisit que rarement sa religion et encore plus rarement son drapeau. Notre existence et la relation qu’on a avec les autres êtres humains sont alors dictés par des lois arbitraires et artificielles que l’on n’a pas choisi.<br/>
<br/>
Le gouvernement, aujourd’hui, veut combattre l’extrémisme religieux de l’état islamique. C’est un but louable quand on voit ce qu’ils ont fait. Ce qu’ils font, aux autres, à des innocents.<br/>
Qu’il y ait un hommage solennel et une véritable solidarité, sans frontière, ni couleurs ou barrières, avec les victimes des attentats d’il y a 15 jours et leurs familles et leurs proches, c’est bien et je les rejoins sur ça, à 100%.<br/>
<br/>
Mais que cet élan de patriotisme soit tourné vers des politiciens qui vont récupérer tout ça pour continuer à faire la guerre, continuer à bombarder des gens et leurs maisons et continuer à terroriser son propre peuple, à continuer à exploiter une partie du monde et à laisser le reste mourir aux frontières tout en continuant à vivre dans l’égoïsme : <strong>non</strong>.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151129130350
title: Parisiens, vous ne craignez pas le froid, j’espère ?
uri: Parisiens-vous-ne-craignez-pas-le-froid-j-espère
url:
http://lehollandaisvolant.net/?d=2015/11/29/13/03/50-parisiens-vous-ne-craignez-pas-le-froid-jespere

content:
<img src="media/cd4e053a.GHS-pictogram-flammepng.png" data-original-source="http://lehollandaisvolant.net/img/9b/GHS-pictogram-flammepng.png" alt="fire pictogram" width="400" height="400" style="max-width: 100%; height: auto;" class="one" />
Non, parce que pendant 15 jours, <a href="http://www.lefigaro.fr/conso/2015/11/28/05007-20151128ARTFIG00097-le-prefet-de-paris-prend-une-mesure-inattendue-pour-securiser-la-cop21.php">vous ne pourrez plus acheter du fioul domestique ou du gaz</a> pour vous chauffer ou n’importe quel autre combustible pétrolier (donc fini les bougies aussi, j’imagine ?). C’est <a href="media/f0e364f7.2015-00934.pdf" data-original-source="http://lehollandaisvolant.net/files/2015-00934.pdf">l’arrêté n°2015-00934</a> qui le dit et ça concerne 412 communes d’Île de France.<br/>
<br/>
Pourquoi ce bordel ? Pour éviter qu’on fasse sauter la COP21 à coup d’explosifs préparés dans sa cuisine. Non, ce n’est pas une blague.<br/>
<br/>
Si je comprends bien, faire une bombe c’est interdit parce que y a la COP21, mais les autres jours, c’est pas grave, hein&nbsp;?<br/>
Après tout, les seuls qui peuvent mourir seront des civils, pas des millionnaires venus en jet-privé pour parler pollution.<br/>
<br/>
Oh et puis c’est bien connu aussi&nbsp;: interdire le fioul ou le gaz en bouteille, ça va refroidir un terroristes mentalement à la ramasse de faire une bombe. C’est sûr : ces types sont armés de kalash et de grenades mais ne savent pas se procurer de la dynamite ou des explosifs plastiques sans passer par l’épicerie pour acheter de l’alcool à brûler. Bien-sûr oui.<br/>
Comme s’il n’était pas possible non lus de faire sauter la baraque avec d’autres choses, comme [censuré], [censuré] ou encore [censuré].<br/>
<br/>
Ces mesures, en plus de faire chier les gens, ne servent à rien. C’est juste histoire d’agiter les bras et de montrer "on fait quelque chose".<br/>
Ça devient du n’importe quoi.


feed_id: 20170119191039-article
title: Accélérer Firefox très simplement
uri: Accélérer-Firefox-très-simplement
url: https://lehollandaisvolant.net/?d=2017/01/19/19/10/39-accelerer-firefox-tres-simplement
content:
<p>Il y a toute une flopée de mesures à effectuer pour augmenter la réactivité de votre PC : défragmentation, suppression des vieux fichiers, mais aussi <a href="http://lehollandaisvolant.net/?id=20160316165438">des astuces sur le hardware</a>. Le problème c’est que ces solutions sont fastidieuses à mettre en place.<br />
Je suppose que le programme le plus utilisé sur votre ordi est le navigateur (Firefox dans mon cas). Alors optimisons au moins celui-ci à l’aide de deux petites astuces.</p>

<h2>Défragmenter Firefox</h2>

<p>La première, c’est de défragmenter le dossier de Firefox. C’est très simple à faire : trouvez <strong>le dossier de profil de Firefox</strong> dans le navigateur de fichiers, faites un <strong>copier coller du dossier puis supprimez le dossier original</strong>. Ensuite renommez le nouveau dossier pour supprimer le « - copie » à la fin, histoire de revenir au dossier de départ.</p>

<p>Pourquoi ça aide ça ?<br />
Parce que les fichiers dans le dossier de Firefox sont très nombreux, très souvent modifiés et sans-cesse renouvelés. C’est donc parfait pour que le système d’exploitation les place un peu partout sur le disque dur en les fragmentant au passage. Du coup, après quelques mois Firefox perd drastiquement de sa réactivité.<br />
En faisant un copier-coller du dossier, on replace les fichiers au même endroit du disque et on les défragmente. Le navigateur peut donc de nouveau se charger très rapidement.</p>

<p><strong>Notes :</strong></p>

<ul><li> Fermez votre navigateur avant l’opération.</li>
<li> Pour aller plus vite, pensez à vider le cache de Firefox avant également.</li>
<li> Cette opération est inutile sur un SSD.</li></ul>

<p><strong>Où se trouve le dossier de profil de Firefox ?</strong><br />
Il ne s’agit pas du dossier de Firefox dans « Program Files », mais celui un peu caché dans le dossier personnel.</p>

<p>Sous <strong>Windows</strong>, ouvrez un dossier, et copiez-collez dans la barre d’adresse, ceci : « <strong>%APPDATA%\Mozilla\Firefox</strong> »<br />
Dans les <strong>distributions Linux</strong>, on trouve le dossier profile de Firefox dans : « <strong>~/.mozilla/firefox</strong> ».</p>

<h2>Nettoyer les bases de données de Firefox</h2>

<p>Firefox stocke les données (cookies, historique, marques pages…) dans des bases de données <strong>SQLite</strong>. Ce sont des fichiers compactes, mais ces fichiers grossissent au fil de l’utilisation sans jamais perdre de leur taille. Donc si vous avez 50k pages d’historique et que vous supprimez tout, le fichier contenant l’historique continuera de prendre la place qu’il avait avant la suppression.<br />
D’un côté ceci empêche une trop grande fragmentation, mais de l’autre, si votre base de données pèse 100 Mo, ça fait quand même beaucoup et contribue largement à ralentir votre navigation.</p>

<p>On peut nettoyer ces bases de données de Firefox avec une commande (linux) ou un petit outil (Windows).</p>

<p>Sous Linux, assurez-vous d’avoir installé SQLite3 et lancez ça :</p>

<pre><code>for f in ~/.mozilla/firefox/*/*.sqlite; do sqlite3 $f 'VACUUM; REINDEX;'; done</code></pre>

<p>Sous Windows il y a le petit outil <a href="https://www.crystalidea.com/speedyfox">SpeedyFox</a>. Téléchargez le zip, extrayez l’exécutable, fermez Firefox et double-cliquez dessus (pas besoin d’installation). Cochez toutes les cases à cocher dans la liste puis cliquez sur « Optimize ». Après quelques secondes vous verrez les commandes se terminer et ça sera bon. En prime, SpeedyFox nettoie également les fichiers de Chrome, Opera et Skype.</p>

<p><strong>Notes :</strong></p>

<ul><li> Aucune donnée n’est perdue lors de cette opération, les fichiers SQLite sont simplement « optimisés » et seront chargés beaucoup plus rapidement.</li></ul>


feed_id: 20170110200354-article
title: Lecture : Surveillance:// par Tristan Nitot
uri: Lecture-Surveillance-par-Tristan-Nitot
url: https://lehollandaisvolant.net/?d=2017/01/10/20/03/54-lecture-surveillance-par-tristan-nitot
content:
<p>Je viens de lire le livre <strong><em>surveillance://</em></strong>, écrit par <a href="http://standblog.org/blog/">T. Nitot</a> (ancien président de Mozilla Europe, a été membre du <a href="https://cnnumerique.fr/">CNN</a> et est actuellement chez Cozy-Cloud et membre à la CNIL). Il se consacre à la défense des libertés numériques et de la Neutralité du Net.</p>

<p><em>surveillance://</em> a pour but de sensibiliser le lecteur a tout ce qui touche de près ou de loin la vie privée sur internet et les libertés numériques.</p>

<p>Cela passe évidemment de tout ce qui concerne l’affaire Snowden et la NSA, mais aussi (et surtout) ce que des entreprises comme Google ou Facebook peuvent faire avec les données qu’ils récupèrent constamment sur les utilisateurs (en partie parce que l’on leur donne volontairement), jusqu’à des notions de chiffrement et un peu de sécurité informatique (intérêt du HTTPS, par exemple), en passant par la nécessité des logiciels libres et de revenir si possible à des solutions décentralisées.</p>

<p>En soi, pour moi rien de nouveau : ça fait des années que je partage ici-même des articles expliquant ce qui se trame dans l’ombre des géants du net. Ce qui est intéressant en revanche, c’est de <strong>prendre conscience de l’ampleur des possibilités que la surveillance offre à ces entreprises</strong> (surtout les premiers chapitres), et pourquoi leur argument marketing n’est la plupart du temps que du flan.</p>

<p>Bien-sûr là aussi j’avais déjà partagé quelques scénarios (par exemple avec <a href="http://lehollandaisvolant.net/?d=2016/04/05/20/23/07-a-propos-du-compteur-linky-ses-01vm-et-le-probleme-de-la-vie-privee">le Linky</a>, mais pas seulement), mais T. Nitot commence son ouvrage par en lister un bon paquet, et dont les conséquences peuvent être minimes comme très grandes (par exemple faire basculer le résultat d’une élection…).</p>

<p><strong>Le livre n’est pas là pour faire peur, ni pour rendre tout le monde paranoïaque, mais il a une dimension explicative et éducative qu’il convient de partager au plus grande nombre.</strong> Il donne quelques idées, des solutions applicables par tous (ou presque) pour réduire la surveillance opérée à notre insu et reprendre le contrôle de nos données et notre vie numérique.<br />
Il donne aussi à la fin tout un tas d’astuce pour configurer divers programmes et divers sites pour accroître un peu la sécurité et la diffusion de nos données (par exemple sur les réseaux sociaux).</p>

<p>De l’autre côté le bouquin met aussi l’accent sur la surveillance opérée par les gouvernements : comment est-il possible qu’aujourd‘hui il soit devenu parfaitement acceptable (et accepté) qu’une surveillance de masse s’installe impunément alors que des institutions que la Ligue des Droits de l’Homme ou l’ONU s’insurgent contre ça, et quand bien même le droit et le respect de la vie privée soient inscrits dans tous les grands traités (DUDH, DDHC, etc.) ?<br />
<strong>Aujourd’hui plus que jamais, une prise de conscience par le public des enjeux de la vie privée est nécessaire, et ce bouquin constitue un bon début à ça également.</strong></p>

<p>Bref, pour moins de <strong>20 €</strong>, je vous en conseille la lecture, même si vous êtes du milieu. Il constitue une bonne référence, avec beaucoup de citations, de références, et d’exemples. Le livre est il pas technique du tout (les quelques points techniques sont très bien vulgarisés), facile à lire et il se lit en quelques heures seulement.</p>

<ul><li> <a href="http://standblog.org/blog/pages/Surveillance">Surveillance:// le livre</a> (présentation de l’ouvrage sur le blog de l’auteur)</li>
<li> <a href="http://cfeditions.com/surveillance/">Surveillance - C &amp; F Éditions</a> (fiche livre sur le site de l’éditeur, où vous pourrez également le commander)</li></ul>


feed_id: 20170104164350-article
title: Pointeur laser et pile rechargeable
uri: Pointeur-laser-et-pile-rechargeable
url: https://lehollandaisvolant.net/?d=2017/01/04/16/43/50-pointeur-laser-et-pile-rechargeable
content:
<p>Parfois la connaissance d’un peu de physique de base permet de comprendre des choses.</p>

<p>Aujourd’hui par exemple : j’ai reçu deux pointeurs laser vert (532 nm). Voulant les essayer, je met deux piles dedans. Ça ne marche pas.</p>

<p>C’est étrange, mais j’essaye deux autres piles : même résultat.<br />
Manifestement quelque chose ne va pas avec ce pointeur laser. J’essaye dans le second : idem. Peut être que ça vient des piles ? J’utilise depuis des années des piles rechargeables, et ces piles sont censées être chargées, toutes.</p>

<p>Je remarque cependant que le pointeur laser (qui doit émettre un faisceau vert) émet plutôt un très faible faisceau rouge. Ceci n’est pas une surprise : le fonctionnement de ces pointeurs est tel que c’est une diode rouge qui excite un semi-conducteur, qui va à son tour émettre un faisceau infra-rouge de 1064 nm ; faisceau qui va finalement passer à travers un filtre <a href="https://en.wikipedia.org/wiki/Potassium_titanyl_phosphate">KTP</a> qui va diviser la longueur d’onde par deux, et on retombe bien sur nos 532 nm de lumière verte.<br />
Bref, ici donc, il n’y a pas de production de la dite lumière verte. Cette lumière rouge n’est visible par ailleurs que quand les piles sont vides, ce qui n’est pas bien logique : comme j’ai dis, elles sont chargées…</p>

<p>Il se trouve que j’ai également un pointeur laser bleu (405 nm).<br />
Après tests, mes piles fonctionnement parfaitement dedans, elles sont donc bien chargées.</p>

<p>C’est là que je me suis souvenu : les piles rechargeables habituelles (Ni-MH) ont une tension de sortie de 1,2 V. Deux piles totalisent donc une tension de 2,4 V. Les piles non-rechargeables (alcalines) ont une tension nominale de 1,5 V, et donc deux piles fournissent 3,0 V.<br />
En général, que ce soit dans un Game-Boy, une lampe torche, ou une manette de XBox, ceci n’a aucune importance.</p>

<p><strong>Dans un laser, la différence a une grande importance.</strong></p>

<p>Pour qu’un pointeur laser (ou toute source laser d’ailleurs) fonctionne, il faut que les électrons dans la source laser soient excités. Plus précisément, la population d’électrons excités doit être plus importante que la population d’électrons désexcités.<br />
Ces électrons excités vont se désexciter et émettre un photon qui va lui-même engendrer d’autres photons en passant à côté des autres électrons : c’est ce qu’on appelle <strong>l’émission stimulée</strong> (le « S » dans « LASER »). Si les électrons se désexcitent avant que les autres soient excités, alors l’émission stimulée ne fonctionne pas. Et c’est ce qui se passe ici : la trop faible tension des piles rechargeables ne suffit pas à provoquer l’émission stimulée et donc à produire un faisceau laser : tout ce qu’on voit c’est une très faible lueur rouge…</p>

<p>La raison à cela est la nature d’une diode (lumineuse ou non) : les diodes ont une tension de seuil, en dessous de laquelle elles ne laissent pas passer le courant, ou alors très peu (voire trop peu) comme dans le cas présent. C’est la raison qui fait que la diode rouge ne produit pas assez de photons et qui empêche l’émission laser.</p>

<p>Pour parvenir à cette conclusion, j’ai légèrement réchauffé les piles rechargeables : ne les frottant dans les mains ou en les posant une minute ou deux contre un radiateur. Et là… miracle : le pointeur laser fonctionne ! Faiblement, certes, mais ça fonctionne. Le fait de réchauffer les piles a pour effet d’augmenter légèrement la tension de sortie, et cette augmentation a dû suffire pour dépasser la tension de seuil de la diode.</p>

<p>Je suis ensuite allé chercher des piles alcalines au coin de la rue : sans surprises, le pointeur laser fonctionne parfaitement avec des piles alcalines.<br />
Ce qui est un peu normal au fond : le pointeur laser est prévu pour fonctionner sous 3 V de tension, et ici, une tension plus basse ne pardonne pas…</p>

<p>Au passage, si mes piles rechargeables à 1,2 V permettent à mon pointeur laser bleu de fonctionner, c’est simplement que le circuit électronique de ce pointeur utiliser une source laser différente, avec probablement une autre diode, dont la tension de seuil est plus basse, et donc atteinte même avec 2,4 V.</p>

<p>Bref, aujourd’hui la science a permis à deux piles rechargeables de ne pas finir à la benne :D</p>


feed_id: 20161221201119-article
title: Une vision cosmique
uri: Une-vision-cosmique
url: https://lehollandaisvolant.net/?d=2016/12/21/20/11/19-une-vision-cosmique
content:
<p><img src="media/6dea6892.a7x-the-stage.jpg" data-original-source="https://lehollandaisvolant.net/img/d0/a7x-the-stage.jpg" alt="the stage cover" width="500" height="500" style="max-width: 100%; height: auto;" class="one" /><br />
Le groupe de heavy metal Avenged Sevenfold (A7X) a sorti récemment son dernier album <em>The Stage</em>. Si je n’accroche toujours pas spécialement d’un point de vu musical, cet album est très orienté vers la science, en particulier la cosmologie et notre place dans l’univers.</p>

<p>La dernière chanson, <em>Exist</em> (<a href="https://www.youtube.com/watch?v=ntgOlFbGWLY">écouter sur YouTube</a>), raconte (à l’image d’une symphonie classique) l’histoire de notre univers de façon musicale du Big Bang au présent. Dans le dernier mouvement de la chanson, on peut entendre l’astrophysicien Neil deGrasse Tyson prononcer un discours.</p>

<p>Le contenu du discours s’articule sur trois éléments : l’état actuel (et déplorable) du monde, une façon de s’en sortir en tant que civilisation, et pour terminer une description de ce qui nous attend si nous renonçons à solutionner les problèmes actuels.</p>

<p>Voici la retranscription du discours :</p>

<p><br style="clear:right" /></p>

<blockquote>We have one collective hope: The Earth.<br />
And yet uncounted people remain hopeless. Famine and calamity abound. Sufferers hurl themselves into the arms of war. People kill and get killed in the name of someone else's concept of God.<br />
<br />
Dare we admit that our thoughts and behaviors spring from a belief that the world revolves around us?<br />
Each fabricated conflict, self murdering bomb, vanished airplane, every fictionalized dictator, biased partisan and wayward son part the curtains of society's racial, ethnic, religious, national and cultural conflicts? And you find the human ego turning the knobs and pulling the levers…<br />
<br />
When I track the orbits of asteroids, comets, and planets, each one a pirouetting dancer in a cosmic ballet, choreographed by the forces of gravity, I see beyond the plight of humans. I see a universe ever expanding with its galaxies embedded within the ever-stretching, four-dimensional fabric of space and time.<br />
<br />
However big our world is — in our hearts, our minds, in our out-sized atlases, the universe is even bigger.<br />
There are more stars in the universe than grains of sand on the world's beaches. More stars in the universe than seconds of time that have passed since Earth formed. More stars than words and sounds ever uttered by all humans who have ever lived.<br />
<br />
The day we cease exploration of the cosmos is the day we threaten the continuance of our species. In that bleak world, arms-bearing, resource-hungry people and nations would be prone to act on their low contracted prejudices and would have seen the last gasp of human enlightenment; until the rise of a visionary new culture once again embraces the cosmic perspective; a perspective in which we are one, fitting neither above, nor below, but within.</blockquote>

<p>Que je traduis ici en français :</p>

<blockquote>Nous avons tous en commun un espoir : la Terre.<br />
Pourtant, bien des êtres humaines demeurent sans espoir. Les famines et le malheur abondent. Leur victimes se ruent à la guerre. Des gens tuent et se font tuer au nom d’un Dieu appartenant à quelqu’un d’autre.<br />
<br />
Osons nous avouer que nos croyances et nos agissements jaillissent de la conviction selon laquelle le monde tourne autour de nous ? Que chaque conflit orchestré, chaque ceinture de bombes ou avion détourné, chaque dictateur fictionnalisé, partisan biaisé et enfant rebelle sont le reflet des conflits raciaux, ethniques, religieux, nationaux et culturels de notre société ? Et l’on trouve l’égo des humains à leur commande…<br />
<br />
Quand j’observe les orbites des astéroïdes, comètes et planètes, chacun pris dans un tournoyant ballet cosmique chorégraphié par les forces de gravitation, mon regard surplombe le désarroi humain. Je vois un univers en perpétuelle expansion avec ses galaxies prises au pièges dans un maillage quadridimensionnelle, d’espace et de temps, s’étirant pour l’éternité.<br />
<br />
Aussi grand que peut sembler notre monde, dans nos cœurs, nos esprits, dans nos énormes atlas, l’univers est encore plus vaste.<br />
On trouve plus d’étoiles dans l’univers que de grains de sable sur les plages du monde. Plus d’étoiles dans l’univers que de secondes écoulées depuis la formation de la Terre. Plus d’étoiles que de mots prononcés ou de sons émis par tous les humains qui ont jamais vécu.<br />
<br />
Le jour où nous arrêterons d’explorer le cosmos sera le jour où nous mettrons en péril perpétuation de notre espèce. Dans ce monde terni, des humains, des peuples, armés et avides, n’auront plus qu’à répondre de leur médiocres préjugés, ayant assisté à l’extinction du dernier soupir de l’illumination humaine, jusqu’à ce que la naissance d’une culture nouvelle et visionnaire embrase de nouveau une ambition cosmique ; ambition dans laquelle nous serions unis, où nous ne serions ni en bas, ni en haut, mais dedans.</blockquote>

<p>Je trouve ce discours magnifique et prenant, presque envoûtant. Il rejoint en fait le discours <a href="https://fr.wikipedia.org/wiki/Un_point_bleu_p%C3%A2le">A Pale Blue Dot</a> de Carl Sagan.<br />
Pleine de vérité et d’humilité, il ajoute par rapport au discours de Carl Sagan qui ne fait qu’un état des lieux du monde, une solution, à savoir unir notre espèce autour de la question de sa survie et de son avancement, plutôt que sa division par des guerres d’égo.</p>

<p>La dernière partie peut montrer ce qui risque d’arriver si notre civilisation renonce à voir au delà de l’égo de chacun : sa disparition, pure et simple.</p>

<p>Maintenant, quand je parle de la survie de notre espèce, je parle ici de nous protéger de nous même, ainsi que le reste de la vie et de la nature ; et au delà de la Terre, de poursuivre l’exploration de l’univers pour <a href="http://couleur-science.eu/?d=2016/09/22/19/23/28-lechelle-de-kardashev-quel-type-de-civilisation-sommes-nous">continuer à évoluer</a>.<br />
Or quand je regarde la voie prise par des nations comme les États-Unis d’Amérique qui était — jadis — porteur de l’espoir en matière de progrès technique d’une planète entière et que je vois que les programmes spatiaux et scientifiques américains se réduire peu à peu à rien et que ce même pays vient de choisir comme leader une personne voulant foutre la nature et la planète en l’air, j’ai bien peur de devoir dire que je n’ai que peu d’espoir pour mon espèce, au moins dans un futur proche…</p>


feed_id: 20161219220611-article
title: Nope, toujours pas de pub chez moi
uri: Nope-toujours-pas-de-pub-chez-moi
url: https://lehollandaisvolant.net/?d=2016/12/19/22/06/11-nope-toujours-pas-de-pub-chez-moi
content:
<p>Une régie de pub me contacte pour me proposer d’aider à monétiser mon site. Je ne suis toujours pas intéressé par de la publicité sur mes sites, mais c’est toujours intéressant de voir ce qu’ils proposent (et plus généralement de voir ce qu’il y a sur le marché).</p>

<p>Fait intéressant, ils ont un simulateur.<br />
Alors simulons : parmi tout ce qu’ils proposent, je choisis un carrée de pub en haut, une bannière en bas. J’inclue également l’option « mobile » (qui ajoute de la pub sur les téléphones) et des boutons en bas des articles (au total 3 blocs de pub sur une page) et j’entre le nombre de pages vues par mois pour mon site.</p>

<p>Le truc me sort ça sur ce site : « <em>2940 € HT à 5460 € HT par mois*</em> ».<br />
Et pour mon <a href="http://couleur-science.eu/">blog scientifique</a> : « <em>931 € HT à 1729 € HT par mois*</em> ».</p>

<p>Ok.</p>

<p>Le petit astérisque indique qu’il faut évidemment déduire les visites qui se font avec un Ad-Block (la majorité sur LHV, j’imagine — disons 50% au bas mot). À mon humble avis, je pense qu’on peut aussi tenir compte du fait que ces chiffres sont tout simplement gonflés (on réduit encore de moitié, juste pour être sûr).</p>

<p>En gros, en étant plus ou moins réaliste on divise ça par quatre, il reste 700 € à 1 300 € pour ce site seul (dont il faudrait encore retirer les charges et impôts).</p>

<p>Mouais. Ça me semble vraiment beaucoup pour un site comme le miens.</p>

<p><strong>Quoi qu’il en soit, est-ce que ça vaut le coup pour moi ? Nope.</strong></p>

<p>Pas que je m’assoie sur le fric, mais plutôt parce que j’en ai pas « besoin » et que de plus, je me bats depuis longtemps contre la pub et pour les solutions alternatives. Je ne veux pas pourrir le temps de cerveau plus que la télé/médias/politiques/panneaux de pub dans la rue… ne le font déjà.</p>

<p>Oui, j’encourage la création, l’écriture, le partage, l’expression (tout ce que j’ai toujours fait ici même), et j’aimerai que ces choses là soient un jour rémunérés (partout et en général, si possible sans intermédiaires), mais je ne vois toujours pas la publicité comme quelque chose qu’il faille encourager ni comme une véritable solution avec laquelle on peut vivre (du moins, avec la conscience de jouer avec le temps de cerveau de ceux qui me lisent).</p>

<p>Je pense que les solutions comme Patreon ou Tipeee ne sont pas mal : d’un côté elles encouragent directement la création (y compris exclusive pour ceux qui contribuent) et de l’autre elles incitent le public à s’investir, avec un réel retour possible. La relation entre le public et le créateur est largement plus directe que dans le cas de la publicité (ou même que ne l’était Flattr ou les simples dons).</p>

<p>==<br />
Pour finir, j’en profite pour redire qu’en ce qui me concerne, il y a quelques personnes qui me proposent parfois des dons, justement, que ce soit pour l’un ou l’autre de mes blogs ou pour tout ce que je fais en plus. Notez qu’actuellement je ne les accepte plus du tout.</p>

<p>J’encourage plutôt de donner à <a href="https://soutenir.framasoft.org/">Framasoft</a>, <a href="https://donate.mozilla.org/en-US/">Mozilla</a>, <a href="https://soutien.laquadrature.net/">LQDN</a> ou encore <a href="https://wikimediafoundation.org/wiki/Ways_to_Give/fr">Wikipédia</a>, éventuellement en mon nom, mais c’est tout. L’argent sera dépensé pour le mieux.</p>


feed_id: 20161126091757-article
title: L’avis de passage « imaginaire »
uri: L-avis-de-passage-imaginaire
url: https://lehollandaisvolant.net/?d=2016/11/26/09/17/57-lavis-de-passage-imaginaire
content:
<p>Oui, avec le « <em>i</em> » égal à la racine carrée de −1, c’est bien celui-là.</p>

<p>J’avais <a href="http://lehollandaisvolant.net//lehollandaisvolant.net/?d=2014/09/30/17/35/19-a-tous-les-connards-payes-a-pas-faire-leur-boulot-correctement">déjà râlé contre les transporteurs</a> une fois. Là, la poste vient d’inventer un autre dispositif : ça s’appelle <strong>l’avis de passage imaginaire</strong>.</p>

<p>Tu sais que le facteur est déjà passé 3 fois dans la semaine car tu as reçu un e-mail par jour depuis trois jours et qu’il décide à chaque fois de garder le colis et de repasser le lendemain, un autre jour ouvré où je ne suis pas là¹.<br />
Le dernier jour, justement, il me laisse le fameux avis de passage imaginaire : <strong>tu le vois pas dans la boîte aux lettres, mais il est bien là : il suffit de l’imaginer.</strong></p>

<p>Le principe est le même qu’avec un avis de passage classique : tu le prends et tu vas au bureau de poste avec. Le guichetier n’est pas imaginatif, donc l’avis de passage imaginaire sera inutile à partir de maintenant. Il faut juste lui demander si — par hasard — il n’aurait pas un colis pour toi. Et normalement il y a des chances qu’il en ait un (c’est marqué sur le colis qu’un avis de passage a été passé. Il a oublié le « imaginaire » par contre : le mot doit être trop long…).</p>

<p>Bon là j’ai résolu le problème parce que je savais que qu’il était passé grâce à un e-mail envoyé par le service de suivi du colis. Mais si y avait pas d’e-mail d’envoyé ? Je fais quoi ? Je dois tout deviner ?<br />
C’est la deuxième fois que ça arrive en moins d’un mois. La première fois j’avais pas reçu d’e-mail. C’est en me rendant à la poste pour autre chose qu’on me dit que j’avais aussi un colis en attente depuis quelques jours. Une semaine de plus et ils le renvoyaient dans son pays.</p>

<p>J’ai mis le guichetier au courant. J’espère que l’info va remonter.</p>

<p>¹ ouais, je suis tellement con aussi d’avoir un travail, et de pas rester chez moi <del>comme tout le monde</del> pour attendre le facteur, ou EDF, ou le service des eaux, ou je ne sais pas qui s’imaginant qu’on a que ça à faire de sa vie.</p>


feed_id: 20161125183124-article
title: Vive les mises à jour Windows, encore une fois
uri: Vive-les-mises-à-jour-Windows-encore-une-fois
url: https://lehollandaisvolant.net/?d=2016/11/25/18/31/24-vive-les-mises-a-jour-windows-encore-une-fois
content:
<p>Cher Microsoft :</p>

<p>La prochaine fois que tu mets à jour MON ordinateur, pourras tu éviter de :<br />
- prendre 5 heures pour faire la mise à jour ;<br />
- remettre ton navigateur de merde (Edge) en navigateur par défaut (et me supplier avec 3 popup de pas mettre Firefox par défaut) ;<br />
- remettre cortona et toute ta panoplie d'applications débiles (netflix, candycrush, twitter & co) ;<br />
- wiper Firefox et mes programmes ;<br />
- virer l'antivirus ;<br />
- supprimer mes fichiers personnels ;<br />
- changer mon fond d'écran ;<br />
- tout mettre en anglais.</p>

<p>En attendant, tu me fais chier.<br />
Va bien cordialement aller te faire foutre.</p>

<p>PS : t'as de chance que certains jeux ne fonctionnent qu'avec un système de merde comme le tiens.</p>


feed_id: 20161109180855-article
title: Trump Président
uri: Trump-Président
url: https://lehollandaisvolant.net/?d=2016/11/09/18/08/55-trump-president
content:
<p>À cette heure, Donald Trump est pratiquement président des États-Unis.</p>

<p>Entre « on est fichu » ou « bordel de merde », je ne sais pas encore où je suis.<br />
Beaucoup, y compris les médias qui se sont amusés de la campagne présidentielle, pensaient que c’était une blague, qu’il n’aurait aucune chance, etc.</p>

<p>Ben voilà.<br />
Maintenant faut assumer d’avoir un psychopathe à la tête de la première puissance mondiale.</p>

<p>Pour le reste, je me contenterais de ça :</p>

<blockquote>Qu'il soit élu maintenant, ça soulève d'énormes questions. S'il est élu pour un second mandat, on aura les énormes réponses.<br />
[François Pérusse]</blockquote>

<p>Car on peut toujours tomber plus bas.</p>


feed_id: 20161105125858-article
title: Je dis oui à l’USB-C
uri: Je-dis-oui-à-l-USB-C
url: https://lehollandaisvolant.net/?d=2016/11/05/12/58/58-je-dis-oui-a-lusb-c
content:
<p>Ça y est, Apple a sorti (en grande pompes) sa version annuelle de ses pc portables, et évidemment tout le monde râle.</p>

<p>La « nouveauté » cette année, qui concerne également les tout derniers iPhone, c’est le remplacement de toutes les prises (USB, Jack sur l’iPhone, HDMI, chargeur…) par des prises USB-C, censées remplacer tout le reste.</p>

<p>Cette nouveauté avait déjà fait râler à propos de l’iPhone (on ne peut plus brancher un casque normal sans passer par un adaptateur), il fait aussi rager les utilisateurs des Mac Book qui doivent maintenant refaire le plein d’adaptateurs pour connecter leur équipement.</p>

<p>J’ai plusieurs remarques à faire sur tout ça.</p>

<p>Premièrement je pense qu’on est tous d’accord : le fait que les adaptateurs ne soient pas fournis avec l’ordinateur (et soient si chers) c’est honteux, surtout pour un ordinateur vendu 2 000 dollars. Mais bon, tout le monde connaît Apple. Si depuis le temps y en a encore qui s’en étonnent, je ne peux rien pour vous.</p>

<p>Ensuite, concernant l’USB-C lui-même, je trouve que c’est plutôt une bonne avancée dans le domaine, et on était déjà passé par là quand on est passé à l‘USB au début des années 2000 : perso j’ai encore des souris d’ordinateur et des claviers avec le port PS/2, avant que ça passe tout en USB. À l’époque, les imprimantes et les écrans avaient également leur propre port spécifique.</p>

<p>Or, aujourd’hui, d’une vingtaine de ports différents, on passe aujourd’hui à un seul, par où on peut tout faire passer : le port USB-C, qui peut recevoir des périphériques de stockage, des claviers, des écrans, des connecteurs réseau, des prises casques et sert même de port de charge. Niveau simplicité, je vois pas comment on peut faire mieux (à part passer par du sans-fil).</p>

<p>L’USB classique, que ce soit l’USB2 ou l’USB3, on peut brancher ce qu’on veut dessus. L’USB-C a en revanche changé de forme et oui, ça nécessitera de passer par des adaptateurs pendant un moment.</p>

<p>Mais dans quelques années, je pense que tout le monde sera largement content : aussi bien nous, les utilisateurs, car on n’aura plus besoin de se demander si tel ou tel PC va pouvoir accueillir tel ou tel périphérique, mais aussi les constructeurs, qui n’auront plus à choisir entre un port DVI ou un port HDMI à mettre sur leur machine.<br />
Sans oublier le fait qu’on n’aura plus de misérable port exotique (firewire, infrarouge…) qui ne sert jamais, mais à la place un port USB-C qui pourra accueillir ce qu’on veut.</p>

<p>En attendant ce moment où tout sera devenu à peu près standard, et voyant encore très peu (voire par du tout) d’appareils USB-C natifs, je comprends que les constructeurs veuillent aller de l’avant. C’est chiant, oui et ils pourraient faire des efforts pour les adaptateurs, mais je pense qu’on sera gagnant sur la simplicité dans quelques années.</p>


feed_id: 20160903104407-article
title: Retour Dell XPS 15 (9550)
uri: Retour-Dell-XPS-15-(9550)
url: https://lehollandaisvolant.net/?d=2016/09/03/10/44/07-retour-dell-xps-15-9550
content:
<p>Comme d’hab après un achat de matos, il est intéressant de faire un retour, pour aider les prochains à faire un choix ou même pour mettre de côté quelques notes pour le futur.<br />
Ici je parlerai comme promis du <a href="http://www.dell.com/fr/p/xps-15-9550-laptop/pd">Dell XPS 15 (9550)</a>.</p>

<p><strong>Les caractéristiques matérielles</strong> complètes sont données sur la page, je résume ici vite fait le contenu de ce portable :</p>

<ul><li> <strong>Processeur :</strong> Intel i5 6300 HQ (2,3 à 3,2 GHz, 6 Mio cache, série <em>SkyLake</em>) ;</li>
<li> <strong>Mémoire vive :</strong> 8 Gio (2×4 Gio DDR4 démontables, 2133 MHz) ;</li>
<li> <strong>Carte graphique :</strong> Intel HD Graphics 530 + NVIDIA GeForce GTX 960M (2 Gio DDR5), inamovible ;</li>
<li> <strong>Disque dur #1 :</strong> SSD 32 Go (M.2) pour le système, démontable ;</li>
<li> <strong>Disque dur #2</strong> (sur modèle 56 Wh) : HDD 1 To (Sata) pour les données, démontable ;</li>
<li> <strong>Batterie :</strong> 56 Wh (le modèle 84 Wh prend la place du HDD, le seul disque est alors le SSD) ;</li>
<li> <strong>Écran :</strong> 15 pouces, full-HD (1920×1080), non tactile, mate ;</li>
<li> <strong>Clavier :</strong> lumineux, sans pavé tactile.</li></ul>

<h2>Le cahier des charges</h2>

<p>Mes besoins en terme de PC sont devenus spécifiques avec le temps. Aujourd’hui je ne me vois plus utiliser autre chose qu’un <strong>écran mate</strong> et un <strong>clavier lumineux</strong>. Je veux et j’ai besoin d’un ordinateur qui soit <strong>entièrement compatible GNU/Linux</strong> (Mint/Ubuntu).<br />
Le <strong>15 pouces</strong> me semble un bon compromis entre nomadisme et machine de travail fixe (le 17" est un peu gros, pour l’avoir vécu durant 3 ans, et le 13 pouces est un peu petit pour le confort, mais très pratique).</p>

<p>Sur ce type d’écran, le meilleur choix pour moi reste un <strong>écran Full-HD</strong>. C’est moins la résolution qui m’importe que la définition : le nombre de pixels indique le nombre de fenêtres que je peux afficher côte à côte. Je peux prendre un second écran chez moi (c’est fait, d’ailleurs), mais je me vois mal m’installer avec un 27" dans le train.</p>

<p>Les Dell offraient la possibilité de choisir un écran tactile en 4K (3240×2160). Bien-sûr un tel écran sur du 15 pouces ne se lit pas en résolution native. Si Windows (et Ubuntu) gèrent la mise à l’échelle, je n’ai pas trouvé la même chose sous Linux Mint Mate : on peut tout mettre en grand, mais sans tirer partie de la résolution plus grande et ça reste pixelisé ; autant dire, donc, qu’un tel écran ne sert strictement à rien sous ces conditions. Je ne vois également que peu d’intérêt à avoir un écran tactile (coucou les traces de doigts !).</p>

<p>Ah et enfin, je veux un <strong>PC démontable</strong>. Je veux pouvoir ajouter de la mémoire ou changer le disque dur sans sortir la tronçonneuse.</p>

<p>Maintenant, il faut choisir un modèle de PC dans le commerce.</p>

<p><strong>J’ai tout de suite écarté les marques HP, Acer, Packard Bell.</strong> Ce sont des PC de loisir et pas pour bosser (je n’ai pas regardé leur gamme pro, ceci dit). En plus, je n’ai que des mauvaises expériences avec : peu solides, des défauts partout et surtout une plaie à démonter.<br />
<strong>J’ai également écarté Asus.</strong> Malgré de bon produits, ils ont choisi de faire le pacte avec Microsoft et du coup <a href="http://lehollandaisvolant.net/?id=20160314172233">tout changement de matériel ou d’OS est difficile</a>. Hors de question d’avoir ça.<br />
<strong>J’ai enfin aussi écarté Apple.</strong> J’ai toujours admiré leurs portables sur tous les plans sauf un seul : ils sont indémontables, donc non.</p>

<p>Il me reste quoi ? Ben… pas grand chose.<br />
Je tourne sur du Clevo depuis 5 ans, et je connais Dell.</p>

<p><strong>Clevo :</strong> leurs PC sont bien. Très configurables et démontable (avec manuel technique de 150 pages dispo sur leur site), les revendeurs le livrent souvent sans OS (pas de taxe Windows) et ils sont robustes. J’ai eu 3 PC de 17 pouces Clevo qui tournent tous encore dans la famille. Leur choix en 15 pouces est plus réduit.</p>

<p><strong>Dell :</strong> j’ai un petit Dell XPS 13 depuis quelques temps, acheté d’occasion. Il se démonte (à part la Ram) et il est fulgurant de rapidité. J’ai une très bonne expérience avec ce petit PC et je veux la même chose sur un PC principal.<br />
Leur gamme Inspiron s’est améliorée avec le temps (niveau finitions) mais les configurations ne sont pas tout à fait à la hauteur de ce que je cherche (un peu de performance quand même, avec une carte graphique dédiée).</p>

<p>Mon choix s’est donc porté sur le XPS-15 : un portable compact et puissant à la fois.</p>

<p>Un avantage (largement mis en avant par Dell) du XPS-15, est qu’il se vante comme étant le plus petit PC 15 pouces au monde : en effet, la bordure de l’écran ne dépasse pas 6 mm en haut et sur les côtés (contre 1,0~1,5 cm sur les autres portables). C’est un détail, mais ça donne un 15 pouces dans un châssis de 14 pouces. Niveau mobilité, c’est un plus.</p>

<h2>Review</h2>

<p><strong>Le châssis aluminium-carbone</strong><br />
Si je commence par plus gros avantage, c’est le châssis : il est en aluminium (dessous) et en carbone (dessus), ce qui lui assure une <strong>grande légèreté</strong>, mais pas seulement !</p>

<p>Ces matériaux <strong>dissipent la chaleur</strong>.<br />
Non seulement le portable reste froid et on ne se brûle pas les doigts ou la main sur le repose poignée (problème que j’avais sur mon Clevo W670, à cause du SSD à côté de la puce Wifi dans un recoin non ventilé), mais en plus il reste <strong>très silencieux</strong>. On a à peine un petit soufflement, très constant qui est complètement inaudible avec un casque sur les oreilles et qui est même caché par la frappe sur le clavier ou la musique.</p>

<p>Les deux ventilateurs latéraux sont une très bonne configuration pour refroidir l’ensemble du PC. La prise d’air est sous le portable (toute la largeur) et la sortie se fait sur le dos, au niveau de la charnière de l’écran, là aussi, sur toute la largeur. En usage normal pour moi (bureautique/prog, musique, surf), le CPU est ainsi à 30~33 °C et le disque dur est là à 34 °C (la température ambiante est 24 °C). Comparé à mes précédents PC, c’est entre 5 et 10 °C en moins.<br />
Lors de tâches plus gourmandes en ressources (CPU et GPU), le CPU monte à environ 50 °C et le châssis également (~45 °C) mais là encore, c’est moins que les 50~60 °C brûlants sur certains de mes anciens PC.</p>

<p><a href="https://www.youtube.com/watch?v=Gda3v2hqnFY">Certaines reviews</a> disent que le portable chauffe, mais de mon expérience personnelle, c’est le portable qui chauffe le moins, et de loin (j’imagine que c’est toujours plus qu’un Mac, pris en référence généralement).</p>

<p><strong>Le clavier</strong><br />
Beaucoup n’aiment pas les claviers de portables car le retour n’est pas assez important (1,3 mm sur le XPS, ce qui est vraiment très peu). Perso j’aime bien le clavier, ça doit venir de l’habitude des claviers de portables.<br />
Le clavier lumineux est bon, mais le clavier dans son ensemble n’est <strong>pas top</strong> et fait <strong>cheap</strong>. C’est en fait la structure entre les touches qui n’est pas égal partout et l’ensemble n’est donc pas plat. Pour un PC d’une telle gamme, ce n’est pas normal.</p>

<p>Une fonction que j’ai pas encore cherché à configurer et que j’avais déjà sur le XPS 13, c’est que la lumière du clavier s’éteint doucement après 10 secondes d’inactivité (du clavier ou du clickpad). Je suis assez mitigé pour ça : parfois c’est pratique, parfois moins. Je vais laisser ainsi.</p>

<p>Le clavier n’a <strong>pas de pavé numérique</strong>, ce qui pour moi est un gros plus : le bloc alphabétique est alors bien centré et pas décalé vers la gauche. En revanche, je <a href="http://lehollandaisvolant.net/?id=20160715113449">maintiens</a> qu’il manque des touches sur le clavier. Les boutons Home, PgUp/PgDn, Fin et la touche du menu contextuel sont absentes. À la place ce sont des touches de fonction, ce qui n’est pas vraiment pratique. Ils auraient pu ajouter une colonne de touches à droite avec ces quatre touches.<br />
C’est aussi dommage que les touches fléchées soient <strong>des demi-touches</strong>. Ça ne me gêne pas pour jouer (ZQSD powa), mais c’est <strong>totalement ridicule</strong> quand même.</p>

<p><strong>Divers</strong><br />
Quand j’ai reçu le PC, il avait Windows 10 avec lui. La première action à faire au premier allumage c’est aller dans le BIOS et <strong>désactiver le Secure-Boot</strong> (touches pour le Bios : <strong>F12</strong>) qui bloque le lancement d’autres OS et pilotes que ceux prévu par le constructeur et Windows. Après ça, on peut installer Windows 10 (qui ne me servira que pour les jeux).</p>

<p>Autre chose, le PC vient avec un HDD d’un tera-octet (5400 tpm) et un petit SSD M.2 de 32 Gio pour un système très rapide.<br />
Ici, <strong>ce SSD n’était même pas formaté et Windows était sur le HDD</strong>. C’est un peu <strong>débile</strong> d’avoir fait comme ça de la part de Dell, mais au final ça m’a arrangé : le SSD est pour moi réservé à Linux Mint et ceci m’a évité le tracas de déplacer Windows 10 du SDD vers le HDD et éventuellement avoir une surprise de réactivation de Windows.</p>

<p>Aussi, pour partitionner le HDD, vu que Windows 10 y a mis ses <strong>7 partitions mal agencées</strong> avec espace libre entre les partitions (pas de doute, on est bien chez Microsoft), il faut passer par la gestion des disques de Windows (GParted ne peut rien faire sans effacer des trucs). Ceci est un problème mais l’outil de Windows 10 fonctionne très bien, donc ça allait.</p>

<p>Le bloc d’alimentation ne possède pas de LED. Cette dernière est déportée sur le connecteur, qui se branche dans le PC. C’est assez stylé mais <strong>la LED reste bien trop forte</strong> et dérange si l’ordinateur se trouve dans la chambre.<br />
Concernant la batterie, l’appareil dispose d’un bouton sur le côté avec des LED pour voir la charge présente dans la batterie. Même éteint, on peut voir la charge qu’il reste (en 0 % et 100 %, par palier de 20 %, ce qui est largement suffisant). L’utilité reste à mon avis encore à démontrer, mais ça peut être lié à la fonction PowerShare des prises USB : on profite de l’alim USB même quand l’ordi est éteint.</p>

<p>Niveau connectique, il n’y a que deux ports USB-3.0 (un peu juste) et un port USB-3.1-type C. Ce dernier est aussi un port Thunderbolt-3 (les deux sont unifiés et ont le même connecteur) mais il faut quand même acheter les adaptateurs à part (pour brancher une prise Lan ou DP dessus). Le port Thunderbolt-3 / USB-C a un débit de fou (40 Gb/s) qui permet de brancher des écrans 5K et d’autres trucs, mais à part ça, il ne sert à rien : il n’y a toujours pas beaucoup de matériel qui s’en sert. L’ordi a aussi une prise HDMI et Kensinton.</p>

<p>Concernant la double carte graphique : le basculement entre la carte Intel et nVidia sous Linux Mint fonctionne (il faut juste redémarrer X, donc se déconnecter et se reconnecter après un changement manuel), mais les pilotes nVidia ne proposent pas la synchronisation verticale (<a href="http://lehollandaisvolant.net/?id=20160808203513">wtf</a>!). Les graphismes sont donc meilleures avec la carte Intel pourrie qu’avec la carte nVidia beaucoup plus puissante, ce qui est un peu navrant. Mais bon, perso je m’en fiche de ça : ce n’est le cas que sous Linux et je ne joue pas sous Linux, donc ma carte Intel suffit.<br />
Sous Windows 10, le bascullement sur la carte nVidia est automatique quand je lance un jeu. La carte est assez puissante pour lancer mes vieux jeux en 4K (Portal1/2, HL, IL2, Unreal tournament, LFS…).</p>

<p>Une autre chose à noter sur ce PC (première fois que je vois ça) : à part le bouton de mise en route qui possède une LED, et le cordon d’alimentation donc, il n’y a aucun témoin lumineux. Ni pour le Wifi, ni pour les accès disques. Pas que ça me dérange, mais ça change. Je ne sais jamais vraiment si le disque dur gratte ou pas. Ce n’est pas problématique sous Linux Mint, mais sous Windows un peu plus (pas moyen de savoir quand l’OS a fini de charger).</p>

<h2>Conclusion</h2>

<p>Niveau performance, je n’ai rien à dire : j’ai pris ce portable également pour jouer il s’en sort bien pour faire tourner des jeux de ~5 ans sur du 4K (graphismes moyen-haut). Le seul regret c’est peut-être que le disque tourne à 5400 rpm. Comme j’ai souvent dit, un disque dur à 7200 rpm fait beaucoup de différence pour un investissement relativement faible (un SSD d’un tera-octet c’est déjà plus cher).</p>

<p>Niveau hardware, à part la structure du clavier qui est un peu cheap et les touches « oubliées », c’est du bon. Le choix des matériaux et l’agencement des composants et des entrées d’air sont bien pensés et ont un but précis : refroidir la machine ; et ça marche très bien.</p>

<p>Pour la compatibilité Linux : tout fonctionne, <del>j’ai juste encore un petit problème de <em>mise</em> en veille : avec mon Kernel 4.4.0.22, la mise en veille ne se fait pas toujours. Mais quand ça marche, la sortie fonctionne bien. Je n’ai pas encore bien cherché la cause de ça, même si je vois que je ne suis pas le seul avec ce problème et qu’a priori, ça vient de la carte Wifi. Il faut encore que j’essaye avec une autre carte Wifi (celle de mon ancien PC).</del></p>

<p>Enfin, comme d’hab, <a href="http://lehollandaisvolant.net/linux/checklist/">ma checklist Linux Mint</a> a été mise à jour (LM18) et j’ai ajouté beaucoup de choses.</p>

<p><strong>MÀJ :</strong> pour le problème de mise en veille, il suffisait de mettre à jour le kernel. Le bug ne semble plus être présent dans le <strong>4.4.0.36</strong>. Sous Linux Mint, les kernel ne sont plus mis à jours comme avant, il faut les mettre à jour à la main dans le gestionnaire de mise à jour. Mint a choisis cette philosophie pour des raisons de stabilité du système.</p>


feed_id: 20160815163703-article
title: Interdire tous les signes religieux ? Chiche !
uri: Interdire-tous-les-signes-religieux-Chiche
url: https://lehollandaisvolant.net/?d=2016/08/15/16/37/03-interdire-tous-les-signes-religieux-chiche
content:
<p>Ah tiens, un Maire veut <a href="http://www.lemonde.fr/societe/article/2016/08/13/le-tribunal-administratif-valide-l-arrete-municipal-bannissant-le-burkini-a-cannes_4982397_3224.html">interdire</a> les signes <del>musul…</del> religieux ostentatoires.<br />
Ben, je lui souhaite bonne chance. Certes, il interdira les burqas, les croix, les étoiles de David autour du cou. Mais bon, pourquoi s’arrêter là ?</p>

<p>La culture française, et même occidentale dans son ensemble est largement basée sur une culture chrétienne. Inutile de le nier, c’est juste comme ça et on ne peut pas changer le passé. Alors changeons l’avenir : <strong>désormais, on n’a plus droit à rien qui soit d’origine religieux.</strong> Nul part.</p>

<p>Alors commençons par le l’année. Nous sommes en 2016, non ? Et c’est 2016 après quoi ? Jésus Christ, tout à fait. C’est pas religieux ça ? Si ! Alors il faut redéfinir une nouvelle origine pour notre calendrier.<br />
Notre calendrier justement : nous autres utilisons tous le <a href="https://fr.wikipedia.org/wiki/Calendrier_gr%C3%A9gorien">calendrier Grégorien</a>. Il faudra le changer aussi car il porte le nom d’un pape, Grégoire XIII, qui l’a imposé partout où il faisait figure d’autorité en remplacement du calendrier Julien (nommé d’après Jules César), car <a href="http://couleur-science.eu/?d=2016/02/29/01/00/00-les-annees-bissextiles-pourquoi-comment">plus précis</a>.<br />
Au passage, avez-vu la date de publication de cet article ? Un 15 août. Ce jour ne sera plus férié dorénavant (comme une bonne partie d’autres jours fériés). Vous l’avez cherché.</p>

<p>Ensuite, on va rester dans les dates encore : les jours de la semaine (lundi, mardi, mercredi…) et les mois de l’année, qui portent pour certains le nom de divinités greco-romaines : mercredi vient de Mercure, une divinité romaine, mars et mardi vient de Mars, mai vient de Maïa, vendredi vient de Vénus, qui est une autre divinité romaine, etc. Faudra changer tout ça, hein.</p>

<p>Tiens, dites, vous avez regardé les étoiles filantes récemment ? Je parle des <a href="https://fr.wikipedia.org/wiki/Pers%C3%A9ides">Perséides</a>. D’ailleurs je vous interdit de parler comme ça : ce nom fait référence à Persée, fils de Zeus dans la mythologie grecque : encore de la religion, <del>bon sang</del> (pardon : ce juron est également d’origine religieux).<br />
Et puisqu’on a la tête dans les étoiles, il faudra aussi <del>rebaptiser</del> (oops, re-pardon) <em>renommer</em> les planètes et leurs lunes : toutes, à l’exception des lunes d’Uranus, <a href="http://couleur-science.eu/?d=2015/09/10/08/45/18-ah-la-science-et-lastronomie-9">portent le nom de divinités gréco-romaines</a>.</p>

<p>Revenons sur Terre et constatons que bon nombre de bâtiments ont une connotation religieuses : églises, cathédrales, mosquées, abbayes… Faudra démolir tout ça, hein. Même chose pour les monuments aux morts en forme de croix et les tombes dans les cimetières.<br />
On prendra soin également de renommer certaines villes : Saint Étienne, Saint Denis, Saint-Malo dont le nom évoque des personnalités religieuses, ce qui est intolérable dans un état qui refuse ce type de signes.</p>

<p>Pour continuer sur les personnalités religieuses, l’on retirera le nom des calendriers et on demandera à tous ceux qui portent un de ces noms de bien vouloir — au choix — soit en changer, soit accepter d’être foutu dehors : on est un pays sans signe religieux, oui ma p'tite dame !</p>

<p>Bon, j’arrête ici, mais vous avez, je l’espère, compris : deux millénaires d’histoire chrétienne ça fait beaucoup d’héritage culturel.<br />
Mais bon, c’est à vous de voir : on va remettre les années à zéro et renommer les jours de la semaine et les astres ? Et après on ira brûler les livres, les toiles, démolir les églises, les cathédrales, les mosquées, les châteaux ? On change le nom de toutes les personnes avec un nom venu calendrier ? Simplement pour avoir le droit de se dire « 100 % laïc » (ce qui, au passage, est débile, considérant la définition de « laïc ») ?</p>

<p>Parce qu’on peut aussi garder tout ça et autoriser les signes religieux, dans leur ensemble. D’une communauté aseptisée reniant son histoire et celle des autres, on passerait plutôt pour une communauté ouverte, tolérante, multiethnique.</p>

<p>Oh, oui, ça doit être horrible d’être tolérant et ouvert, sans doutes qu’on va tous mourir et que la société va s’effondrer dans les flammes et le sang. Mais on peut au moins <em>essayer</em>, non ?</p>

<p>Ou sinon, sinon on peut aussi interdire juste les signes musulmans, comme ils sont en train de faire maintenant.<br />
<strong>Mais dans ce cas je ne veux plus jamais entendre que la France est un pays tolérant ou laïc ou qu’elle n’est pas ouvertement raciste</strong>, les élus comme ceux qui votent pour eux, car ça serait un mensonge et une insulte à la définition de ces mots. Et va falloir assumer d’être <a href="https://twitter.com/RaphaelLorLou/status/764511641866305536">la risée du monde</a> et en tirer les conséquences, aussi.</p>


feed_id: 20160813000059-article
title: Expérience : commander un ordi chez Dell
uri: Expérience-commander-un-ordi-chez-Dell
url: https://lehollandaisvolant.net/?d=2016/08/13/00/00/59-experience-commander-un-ordi-chez-dell
content:
<p>Contrairement à <a href="http://lehollandaisvolant.net/?id=20160715113449">quelque remarque</a> sur les PC Dell et leur claviers, j’ai décidé de renouveler mon ordinateur chez eux. J’ai déjà un petit portable Dell qui est très bien : solide, robuste, autonome, léger, avec les options que je souhaite. Je sais à peu près ce qu’ils proposent et ça me convient (même si bien-sûr, il y a de la place pour de l’amélioration).</p>

<p>Je passe donc commande : pour le PC, une sacoche de la bonne taille et un clavier/souris sans fil. Je choisis de payer par Paypal (ma carte bancaire ayant un plafond limité qui m’empêche de disposer de mon argent comme je le veux, merci les banques).</p>

<p><strong>J+1</strong><br />
Le lendemain matin, je reçois un e-mail de Dell disant qu’ils ont <em>annulé</em> ma commande : il leur faut un justificatif de domicile pour la livraison et la copie de ma carte d’identité. Déjà là, ça annonce la couleur : peu importe où j’ai acheté en ligne dans le passé, <em>jamais</em> un service commercial d’un site aussi sérieux ne m’a fait ce coup : rien de ça n’était affiché <em>avant</em> la commande.</p>

<p>Il est indiqué qu’ils ont essayé de m’appeler : je n’ai rien eu, pas d’appel en absence, pas de message sur répondeur, pas de SMS. Et puis ça aurait été trop demandé de m’envoyer un e-mail <em>avant</em> d’annuler la commande ? Qu’est-ce qu’ils voulaient me dire par téléphone qu’ils ne pouvaient faire par e-mail ? Pour le coup je ne comprends pas.<br />
J’ai cédé et j’ai transféré les documents manquants par email, en réponse.</p>

<p>M’enfin, un autre problème, c’est que vu qu’ils ont <em>annulé</em> la commande, l’argent que Paypal avait bloqué a été mis en attente de transfert vers Dell. J’ai dû les contacter pour qu’ils considèrent la commande comme annulée de leur côté aussi.</p>

<p><strong>J+2</strong><br />
Encore un jour qui passe. Midi, toujours rien, aucune nouvelle. Je veux leur envoyer un message : ils restent silencieux aux e-mails (mon mail ne passe pas ?).<br />
Passons par leur formulaire de contact sur leur site, alors. Ah, mon numéro de commande n’est pas valide (car annulé). Je ne peux rien faire.</p>

<p>Le téléphone, bien que je déteste ça, est ma solution suivante : rebelote, ils demandent mon numéro de commande qui ne marche pas. J’ai essayé toutes les solutions sur leur répondeur automatique, jamais moyen de contacter un humain.<br />
La réponse la plus hallucinante que j’ai eu c’est quand même le répondeur qui me dit d’aller visiter le site www.dell.fr : sérieux, ils pensent que je l’ai trouvé où leur numéro surtaxé ?</p>

<p>Parlant de surtaxé, j’ai aussi essayé <a href="http://www.nonsurtaxe.com/">les numéros non surtaxés</a> (très bon site) : c’est la même chose, le même répondeur. C’est juste le numéro qui change.</p>

<p>Je fais quoi maintenant ?<br />
Tiens, ils ont un compte Twitter. Hop : j’envoie un tweet à Dell, disant que j’ai un problème de formulaire avec leur site. Surprise : on me répond. On finit par me rediriger vers le support sur Facebook.<br />
Dites les gars, à quoi ça sert d’avoir un site web avec un formulaire si c’est pour tout faire sur les réseaux sociaux ?</p>

<p>Sur Facebook, une personne me répond et me dit ce que je savais déjà : que le service financer a annulé ma commande car ils leur fallait des documents. Je leur dis que je leur ait déjà tout envoyé la veille. On me dit qu’ils vont contacter le service financier pour vérifier.</p>

<p>Entre temps, la même personne m’appelle au téléphone pour me redire la même chose : qu’il manque des documents et qu’il les leur faut ><.<br />
Je déteste le téléphone : on entend mal, on ne peut pas réécouter et en plus pour le coup la personne parle très vite, la connexion est mauvaise et le son n’est pas assez fort. Je suis sûr le cul quand ça raccroche au bout de 20 secondes sans que j’ai eu le temps de finir une seule de mes phrases.</p>

<p>M’enfin, je leur renvoie tous les documents pour la seconde fois.<br />
Je repasse sur Facebook, et je leur envoie les documents par URL par ce biais également (simple précaution), un peu plus tard je demande où ça en est : ils ont bien reçu les fichiers. Je reçois alors le PDF d’un devis pour refaire une commande manuellement (sans passer par le site). Tout semble réglo : même config, même options, même prix.</p>

<p>Je dois remplir ce PDF et le signer.<br />
Je ne veux pas imprimer un document pour le scanner et ensuite jeter à la poubelle les papiers restés chez moi. Je remplis donc le formulaire PDF avec LibreOffice, je scanne une signature sur papier blanc que je colle dans le document. Le résultat est identique et j’économise du papier, de l’encre, de l’énergie.<br />
Je leur envoie ça par e-mail et ils me confirment la réception. Bien.</p>

<p><strong>J+3</strong><br />
Peu après midi, je reçois un coup de fil : ils veulent le paiement. Je leur dis naïvement qu’ils ont déjà un paiement en attente chez Paypal (je n’avais pas encore annulé chez eux à ce stade) et qu’ils n’ont qu’à réactiver ma commande.</p>

<p>La simplicité n’étant clairement pas leur truc chez Dell : ils veulent lancer une autre commande, payable par carte bancaire ou par virement. La personne commençait à me demander mon numéro de carte bancaire par téléphone. WTF ? C’est nouveau ça ? Non merci, je vais prendre le virement hein.</p>

<p>Là on passe dans la connerie bancaire : ajouter une bénéficiaire d’un virement, ça demande 48 heures chez ma banque. D’autres demandent 24 h, certaines vont jusqu’à 72 h. Ah, et vous pouvez être sûr que votre banque prendra jusqu’à la dernière minute de votre temps pour accepter le bénéficiaire.<br />
Ensuite, il faudra aussi compter 24 h pour que le virement lui-même soit fait. Oui oui, on perd donc 3 jours totalement inutilement (sûrement un enfant de 7 ans au Bangladesh qui doit vérifier les numéros IBAN dans un annuaire papier des comptes bancaires, et les valider).</p>

<p>J’aurais aussi pu aller en agence, mais ça m’aurait coûté 3€ pour faire le virement immédiat. Je ne suis pas radin à ce point, mais je ne suis pas con non plus, et payer les banques pour des conneries c’est pas mon truc.</p>

<p>Mais… j’avais été malin : le PDF avec le devis contenait les coordonnées bancaires sur une des pages. Bien-sûr, pas un IBAN reconnu sur toute la planète, mais la clé BIC, Swift et le numéro de compte (puisque je vous dis que la simplicité n’est pas leur truc, chez Dell). Un <a href="http://www.ibancalculator.com/">service en ligne</a> permet de calculer l’IBAN à partir de ces informations (quel hasard). Ayant lu tout le PDF avant de signer (oui il reste des gens comme ça), j’avais pris soin d’initier la veille l’ajout du destinataire sur le site de ma banque, au cas où. Pour le coup, j’ai gagné une journée.</p>

<p>Ça avance lentement. À ce stade, je me dis que tout sera résolu en 2~3 jours et que j’aurais mon ordinateur dans la semaine. La suite nous dira que ce fut une grande erreur.</p>

<p><strong>J+5</strong><br />
Le destinataire du virement est ajouté et le virement a été initié. J’attends.</p>

<p><strong>J+6</strong><br />
On me confirme le paiement (par e-mail, toujours la même personne).</p>

<p><strong>J+7</strong><br />
Je reçois la confirmation également sur Facebook, avec avec le lien de suivi de la commande.</p>

<p><strong>J+8</strong><br />
Plus rien.</p>

<p>Pendant une semaine, le lien de suivi de la commande ça reste bloqué sur « commande en cours de préparation ».<br />
Sur le site Dell, la date de livraison estimée se trouve à J+26.<br />
Soit, j’attendrai.</p>

<p><strong>J+15</strong><br />
Je reçois un SMS me disant que la commande est retardée. La nouvelle date de livraison estimée est repoussée d’une semaine, à J+31.</p>

<p><strong>J+17</strong><br />
Je vois dans le lien de suivi en ligne (sur le site de Dell) que la commande est passé de « en préparation » à « en production ».</p>

<p><strong>J+18</strong><br />
Je reçois un SMS en Allemand (pas que ça me gêne, mais quand-même) que le transporteur (UPS) a pris en charge la commande, depuis la Chine.</p>

<p><strong>J+21</strong><br />
Je reçois un e-mail (en français cette fois !) que la livraison est ré-avancée à J+24 (dans 3 jours, donc, avec un week-end entre les deux). <br />
C’est une bonne nouvelle, mais leur « entre 9 h et 18 h » me gêne pas mal. Pour l’adresse, je leur ait dit « quelque part entre Mercure et Saturne ! » ?<br />
Ça c’est pas juste ici : c’est systématique avec les transporteurs. Il n’y a que le transporteur local de Colis Privé qui est un gars sympa et qui a le professionnalisme d’appeler la veille pour me demande si je suis disponible ou pas, et le cas échéant, quoi faire avec le colis ou quand repasser.</p>

<p>Bon. C’est que je bosse moi. Je fais quoi ? Heureusement je suis dans une boîte où les horaires sont semi-flexibles et qu’on bénéficie en ce moment du luxe des horaires d’été (je plaisante pas : c’est vraiment un luxe !). Je peux donc librement prendre mon après-midi et venir travailler plus un autre jour.</p>

<p><strong>J+24</strong><br />
Là, je suis bombardé d’e-mails sur mon téléphone : à chaque mise à jour de la part d’UPS, je reçois un e-mail.</p>

<p>En fait, ce sont même trois e-mails : un pour chaque colis (ils ont en effet mis l’ordi, la sacoche, le clavier chacun dans un colis).<br />
Non, en finalement seulement deux e-mails à chaque fois : deux des colis seront livrés aujourd’hui et le dernier sera livré demain (simplicité ^_^").</p>

<p>Les colis sont livrés vers 15 heures. La transporteuse est aussi sidéré que moi quand je lui dit qu’un autre colis sera livré demain (après tout, elle a juste traversé la moitié du pays pour faire sa tournée), mais bon. Ce n’est pas grave : il se trouve que le colis que je n’aurais pas aujourd’hui, c’est juste le clavier+souris. Je lui ait aussi dit où laisser le colis si je ne suis pas là.</p>

<p><strong>J+25</strong><br />
J'attends le dernier colis qu'il me reste à recevoir. Il est 18 heures, je n'ai toujours rien. Je vais voir le site d'UPS : visiblement il ont un problème avec l'adresse, qui pourtant est identique à celle des deux autres : il s'agit d'une seule commande en 3 colis séparés. Alors soit c'est Dell qui s'est emmêlé les pinceaux, soit c'est le livreur qui a cru qu'il travaillait pour la Poste et qui pense que je vais faire 200 kilomètres pour aller chercher un clavier. Si une membre de leur personnel arrive à trouver ma porte, je ne vois pas pourquoi un autre ne pourrait pas. Mon adresse n'a rien d'exotique.</p>

<p>Sur leur site, je modifie l'adresse et la réécrit à l’identique. Je leur envoie également un e-mail pour leur demander <del>putain c’est quoi ce bordel</del> ce qui se passe et leur expliquer la situation. Sauf qu’évidemment le message est limité à 500 caractères et je ne peux donc pas terminer ma</p>

<p>Et puis de toute façon, ils ont mon numéro de téléphone : je ne vois donc pas pourquoi ils ne m'ont pas appelé. C’est leur problème à ce niveau !</p>

<p><strong>J+26</strong><br />
Finalement le colis est arrivé. Un voisin l’a gentiment pris pour moi, m’a laissé un mot dans ma boîte aux lettres et j’ai pu le récupérer le soir.</p>

<p>Bref, j’ai mon PC Dell \o/.<br />
Je ferais sûrement prochainement des tutos pour faire un dual-boot sur une machine Dell (avec UEFI et Windows 10), une checklist et peut-être une review technique du PC lui-même.</p>

<p>En attendant, je ne peux pas dire que je sois pleinement satisfait du déroulement de cette commande.</p>

<p><strong>Conclusion</strong></p>

<p>Passer une commande sur le site web de Dell, c’est le bordel.</p>

<p>En plus d’avoir perdu du temps pour ce que je considère comme des conneries, j’ai aussi été surpris par la durée totale de la commande : plus de trois semaines.<br />
Généralement, de tels délais se rencontrent avec les vendeurs chinois qui envoient le tout par bateau en économique. Je peux comprendre que Dell monte ses PC sur commande, mais c’est aussi le cas d’autres sites (LDLC, Clevo.fr…), qui permettent parfois des configs bien plus personnalisées : et ça n’a jamais excédé une semaine.</p>

<p>Peut-être est-ce dû au fait que Dell est une grosse boîte avec beaucoup de commandes ? Je ne sais pas.<br />
Est-ce que Apple (qui propose aussi sa boutique en ligne directement sur leur site) a les mêmes délais ? J’ai jamais commandé un iPod chez eux, il y a des années : ça avait pris environ 10 jours, avec gravure personnalisée et en période des fêtes. Ça semble donc venir de Dell.</p>

<p>Aussi, juste pour le dire, entre le moment où j’ai fait ma première commande (par la suite annulée) et où on m’a proposé la seconde, une autre offre était apparue sur le site. Elle consistait à une remise de 10 % sur certains PC (dont le miens). Je n’en ai pas bénéficié Ni de quoi que ce soit de particulier. Pas que j’ai demandé, ni que je m‘y attendais, mais j’avoue qu’un simple geste (coutumier dans ces cas là, il me semble) aurait pu montrer qu’ils traitent leur clientèle autrement que comme des merdes.</p>

<p>Bref, si je suis pour le moment content du matériel, je suis complètement abasourdi par la lourdeur et la lenteur de leur procédures.</p>

<p><strong>Ma conclusion est donc toute faite : commander chez Dell, c’est le bordel. Ma première commande <a href="http://lehollandaisvolant.net/?id=20160717112339">ça sera aussi la dernière</a>.<br />
J’ai dû me démerder partout faire toutes les démarches de recherche d’assistance et j’ai perdu du temps. Ça m’a fait chier.</strong></p>

<p>Que je sois clair : je ne blackliste pas Dell comme un constructeur à bannir : leur machines sont bonnes, sur beaucoup de plans, mais le site de vente en ligne aux particuliers est clairement à chier.<br />
Le problème c’est que Dell ne vend que sur son propre site, ou alors sur Amazon mais c’est seulement certains modèles et plus chers. Je pense que j’irais sur leBonCoin la prochaine fois.</p>

<p>Je sais qu’ils sont à la base destinés aux entreprises, mais s’ils s’ouvrent aux particuliers, on s’attend à ce qu’ils le fasse vraiment. En 2016, le moins que l’on puisse dire c’est que ce n’est pas du tout le cas. Le service que j’ai eu c’est un service destiné aux entreprises (devis, virement bancaire, délais importants), pas aux particuliers. Le pire, c’est que si j’avais été prévenu de tout ça avant mon achat, je n’aurai eu aucun problème, mais là c’est de mauvaise surprise en mauvaise surprise : commande annulée, paiement à refaire, répondeur qui marche pas…</p>

<p>J’espère maintenant qu’une seule chose : que je n’aurais pas à avoir à me servir de leur SAV pour un quelconque problème. Ça aurait comme effet me mettre vraiment en colère.</p>

<p><em>PS : je tiens quand même à remercier la personne que j’ai eu en contact au cours de la procédure. J’imagine qu’elle n’y est pour rien si c’est le bordel chez Dell. Sans son assistance, j’y serais probablement encore. Merci.</em></p>


feed_id: 20160724122146-article
title: L’arnaque des assurances & garanties
uri: L-arnaque-des-assurances-garanties
url: https://lehollandaisvolant.net/?d=2016/07/24/12/21/46-larnaque-des-assurances-garanties
content:
<p>À lire <a href="https://www.linkedin.com/pulse/assurance-mobile-inutile-ma-d%C3%A9couverte-du-monde-de-lassurance-quint">ce retour d’expérience</a> (<a href="http://www.arfy.fr/dotclear/index.php?post%2F2016%2F07%2F24%2FNicolas-Quint-Assurance-mobile--assurance-inutile-%28ma-decouverte-du-monde-de-l-assurance-affinitaire%29">via</a>) à propos des assurances pour mobile (ou les autres assurances à quelques euros par mois pour les petits achats) sont une arnaque.</p>

<p>Déjà, dans l’article, sur deux téléphones cassés, l’assurance n’en couvre aucune. À chaque fois par des tournures de phrases spécifiques. Pire, on fait dire des choses au client qui invalident sa démarche. Les opérateurs au bout du fil sont payés pour dire « non » au client.</p>

<p>Que les assureurs se font des couilles en or sur le dos des gens, je ne pense pas que ce soit nouveau. Mais dans le cas présent, les assurances pour les portables et les petits objets (dite assurance <em>affinitaire</em>), c’est particulièrement vicieux : on vous propose une protection pour votre téléphone à quelques euros par mois.</p>

<p>6€ par mois, ce n’est rien, n’est-ce pas ? C’est environ 30~40 minutes de travail au SMIC : personne ne voit la différence.</p>

<p>Sauf qu’on peut faire la calcul : dans l’article, la personne cotise pendant 4 ans. Le total revient à 319 €. Je ne sais pas vous, mais mon téléphone, celui que j’ai depuis un an et demi, a coûté 220 € (et sa côte de revente est encore au dessus des 100 €). J’imagine que les téléphones <del>vache à lait</del> des « grandes marques » coûtent un peu plus. Mais bon, l’idée reste la même : sans ces assurances, on a déjà le prix de son téléphone dans son porte feuille.</p>

<p><strong>Pour résumer :</strong><br />
<strong>Les assurances pour les téléphones sont totalement inutiles. En plus d’être une arnaque jouant sur la faiblesse psychologique des gens, elles sont chères et leur prix au bout de quelques années vaut totalement ou au moins une très bonne partie d’un téléphone tout neuf. Il vaut donc mieux mettre 6€ de côté chaque mois dans une tirelire « mon nouveau téléphone » que de payer une assurance qui, vous le savez très bien, ne vous remboursera rien du tout.</strong></p>

<p>Concernant les extensions de garanties : c’est la même chose.<br />
Leur durée proposée par le constructeur ou le vendeur n’est pas choisi au hasard, et tend là aussi à vous faire payer toujours plus.</p>

<p>Il faut savoir que la courbe des défaillances d’un produit est « en baignoire » (en bleu ci-dessous) :</p>

<figure><img src="media/6cdee4a5.courbe-en-baignoire.png" data-original-source="https://lehollandaisvolant.net/img/db/courbe-en-baignoire.png" alt="i" width="500" height="341" style="max-width: 100%; height: auto;" class="centrerinline" /><figcaption>Courbe de défaillance en baignoire (bleu), correspondant à la somme des courbes de défaillance de jeunesse (rouge), de défaillance d’usure (jaune) et de défaillance aléatoire/accidentelle (vert) (<a href="https://commons.wikimedia.org/wiki/File:Courbe_en_baignoire_maintenance.png?uselang=fr">source</a>)</figcaption></figure>

<p>Cette courbe est valable pour les systèmes mécaniques (qui ont une phase de rodage au début, puis d’usure à la fin) mais aussi électronique, comme pour un téléphone ou un ordinateur.<br />
La période juste après l’achat où l’appareil a une forte probabilité de tomber en panne est la phase où apparaissent les vices cachés et les problèmes d’usine. La phase finale, celle où le taux d’incidents remonte est signe que le produit arrive en fin de vie : les composants ont fait leur jours, l’électronique se bourre de poussière, d’humidité, de corrosion, les soudures lâchent (l’obsolescence programmée est mise de côté ici).</p>

<p>Aujourd’hui en plus, les constructeurs pratiquement le <a href="https://fr.wikipedia.org/wiki/D%C3%A9verminage">déverminage</a>, qui consiste à tester les produits avant leur mise sur le marché, et à éliminer rapidement les produits défectueux, et donc réduire le taux de retour durant la phase de rodage. La courbe en baignoire est donc abaissée au début.</p>

<p>Pourquoi tout ça ?<br />
Parce que la durée de vie normale de l’électronique d’un PC est déjà bien au delà de 5~10 ans. Or les extensions de garanties ne vont jamais au delà de ça. Vous avez déjà vu une extension de garantie de 10 ans pour un PC ? Même de 5 ans ?</p>

<p>Généralement, ce qui casse (hors accident, quoi que) sur un ordinateur, ce sont le clavier ou les charnières de l’écran (usure mécanique, jamais prise en charge, <del>bizarrement</del>).</p>

<p>S’il reste des problèmes de jeunesse dans le produit, celles-ci sont couvertes par la garantie. En France (et en Europe) <a href="http://www.economie.gouv.fr/dgccrf/Publications/Vie-pratique/Fiches-pratiques/Garanties-commerciales-service-apres-vente">la garantie constructeur est de 2 ans</a> pour le matériel, et elle est gratuite (les frais de ports sont également à charge du constructeur, si la panne est de sa faute).<br />
Tous les constructeurs et commerçants qui mettent donc « garanti deux ans », ne font que respecter la loi et ce n’est donc absolument pas une offre promotionnelle…</p>

<p><strong>Pour résumer :</strong><br />
<strong>Les extensions de garantie vous font payer une « garantie » durant la période où le produit à le moins de risques de tomber en panne, juste après la phase de rodage, et bien avant la phase d’usure.<br />
De plus, la phase de rodage est couverte par la garantie constructeur, obligatoire en Europe et d’une période de 2 ans.</strong></p>

<p>Enfin, un dernier point que je veux aborder ici, c’est le fait de simplement prendre soin de ses affaires.<br />
S’il y a bien une chose que je ne comprend pas dans cette société, c’est qu’il semble normal de faire tomber dans l’eau ou par terre un téléphone qui coûte la moitié d’un salaire. Si vous êtes millionnaire c’est autre chose, mais je ne savais pas que la moitié des gens en France étaient dans ce cas alors, parce que les téléphones que je vois sont pour la plupart égratignés, rayés, avec l’écran pété ou d’autres dégradations qui n’ont rien d’un problème lié au matériel.</p>

<p>Je suis d’accord que les accidents « ça arrive », mais quand le téléphone tombe dans la baignoire quand on le pose sur le bord, ou est bouffé par le chien car on le laisse par terre, je n’appelle pas ça des accidents, mais des négligences. Des accidents c’est quand on n’a rien pu faire, et c’est loin d’être le cas la plupart du temps.<br />
Je regrette que nos smartphones n’ont pas la solidité d’un 3310 ou d’un Game Boy, mais ce n’est pas une excuse non plus. Une montre peut durer toute une vie, quand on en prend soin (ce qui est souvent le cas), mais un smartphone peut également durer beaucoup plus que 6 mois ou un an, sachez-le.</p>

<p>Comme j’ai dit, si vous n’en avez rien à foutre, c’est votre choix. Je vous dis simplement qu’un peu d’attention peut vous faire faire des tas d’économies, ce qui est dans la lignée de cet article.</p>


feed_id: 20160721115523-article
title: Oh, la guerre tue des innocents…
uri: Oh-la-guerre-tue-des-innocents
url: https://lehollandaisvolant.net/?d=2016/07/21/11/55/23-oh-la-guerre-tue-des-innocents
content:
<p>Tiens, <a href="https://www.rt.com/news/352255-france-syria-civilians-dead/">la Syrie demande l’aide à l’ONU</a> après que les frappes aériennes de la coalition (menée par la France) a tué environ 120 civils.</p>

<p>Juste pour dire qu’on n’en serait pas là si Assad ne couchait pas <a href="https://en.wikipedia.org/wiki/Bashar_al-Assad#Al-Qaeda_and_ISIS">avec Daesh</a> pour ses propres intérêts !</p>

<p>Ouais, c’est horrible la mort d’innocents, mais ça s’appelle la guerre, et c’est une guerre que la Syrie a elle même voulu, attisé et continue d’alimenter, alors qu’il aurait probablement pu en être autrement.</p>

<p>Non, je ne défend pas le massacres d’innocents, ni même la guerre en fait, mais certains devraient reprendre leur responsabilités quand-même.</p>


feed_id: 20160721095154-article
title: Il quitte son job pour faire faire le tour du monde et jouer à Pokémon GO
uri: Il-quitte-son-job-pour-faire-faire-le-tour-du-monde-et-jouer-à-Pokém
url:
https://lehollandaisvolant.net/?d=2016/07/21/09/51/54-il-quitte-son-job-pour-faire-faire-le-tour-du-monde-et-jouer-a-pokemon-go

content:
<blockquote>La PokéFever est en train de faire des ravages sur l'Homme.<br />
— (<a href="http://www.jeuxactu.com/pokemon-go-il-quitte-son-job-pour-devenir-dresseur-a-plein-temps-105105.htm">source</a>)</blockquote>

<p>Bon.</p>

<p>Le gars quitte une routine qu’il était désespéré de briser, où il se lève tôt tous les jours, passe huit heures à enrichir son patron et termine la journée fatiguée chez lui et remettre ça le lendemain, pour faire ce qu’il a toujours voulu faire et vivre deux rêves à la fois au cours d’une expérience unique.</p>

<p>Alors je crois qu’on s’est mal compris : ils sont où les ravages sur l’Homme ?</p>

<p><strong>ÉDIT :</strong><br />
On me fait remarquer (merci Tamylna) que les ravages sont situés justement au niveau du patron, qui lui ne gagnera plus de sous. Et c’est vrai : si tout le monde vivait de sa passion, il n’y aurait plus de PDG pour les exploiter et être… des PDG justement.<br />
Ah et c’est pas non plus pour rien que <a href="http://lehollandaisvolant.net/?id=20160618175556">les PDG sont ceux qui possèdent ces médias</a> qui <a href="http://lehollandaisvolant.net/?d=2015/11/09/18/40/37-a-propos-du-business-trouble-sur-youtube-selon-lemonde">descendent tous ceux qui vivent de leur passion</a> sans avoir besoin d’eux (les Youtubeurs indépendants, par exemple).</p>


feed_id: 20160715203435-article
title: Le fail de l’application SAIP
uri: Le-fail-de-l-application-SAIP
url: https://lehollandaisvolant.net/?d=2016/07/15/20/34/35-le-fail-de-lapplication-saip
content:
<p>L’<strong>application SAIP</strong> c’est le système que le gouvernement français a trouvé pour faire face à un événement grave : attentat ou catastrophe naturelle par exemple.<br />
L’application permet d’afficher une alerte sur tous les téléphone dans une région donnée.</p>

<p>L’idée n’est pas mal : avoir un système pour alerter la population. <span style="font-size:9pt;">Tellement « pas mal » que ça existe déjà depuis cinquante ans avec le <a href="https://fr.wikipedia.org/wiki/Alerte_aux_populations">réseau national d'alerte</a>, dis donc.</span></p>

<p>Sauf qu’on s’en est aperçu hier malheureusement avec l’attaque de Nice : l’application SAIP s’est <strong>mise en marche 2h30 après les événements</strong>, quand tout le monde avait déjà été mis au courant sur les réseaux sociaux et les systèmes de communications classiques. Facebook et Google avaient déjà mis en place leur propre système à eux bien avant aussi.</p>

<p>Résultat :</p>

<blockquote>Le prestataire [de SAIP] est convoqué aujourd’hui au ministère de l’Intérieur pour s’expliquer. Pendant ce temps, l’immense fail du SAIP est repris par la presse internationale.<br />
— (<a href="http://www.phonandroid.com/attentat-de-nice-le-ministere-de-l-interieur-demande-des-comptes-au-prestataire-de-saip.html">source</a>)</blockquote>

<p>J’aurais bien dit que la réputation de « la technologie française » n’est plus à faire, mais bon, il n’y <a href="https://www.laquadrature.net/fr/axelle-lemaire-ou-pas">pas que</a> ça. À part le gouvernement qui s’est lancé les yeux fermé, je crois que tout le monde a dit que c’était <a href="http://www.liberation.fr/futurs/2016/06/09/appli-alerte-attentats-il-faut-que-la-france-respecte-les-standards-internationaux_1458385">une perte de temps et d’argent</a> pour un truc non standard.</p>

<p>Ils ont fait ça pour des questions de coûts par rapport aux SMS. Je sais pas où ils sont — probablement une autre planète — mais chez moi mes SMS sont gratuits. Mais je ne fais de mailing de masse non plus.<br />
Du coup je suis allé voir le site des professionnels du secteur, et ce qu’ils proposent. Si je regarde par exemple <a href="https://www.ovhtelecom.fr/sms/">chez OVH</a>, qui est un groupe français (qui — lui — a excellente réputation dans le monde entier, le coût d’un mailing de 500 000 SMS est de 29 400 € TTC. Le prix de revient pour les 1 000 000 d’habitants de toutes les Alpes Maritimes est donc environ de 60 000 € TTC.</p>

<p>Ajoutant à ça que les SMS :</p>

<ul><li> fonctionnent sans nouvelles infrastructures</li>
<li> fonctionnent sur un support fiable et éprouvé</li>
<li> fonctionnent parfaitement interopérable y compris sur des téléphones qui ont 20 ans</li>
<li> fonctionnent directement sans application/installation/manipulation/maintenance/mise à jour</li></ul>

<p>Je ne sais pas combien ont coûté les application du SAIP (<strong>MÀJ</strong> : <a href="http://www.lemonde.fr/pixels/article/2016/07/21/pourquoi-l-application-alerte-attentat-n-a-pas-fonctionne-le-soir-de-la-tuerie-de-nice_4972750_4408996.html">400 000 €</a>), mais si c’est dans le même style que <a href="https://www.nextinpact.com/archive/58857-france-cout-canard-enchaine-sig-thierry-saussez.htm">le délire de france.fr</a>, ou encore le prix d’<a href="https://twitter.com/canardenchaine/status/752857078151217152">une coupe de coiffure pour le président</a>, on peut penser que ça soit revenu beaucoup plus que les 60 000 € TTC, le tout pour un truc qui ne fonctionne manifestement pas.</p>

<p>Et le pire c’est que tout ce bordel va sûrement nous coûter de nouveau un paquet de fric pour une v2.0 qui va probablement également fail comme la v1.0.</p>

<p>Mais bon, une application c’est <em>so high-tech</em> et ça prouve que Hollande brasse bien de l’air. Merci à lui, c’est rafraîchissant.</p>


feed_id: 20160715144331-article
title: Jetons des œufs sur les joueurs de Pokémon Go !
uri: Jetons-des-œufs-sur-les-joueurs-de-Pokémon-Go
url:
https://lehollandaisvolant.net/?d=2016/07/15/14/43/31-jetons-des-oeufs-sur-les-joueurs-de-pokemon-go

content:
<blockquote>les résidents font désormais appel à la police pour faire fuir [les joueurs] et vont même jusqu’à balancer des bombes à eau et des œufs sur la tête des joueurs de passage.<br />
— (<a href="http://www.phonandroid.com/centaines-de-joueurs-de-pokemon-go-prennent-assaut-paisible-banlieue.html">source</a>)</blockquote>

<p>C’est vrai que durant l’Euro ou le Mondial de foot, les geeks jetaient aussi de l’eau et des œufs sur les footeux qui festoyaient dans la rue toute les nuits avec cornes de brumes, ballons, alcool, klaxon, drapeaux et pétards pendant un mois tous les deux ans. Je ne parle pas du tour de France, des JO ou d’autres manifestations du genre qui font régulièrement du bruit.</p>

<p>Je comprend l’agacement, pour y avoir eu droit avec des millions d’autres durant tout le mois de juin pour tout ce que je décris ci-dessus.<br />
Mais il y a une différence entre être agacé sur les réseaux sociaux (jusqu’à sortir <a href="https://chrome.google.com/webstore/detail/pokegone-gotta-block-em-a/jionadcjdpdikjmgfohlohnclocfaija">des extensions de navigateur</a> pour masquer tout ça pour soi), voire d’en rire ou de se moquer ou de souhaite que ça finisse rapidement, et que de se mettre à jeter des projectiles et appeler la police pour des gens qui ne font rien de mal à la société en général.</p>

<p>Ça s’appelle la vie en société et le respect, que de laisser les autres manifester leur joie dans les lieux publics. Visiblement, beaucoup ne sont pas prêts pour ça, mais ce n’est pas forcément ceux qu’on croit.</p>

<p>Ah et ça durera probablement qu’un mois ou deux avant de s’atténuer jusqu’à s’éteindre définitivement.</p>

<p><strong>ÉDIT :</strong><br />
Hervé (vivant en Australie, justement) me complète cet article.<br />
Déjà, les faits divers négatifs sont plus que rares, mais en plus Pokemon Go a beaucoup de points positifs :</p>

<ul><li> Les gens sortent, parlent ensembles, jouent ensembles, même sans se connaître.</li>
<li> Certaines parties du jeu sont plus simples quand on s’organisent entre joueurs.</li>
<li> Des dispositifs (dans le jeu) permettent de partager des objets ou des pokémon.</li>
<li> Les gens bougent. Le jeu pousse à marcher et à enchaîner les kilomètres : c’est bon pour la santé. Certains considèrent déjà ce jeu comme <a href="https://www.theguardian.com/commentisfree/2016/jul/13/is-pokemon-go-the-answer-to-obesity-america">la solution à l’obésité aux USA</a>.</li>
<li> Les gens qui se retrouvent ensembles vont dans les cafés et restaurants pour discuter, ce qui <a href="http://www.cnbc.com/2016/07/12/gotta-catch-em-all-pokemon-go-is-boosting-business-for-restaurants.html">profite également largement aux commerces</a> (n’importe quelle activité qui fait sortir les gens et se retrouver dehors aura cet effet là).</li>
<li> <a href="http://www.nbcnewyork.com/news/national-international/Pokemon-Go-Players-Urged-to-Walk-an-Adoptable-Dog-387501781.html">Des refuges pour animaux prêtent des chiens</a> à des gens qui marchent pour jouer à pokémon Go pour les promener : les chiens sont sortis, les joueurs sont heureux et certains animaux sont même adoptés.</li></ul>

<p>Bref, à part quelques comportements à la limite du dangereux, le jeu a beaucoup de points positifs : pour les joueurs, mais aussi pour la société et le commerce (bars, cafés, restaurants…).</p>


feed_id: 20160708123910-article
title: Comment garantir la sécurité sur son ordi ?
uri: Comment-garantir-la-sécurité-sur-son-ordi
url: https://lehollandaisvolant.net/?d=2016/07/08/12/39/10-comment-garantir-la-securite-sur-son-ordi
content:
<p>En dehors de l’éteindre ? C’est impossible.</p>

<p>En tant qu’utilisateur, on peut bien-sûr utiliser un navigateur qui place l’usager avant tout, utiliser des bloqueurs de scripts, ajouter un moyen pour filtrer les sites reconnus comme étant dangereux. On peut aussi ajouter un anti-virus, un anti-malware, un pare-feu et d’autres protections.</p>

<p>Mais quand c’est le matériel lui-même, ou le BIOS/UEFI (sur lequel vous n’avez pas trop de contrôle) qui contient des failles, vous faites quoi ? Car <a href="http://blog.cr4.sh/2016/06/exploring-and-exploiting-lenovo.html">des failles ont été découverte</a> dans l’UEFI de certains PC Lenovo.</p>

<p>Ou quand le problème vient du fabriquant de votre box-internet ? <a href="http://thehackernews.com/2016/07/tp-link-router-setting.html">Un constructeur n’a en effet pas été assez attentif</a> à l’expiration du nom de domaine de son site qui a donc été perdu. Maintenant, les routeurs, pour se mettre à jour et se configurer vont contacter un site qui n’existe plus et qui peut très bien être repris par un hacker. Du jour au lendemain, donc, vous pensez être sur sur le site de votre banque alors que vous vous trouvez sur un site contrefait, sans que ça ne lève d’alerte nulle-part ni que vous ne vous en rendiez compte.</p>

<p>Ou que ce soit <a href="https://www.nextinpact.com/archive/48813-comcast-cadillac-records-p2p-dmca.htm">votre opérateur qui se perd dans les dossiers</a> de ses clients, faisant en sorte que vous terminiez au tribunal pour un crime que vous n’avez pas commis ?</p>

<p>Et combien de temps il faudra pour se rendre compte que <a href="https://hardware.slashdot.org/story/16/06/15/1835227/intel-x86s-hide-another-cpu-that-can-take-over-your-machine----you-cant-audit-it">les constructeurs de puces électronique siphonnent vos données</a> en cachette ? Votre système d’exploitation, lui, <a href="http://arstechnica.com/information-technology/2015/08/windows-10-doesnt-offer-much-privacy-by-default-heres-how-to-fix-it/">ne s’en cache même plus</a> et vend ça comme une fonctionnalité. Ou que tout ça serve de porte d’entrée à tout un tas de saloperie ?</p>

<p>Oui, il faut faire attention à ce que vous installez, ce sur quoi vous cliquez ou les pages que vous ouvrez.<br />
Mais ça ne fait pas tout : vous n’êtes pas seul à gérer ça. Des dizaines de prestataires, de constructeurs, d’intermédiaires sont susceptibles de faire des erreurs. Et vous pouvez toujours chercher : les contrats qui vous lient à ces entités dise souvent de façon explicite que vous endossez toute responsabilité en cas de pépin.</p>

<p>Les problèmes peuvent venir de partout, pas juste de vous.<br />
Et si tout ça c’est clair pour vous et moi, ça ne l’est pas forcément pour la police, la justice et les plaignants. Heureusement qu’il y a des experts qui sont là pour les aider, mais on se doute qu’ils ne sont pas sollicités à chaque fois (comme pour <a href="https://www.nextinpact.com/news/95165-affaire-bluetouff-cour-cassation-consacre-vol-fichiers-informatiques.htm">l’affaire Bluetouff</a>).</p>

<p><strong>Liens</strong></p>

<ul><li> <a href="http://zythom.blogspot.fr/">Le blog de Zythom</a>, informaticien expert judiciaire. Je vous laisse lire : le nombre d’article qui relatent la saisie d’un ordinateur ayant servi à des fins criminelles, sans que son propriétaire (innocent) ne soit au courant est impressionnant.</li></ul>


feed_id: 20160706101908-article
title: La police revend les données personnelles des citoyens qu’elle espionne
uri: La-police-revend-les-données-personnelles-des-citoyens-qu-elle-espi
url:
https://lehollandaisvolant.net/?d=2016/07/06/10/19/08-la-police-revend-les-donnees-personnelles-des-citoyens-quelle-espionne

content:
<p>À lire chez Nikopik :</p>

<ul><li> [La police a accédé aux données numériques des citoyens anglais pour le fun et l’argent | {niKo<a href="http://www.nikopik.com/2016/07/la-police-a-accede-aux-donnees-numeriques-des-citoyens-anglais-pour-le-fun-et-largent.html">piK]}</a></li></ul>

<blockquote>Au menu de ces infractions&nbsp;: récolte d’informations personnelles de femmes afin de «&nbsp;mieux&nbsp;» les draguer, transmission d’informations sensibles à des prisonniers, vente de données afin de s’enrichir personnellement, passage d’infos à la mafia…</blockquote>

<p>Et ceci n’est que la partie rendue publique. On imagine que c’est bien pire que ça en vrai.</p>

<p>La loi du renseignement, l’État d’Urgence… c’est exactement ce genre de choses aussi, mais chez nous (« <em>la french tech</em> », celle qui <a href="https://reflets.info/atos-rachete-bull-et-donc-amesys/">vend des programme de surveillance aux dictatures</a>).<br />
En fait c’est <a href="https://tuxicoman.jesuislibre.net/2016/06/la-france-fait-fonctionner-un-programme-decoute-massive-dinternet-depuis-2006.html">en place depuis 2006 sur Internet</a>, maintenant on peut ajouter à ça les SMS, les appels et tout le reste.</p>

<p>Vous voyez le film « la vie des autres » ? <a href="http://lehollandaisvolant.net/?d=2015/04/27/17/09/47-la-vie-des-autres">Ben c’est exactement ça, étendu à tout le pays.</a>. Sauf que si les armoires de fichiers de la Stasi occuperaient la place du champ de Mars (à Paris), les armoires de la NSA ou d’un « service » de renseignement similaire, ben ça occuperait <a href="http://lehollandaisvolant.net/?id=20160424163625">un continent entier</a>.</p>

<p><strong>Un continent entier de fichiers contenant des renseignements personnels sur chacun des individus d’un pays, avec lesquels les policiers arrondissent leur fin de mois, dans lesquelles vos ennemis, la mafia, des prisonniers vienne piocher pour vous trouver.</strong></p>

<p>Ah, vous disiez quoi déjà&nbsp;? Que vous n’avez rien à cacher&nbsp;?</p>


feed_id: 20160705184428-article
title: Lets-encrypt / Certbot sur son PC pour un serveur distant
uri: Lets-encrypt-Certbot-sur-son-PC-pour-un-serveur-distant
url:
https://lehollandaisvolant.net/?d=2016/07/05/18/44/28-lets-encrypt-certbot-sur-son-pc-pour-un-serveur-distant

content:
<p>Je veux renouveler mon certificat pour mon site à l’aide de <strong>Lets-encrypt</strong>.<br />
Ici, prenons le cas où je n’ai pas accès à la machine qui héberge le site et que je n’ai qu’un accès FTP et au cPanel (proposé sur beaucoup d’hébergements mutualisés).<br />
On peut toujours générer un certificat : il suffit de lancer Lets-encrypt sur son ordinateur, de générer les certificats et ensuite d’envoyer les certificats manuellement sur le site.</p>

<p>Je suis sous Linux Mint 18 (basé sur Ubuntu 16.04), et je fais tout en ligne de commandes.</p>

<h2>Installation de Letsencrypt</h2>

<p>Première chose, récupérer Lets-encrypt / Certbot :</p>

<pre><code>sudo aptitude install letsencrypt</code></pre>

<p>Une fois fait, on peut commencer.</p>

<h2>Production des certificats</h2>

<p>La commande est <code>letsencrypt</code>.<br />
On ne veut que le certificat, on ajoute <code>certonly</code>, et vu qu’on ne se trouve pas sur la machine qui accueille le site web, on doit se mettre en mode manuel avec <code>--manual</code>. Perso je met une sécurité à 4096 bits avec <code>--rsa-key-size 4096</code> Ensuite on ajoute les domaines pour qui on veut un certificat. Ce qui donne au final dans mon cas (pour trois domaines) :</p>

<pre><code>letsencrypt certonly --manual -d lehollandaisvolant.net -d couleur-science.eu -d neerden.eu --rsa-key-size 4096</code></pre>

<p>Vu que je suis sur un ordi qui n’est pas le serveur, il demande à loguer l’IP qui a fait la demande de certificat : j’accepte pour continuer.<br />
Il faut aussi mettre son adresse email, sur laquelle vous recevrez les notifications d’expiration du certificat.</p>

<p>Ensuite, il s’agit de prouver qu’on est bien le propriétaire du site pour lequel on demande un certificat. Ça se passe par la création d’un fichier sur notre site avec un contenu que Lets-encrypt nous donne.</p>

<p>En pratique, Lets-encrypt nous dit quelque chose comme ça :</p>

<pre><code>Make sure your web server displays the following content at
http://lehollandaisvolant.net/.well-known/acme-challenge/v9IszSuhkY0yg-fpV3sxxxxxxx7KMhAzXY0AxP-tUvc before continuing:

v9IszSuhkY0yg-fpV3sxxxxxxx7KMhAzXY0AxP-tUvc.Y4xbv1PhMl2rRtjYAaaaAaaaAAAaA_ONg_x-zBcF8uHYxt4</code></pre>

<p>Il faut utiliser FTP (ou SSH ou autre) pour créer un fichier <code>/.well-known/acme-challenge/v9IszSuhkY0yg-fpV3sxxxxxxx7KMhAzXY0AxP-tUvc</code> à la racine de votre site, et utiliser un éditeur de texte pour ouvrir le fichier et y mettre le texte <code>v9IszSuhkY0yg-fpV3sxxxxxxx7KMhAzXY0AxP-tUvc.Y4xbv1PhMl2rRtjYAaaaAaaaAAAaA_ONg_x-zBcF8uHYxt4</code>.</p>

<p>Une fois que c’est fait, essayez d’accéder au fichier dans votre navigateur : le fichier doit être accessible (pas d’erreur 404 ou 403 ou autre).<br />
Si ça marche, poursuivez dans le terminal avec la touche « Entrée ».</p>

<p>Si vous avez demandé plusieurs domaines différents, il faudra faire cette manip pour chaque domaine (attention, les codes aléatoires changent à chaque fois).</p>

<p>Quand c’est tout bon,  Lets-encrypt a généré vos certificats. Ils se trouvent dans le dossier <code>/etc/letsencrypt/live/</code> puis votre domaine.<br />
Il y a 4 fichiers dedans : <em>cert.pem</em>, <em>chain.pem</em>, <em>fullchain.pem</em>, <em>privkey.pem</em>.</p>

<h2>Installation des certificats</h2>

<p>Pour l’installation des certificats, je passe par cPanel que me propose mon hébergeur. Il faut aller dans la section "SSL/TLS". On gère ensuite la liste des certificats et clés privés.</p>

<p>Il faut uploader sa clé privée (le fichier <em>privkey.pem</em>) dans le champ sur la section <em>Private Keys</em>, et le fichier du certificat (<em>fullchain.pem</em>) dans la section <em>Certificates</em>.</p>

<p>Les certificats sont uploadés maintenant, il reste à les installer.<br />
Toujours dans cPanel, allez sur <em>Install and Manage SSL for your site</em>, puis choisissez le domaine. Cliquez ensuite sur « <em>autofill by domain</em> » pour pré-remplir les champs à l’aide des fichiers uploadés et enfin validez par « <em>Install</em> ».<br />
Et là c’est bon : votre site est maintenant en HTTPS et fonctionne.</p>

<p>Cette dernière manip (choix du domaine et autofill) est à faire pour chacun de vos domaines.</p>

<h2>Notes</h2>

<p>N’oubliez pas de supprimer le dossier .well-known et son contenu : il n’y en a plus besoin.</p>

<p>De même, souvenez-vous que le certificat expirera dans 90 jours, et il faudra refaire tout ça.<br />
Vous recevrez de toute façon un e-mail de notification à l’adresse que vous avez renseigné lors de la génération des certificats..</p>


feed_id: 20170130171736-article
title: Acharnement
uri: Acharnement
url: https://lehollandaisvolant.net/?d=2017/01/30/17/17/36-acharnement
content:
<p>Je rêve… Le service des impôts, qui n’a évidemment rien de mieux à faire, <a href="https://www.nextinpact.com/news/103086-bercy-demande-explications-a-videolan-pour-lien-depuis-site-torrents.htm">découvre qu’un site de torrents conseille aux internautes d’utiliser le logiciel VLC</a> pour visionner les fichiers vidéos qu’ils proposent.</p>

<p><strong><a href="https://twitter.com/videolan/status/825986460604100609">Conclusion de Bercy ?</a> VLC les paye pour qu’ils fassent de la pub.</strong><br />
Et qui dit « paye », dit contrat juteux, argent et ils veulent des explications (concrètement : des noms, des adresses, et des comptes bancaires), avec 5000 € d’amende en cas de refus (on rigole pas à Bercy).</p>

<p>Comme ils disent <a href="https://twitter.com/videolan/status/825756893410885632">sur Twitter chez VLC</a> : Comment expliquer Internet aux impôts ?</p>

<p>Finalement la DGFP indique que c’était une erreur <del>informatique</del> d’appréciation. En espérant qu’ils comprennent qu’un simple lien n’est pas synonyme de contrat juteux.<br />
Sinon je veux bien jouer moi aussi :</p>

<p>* <a href="https://portail.dgfip.finances.gouv.fr/portail/accueilIAM.pl">https://portail.dgfip.finances.gouv.fr/portail/accueilIAM.pl</a><br />
* <a href="https://www.impots.gouv.fr/portail/">https://www.impots.gouv.fr/portail/</a><br />
* <a href="http://www.elysee.fr/">http://www.elysee.fr/</a><br />
* <a href="http://france.fr/">http://france.fr/</a></p>

<p>Où sont mes millions maintenant ?</p>

<p>Je trouve quand même assez gonflé qu’ils « attaquent » de la sorte l’association VideoLan (éditrice de VLC), quand on sait que <a href="http://www.cnetfrance.fr/news/un-accord-entre-microsoft-et-l-education-nationale-devant-la-justice-39841722.htm">Microsoft passe des contrats plus ou moins obscures avec la République</a> et que de toute façon on a toujours toutes les entreprises de la high-tech qui ne payent aucun impôt en France et contre quoi très peu est effectué concrètement.<br />
J’imagine que taper sur un petit poisson c’est plus simple que taper sur des gros requins.</p>

<p>Enfin, pour finir, si tout le monde conseil le logiciel VLC un peu partout, c’est p't-être bien parce que c’est un excellent logiciel, sûrement le meilleur au monde dans son domaine (loin devant toute la concurrence). Ah et en plus il est basé en France, il est français et était là bien avant que les politiques décident d’investir dans la « french-tech ».</p>

<p>Donc si je peux dire, ils feraient mieux de les aider plutôt que de chercher à les racketter. Il n’y a déjà pas beaucoup de programmes français avec un tel rayonnement, si en plus c’est la France elle-même qui cherche à les tuer, franchement où on va…</p>

<ul><li> VLC : <a href="http://www.videolan.org/index.fr.html">videolan.org/vlc</a></li></ul>


feed_id: 20170213163620-article
title: Linux : rendre le terminal plus lisible
uri: Linux-rendre-le-terminal-plus-lisible
url: https://lehollandaisvolant.net/?d=2017/02/13/16/36/20-linux-rendre-le-terminal-plus-lisible
content:
<p>Travaillant sous Linux Mint plutôt qu’Ubuntu, j’ai déjà un terminal un peu plus joli (coloré, etc.). Mais on peut encore l’améliorer un peu.</p>

<p>Cet article est écrit après avoir vu celui de Frank Ridel dans son article pour <a href="http://franck-ridel.fr/2017/02/11/effacer-les-anciens-kernels-de-fedora/">effacer les anciens kernels de Fedora</a>.<br />
Son terminal est obtenu avec le petit programme <strong>Powerline</strong> (<a href="https://powerline.readthedocs.io/en/latest/">site</a>) : c’est un package qu’il est possible d’installer (il se trouve dans les dépôts Debian/Ubuntu/Mint). Il faut aussi appliquer <a href="https://fedoramagazine.org/add-power-terminal-powerline/">quelques manipulations</a> pour l’utiliser à 100% (en particulier les polices d’écriture).</p>

<p>Powerline est très complet et ne se contente pas seulement d’embellir le terminal, mais également divers programmes en CLI, comme Vim.</p>

<p>Sur mon ordi cependant j’ai choisit de ne pas utiliser Powerline mais juste de me rapprocher du design et des couleurs. Le résultat est le suivant :</p>

<p><img src="media/d095d62a.term.png" data-original-source="http://lehollandaisvolant.net/img/72/term.png" alt="colored terminal" width="462" height="268" class="centrerinline" /><br />

Comme vous voyez, le prompt normal est en bleu, mais il passe en rouge quand on se connecte en root.</p>

<p>Ce résultat là est obtenu avec deux lignes à ajouter/éditer dans deux fichiers.<br />
Pour la partie bleue, vu que ça correspond à votre votre compte, il faut éditer le fichier <code>~/.bashrc</code> à vous (remplacez <em>pluma</em> par <em>gedit</em> si nous n’êtes pas sous Mint ou Mate) :</p>

<pre><code>pluma .bashrc</code></pre>

<p>Et ajouter dans le fichier :</p>

<pre><code># BLEU + GRIS
PS1='\n\[\e[1;48;5;31m\] \u \[\e[48;5;240m\] \W \[\e[0m\] '</code></pre>

<p>Puis enregistrer le fichier.<br />
Ensuite pour root :</p>

<pre><code>sudo pluma /root/.bashrc</code></pre>

<p>Et ajouter ceci à la fin :</p>

<pre><code>PS1='\n\[\e[1;48;5;196m\] \u \[\e[48;5;240m\] \w \[\e[0m\] '</code></pre>

<p>Puis enregistrer le fichier.</p>

<p>Maintenant ouvrez un nouveau terminal et voyez le prompt beaucoup plus visible parmi tout le texte.<br />
Si les couleurs ne vous conviennent pas, vous pouvez les changer. Il s’agit de changer les codes correspondant à la couleur de fond (les 31 et 196 sur les lignes) par celles correspondant à une autre couleur, comme explique là : <a href="http://misc.flogisoft.com/bash/tip_colors_and_formatting">Bash tips: Colors and formatting</a>.</p>

<p>La stylisation du terminal peut se faire selon beaucoup de façons différentes.</p>


feed_id: 20170225144141-article
title: Votez pour la recherche et la science : ça sauve des vies
uri: Votez-pour-la-recherche-et-la-science-ça-sauve-des-vies
url:
https://lehollandaisvolant.net/?d=2017/02/25/14/41/41-votez-pour-la-recherche-et-la-science-ca-sauve-des-vies

content:
<p>Je suis en train de rédiger un article sur fonctionnement de l’imagerie médicale (IRM). Pour faire simple, l’IRM fonctionne en analysant la réponse des atomes d’hydrogène de notre corps à un intense champ magnétique. L’image obtenue rend compte de la distribution de cet hydrogène dans le corps et permet donc de repérer les organes et des tissus. Si l’image montre une région qui ne devrait pas être là, il peut s’agit d’une tumeur qu’il faut aller enlever.</p>

<p>Cette méthode a été mise au point pour analyser de la lumière traversant un nuage d’hydrogène excité par des champs magnétique. Ce besoin très spécifique a été rencontré dans un domaine bien précis : l’astronomie.<br />
Les nuages d’hydrogène interstellaires sont parfois soumis à des champs magnétiques (stellaires par exemple) et la lumière, qui traverse ou qui est émise par ces nuages, nous parvient en présentant des distorsions bien particulières qu’il est possible d’interpréter.</p>

<p>Comme pour tant d’autres choses, donc, <strong>si vous êtes sauvés aujourd’hui grâce à la découverte d’une tumeur au moyen d’un appareil à IRM, vous pouvez remercier les investissements publics faits il y 50 ans dans l’astronomie, l’exploration spatiale et la recherche scientifique.</strong></p>

<p>Parce que chercher à interpréter des raies spectrales de lumière émise par de l’hydrogène interstellaire situé à 500 années-lumières de nous permet aujourd’hui de sauver des vies en détectant des cancers.</p>

<p>Oui, ceci est un message qui rejoint ces deux autres articles :</p>

<ul><li> <a href="https://lehollandaisvolant.net/?d=2012/04/02/10/38/28-a-quoi-sert-la-recherche-scientifique">À quoi sert la recherche scientifique ?</a></li>
<li> <a href="https://lehollandaisvolant.net/?d=2016/05/02/17/48/28-a-propos-de-liter-et-la-recherche-scientifique">À propos de l’ITER et de la recherche scientifique</a></li></ul>

<p>Qui êtes vous pour dire que la recherche faite au CERN ou sur l’ITER (et sur tant d’autres projets, y compris sur Mars et dans l’espace) constitue de l’argent perdu et un investissement à supprimer ? Vous venez du futur ?</p>


feed_id: 20170304042403-article
title: L’ordinateur c’est magique
uri: L-ordinateur-c-est-magique
url: https://lehollandaisvolant.net/?d=2017/03/04/04/24/03-lordinateur-cest-magique
content:
<p>C’est super intéressant d’éplucher les journaux de démarrage sur un ordinateur.</p>

<p>Un PC c’est juste une machine avec processeur central (une puce électronique) qui fait tout le travail. Ce processeur central ce n’est rien d’autre qu’un agencement bien défini de quelques milliards de <a href="https://couleur-science.eu/?d=2015/11/04/19/27/17-comment-fonctionne-un-transistor">transistors</a> (de mini-interrupteurs électroniques) reliés les uns aux autres, s’actionnant successivement, comme une chaîne.</p>

<p>Un programme informatique (ou un bout de code), c’est une suite d’instruction indiquant dans quel ordre ces interrupteurs doivent être actionnés une fois que l’ordinateur est mis sous tension. Dès cet instant, ce sont des dizaines, voire des centaines de millions de lignes de code qui sont lues et traitées par le processeur central, et les interrupteurs sont alors actionnées des milliards de fois chaque seconde.</p>

<p>Le résultat final est ce que l’on voit à l’écran : chaque pixel de l’écran, chaque son dans les enceintes, chaque bit écrit sur un disque dur… sont produits grâce et par le calcul du processeur.</p>

<p>Sur un PC grand public, les programmes pré-installés sont là pour automatiser le plus grand nombre de chose. Ainsi, il suffit d’allumer l’ordinateur et votre session utilisateur se lance : vos fichiers sont ouverts, votre fond d’écran est affiché, votre PC se connecte au réseau Wifi, etc.</p>

<p>Ceci peut semble simple, parfois c’est considéré comme acquis. Mais il ne faut jamais oublier que si votre PC fait tout ça, c’est parce que c’est voulu. Prenons par exemple juste ce dernier point : « votre PC se connecte au réseau Wifi ». C’est un programme à lui seul et il se passe plein de chose :</p>

<ul><li> le processeur doit apprendre à utiliser la carte Wifi (en chargeant le pilote en mémoire)</li>
<li> le processeur demande à la carte Wifi de chercher des réseaux aux alentours</li>
<li> le processeur regarde sur le disque dur s’il y a des réseaux Wifi connus et enregistrés</li>
<li> si oui, le processeur charge en mémoire le réseau connu</li>
<li> la carte Wifi et votre Box « discutent » pour commencer la connexion</li>
<li> la carte Wifi se connecte au réseau Wifi connu en utilisant les informations (clé Wifi, nom du réseau…) qui sont en mémoire</li>
<li> une fois que les deux appareils « sont d’accord » ils se connectent et le réseau fonctionne</li>
<li> la carte Wifi dit au processeur que tout est OK</li>
<li> le processeur dit à l’écran d’afficher un message à l’écran comme quoi la connexion est active.</li></ul>

<p>Pour plus de détails, voici ce que mon ordinateur fait au démarrage de l’ordinateur, quand il veut se connecter à un réseau Wifi :</p>

<pre><code>mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; NetworkManager (version 1.2.2) is starting...
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; Read config: /etc/NetworkManager/NetworkManager.conf (etc: default-wifi-powersave-on.conf)
[…]
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; init!
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt;    interface-parser: parsing file /etc/network/interfaces
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt;    interface-parser: finished parsing file /etc/network/interfaces
[…]
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; end _init.
[…]
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; (25422752) ... get_connections (managed=false): return empty list.
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; keyfile: new connection /etc/NetworkManager/system-connections/Lord (8ec2bec8-2a08-461b-96ae-e124650b1cd6,&quot;Lord&quot;)
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; keyfile: new connection /etc/NetworkManager/system-connections/Livebox-40nf4 (8b56671d-4dcb-4563-83e9-badd50e52f92,&quot;Livebox-40nf4&quot;)
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; keyfile: new connection /etc/NetworkManager/system-connections/Timo (0792c0a8-faa0-4ecf-a439-01e2fd7097e1,&quot;Timo&quot;)
[…]
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; manager: WiFi enabled by radio killswitch; enabled by state file
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; manager: WWAN enabled by radio killswitch; enabled by state file
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; manager: Networking is enabled by state file
[…]
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; (wlp2s0): using nl80211 for WiFi device control
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): driver supports Access Point (AP) mode
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; manager: (wlp2s0): new 802.11 WiFi device (/org/freedesktop/NetworkManager/Devices/0)
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): state change: unmanaged -&gt; unavailable (reason 'managed') [10 20 2]
[…]
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; supplicant: wpa_supplicant running
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): supplicant interface state: init -&gt; starting
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): supplicant interface state: starting -&gt; ready
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; manager: startup complete
mars 3 14:07:48 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): state change: unavailable -&gt; disconnected (reason 'supplicant-available') [20 30 42]
mars 3 14:07:52 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): supplicant interface state: ready -&gt; inactive
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; policy: auto-activating connection 'Timo'
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): Activation: starting connection 'Timo' (0792c0a8-faa0-4ecf-a439-01e2fd7097e1)
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): state change: disconnected -&gt; prepare (reason 'none') [30 40 0]
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; manager: NetworkManager state is now CONNECTING
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): state change: prepare -&gt; config (reason 'none') [40 50 0]
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): Activation: (wifi) access point 'Timo' has security, but secrets are required.
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): state change: config -&gt; need-auth (reason 'none') [50 60 0]
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): state change: need-auth -&gt; prepare (reason 'none') [60 40 0]
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): state change: prepare -&gt; config (reason 'none') [40 50 0]
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): Activation: (wifi) connection 'Timo' has security, and secrets exist.  No new secrets needed.
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; Config: added 'ssid' value 'Timo'
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; Config: added 'scan_ssid' value '1'
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; Config: added 'key_mgmt' value 'WPA-PSK'
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; Config: added 'psk' value '&lt;omitted&gt;'
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; sup-iface[0x1860580,wlp2s0]: config: set interface ap_scan to 1
mars 3 14:07:55 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): supplicant interface state: inactive -&gt; associating
mars 3 14:07:58 dell15 NetworkManager[956]: &lt;info&gt; WiFi hardware radio set enabled
mars 3 14:07:58 dell15 NetworkManager[956]: &lt;info&gt; WWAN hardware radio set enabled
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): supplicant interface state: associating -&gt; 4-way handshake
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): supplicant interface state: 4-way handshake -&gt; completed
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): Activation: (wifi) Stage 2 of 5 (Device Configure) successful.  Connected to wireless network 'Timo'.
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): state change: config -&gt; ip-config (reason 'none') [50 70 0]
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; dhcp4 (wlp2s0): activation: beginning transaction (timeout in 45 seconds)
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; dhcp4 (wlp2s0): dhclient started with pid 1954
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt;   address 192.168.1.78
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt;   plen 24 (255.255.255.0)
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt;   gateway 192.168.1.254
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt;   server identifier 192.168.1.254
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt;   lease time 86400
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt;   domain name 'lan'
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; dhcp4 (wlp2s0): state changed unknown -&gt; bound
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): state change: ip-config -&gt; ip-check (reason 'none') [70 80 0]
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): state change: ip-check -&gt; secondaries (reason 'none') [80 90 0]
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): state change: secondaries -&gt; activated (reason 'none') [90 100 0]
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; manager: NetworkManager state is now CONNECTED_LOCAL
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; manager: NetworkManager state is now CONNECTED_GLOBAL
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; policy: set 'Timo' (wlp2s0) as default for IPv4 routing and DNS
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; dns-mgr: Writing DNS information to /sbin/resolvconf
mars 3 14:07:59 dell15 NetworkManager[956]: &lt;info&gt; device (wlp2s0): Activation: successful, device activated.
mars 3 14:08:00 dell15 NetworkManager[956]: &lt;info&gt; dns-mgr: Writing DNS information to /sbin/resolvconf
mars 3 14:08:01 dell15 NetworkManager[956]: &lt;info&gt; dhcp6 (wlp2s0): activation: beginning transaction (timeout in 45 seconds)
mars 3 14:08:01 dell15 NetworkManager[956]: &lt;info&gt; dhcp6 (wlp2s0): dhclient started with pid 2173
mars 3 14:08:01 dell15 NetworkManager[956]: &lt;info&gt; policy: set 'Timo' (wlp2s0) as default for IPv6 routing and DNS
[…]
mars 3 14:08:01 dell15 NetworkManager[956]: &lt;info&gt; dhcp6 (wlp2s0): state changed unknown -&gt; bound
mars 3 14:08:01 dell15 NetworkManager[956]: &lt;info&gt; dhcp6 (wlp2s0): client pid 2173 exited with status 0
mars 3 14:08:01 dell15 NetworkManager[956]: &lt;info&gt; dhcp6 (wlp2s0): state changed bound -&gt; done</code></pre>

<p>Même si vous ne comprenez pas tout, vous pouvez en extraire des bribes d’information, comme « starting connection 'Timo' », « connection 'Timo' has security » ou encore « successful. Connected to wireless network 'Timo' »</p>

<p>Cette procédure, minutieusement coordonnée par tout un tas de protocoles (entre le processeur et la carte wifi, mais aussi entre la carte wifi et votre box) a dû être écrite et imaginée par une personne, ou un groupe de personnes.</p>

<p>L’informatique, ce n’est pas comme les lois de la physique. La gravitation, l’électromagnétique, ce sont des choses qui sont là et qu’on essaye de comprendre pour les utiliser à notre avantage.<br />
L’informatique, lui, c’est un domaine purement artificiel que l’on a créé pour traiter de l’information à notre place et nous simplifier la vie, et aujourd’hui le monde tourne grâce à ça.</p>

<p>C’est beau.<br />
C’est magique.</p>


feed_id: 20170316183632-article
title: Sites sécurisés : pourquoi le « petit cadenas » ne suffit plus
uri: Sites-sécurisés-pourquoi-le-petit-cadenas-ne-suffit-plus
url:
https://lehollandaisvolant.net/?d=2017/03/16/18/36/32-sites-securises-pourquoi-le-petit-cadenas-ne-suffit-plus

content:
<p>Typiquement de la bouche de votre banquier, vous entendez que pour aller sur le site de votre banque, il faut taper l’adresse du site et <strong>faire attention à la présence du « petit cadenas »</strong>. S’il y est, alors vous êtes protégés des vilains pirates et vos identifiants sont sécurisés.</p>

<p>Aujourd‘hui, ceci n’est plus vrai.<br />
Ceci n’a jamais été vrai en fait, pas tout à fait.</p>

<p>Quand vous vous connectez sur le site de votre banque, votre PC communique avec le site. En vous connectant sur votre compte, votre identifiant et votre mot de passe sont envoyés au site via Internet.</p>

<p>Il y a alors <strong>deux choses auxquelles il faut faire attention</strong> :</p>

<ul><li> que vos identifiants soient envoyés de façon chiffrée sur le réseau</li>
<li> que vos identifiants soient envoyés au bon site !</li></ul>

<p>Le petit cadenas signifie que le site utilise <strong>une connexion chiffrée</strong> entre votre ordinateur et le site sur lequel vous êtes.<br />
Sa présence vous garantit que vos identifiants ne peuvent pas êtes récupérés par quelqu’un d’autre qui serait en train « d’écouter » sur votre ligne.</p>

<p>Par contre, le cadenas n’indique absolument rien sur <strong>l’identité du site</strong> en question : n’importe qui, y compris moi, peut très bien créer un site web sécurisé, avec le même design, le même logo et le même formulaire de connexion que votre banque. À ce moment là, si la victime pense être sur le site de sa banque et entre ses identifiants, ces derniers seront envoyés de façon chiffré… mais vers mon site à moi !</p>

<p>D’ailleurs, regardez bien : en naviguant sur ce blog, le petit cadenas est présent : tout ce que vous lisez ici, ce que vous envoyez dans le formulaire ou les recherches que vous faites est sécurisé : quelqu’un qui écoute sur le réseau ne peut rien voir. Mon site est sécurisé de ce côté là.</p>

<p>Pour en revenir à votre banque : il y a une seule façon fiable de savoir si vous êtes sur le site de votre banque ou sur un site falsifié. Il faut de regarder le nom du site de façon attentive.<br />
Le nom du site, c’est la partie principale dans l’adresse de la page. Tous les navigateurs actuels mettent cette partie de l’adresse en noir (le reste étant en gris) :</p>

<p>Par exemple, le site de La Banque Postale, le nom du site est « <em>labanquepostale.fr</em> », et rien d’autre :</p>

<p><img src="media/38788cd7.lbp.png" data-original-source="https://lehollandaisvolant.net/img/cf/lbp.png" alt="i" width="704" height="181" class="centrerinline" /><br />

Ce n’est pas <em>labanquepostale-fr.com</em>.<br />
Ce n’est pas <em>labanquep0stale.fr</em>.<br />
Ce n’est pas <em>labanquepostale.fr.securise.com</em>.<br />
C’est uniquement <em>labanquepostale.fr</em>.</p>

<p>Si vous tapez ces identifiants sur un autre site, alors vous n’êtes pas sur le site de cette banque. Même si il y a un petit cadenas.</p>

<p>Tout le monde peut créer un site sécurisé (ce blog possède un cadenas : il est sécurisé). Mais seule votre banque peut créer le site « labanquepostale.fr ».<br />
En cas de doute, demandez au guichet le nom du site sur lequel vous devez vous connecter.</p>

<p><strong>Il est très facile de créer une fausse page web qui ressemble à celle de votre banque ou de n’importe quel autre site important, et compter sur votre négligence pour que vous tapiez vos identifiants dessus et ensuite les récupérer pour les utiliser à votre insu. Soyez donc attentif. Non seulement au cadenas, mais aussi et surtout au nom du site.</strong></p>


feed_id: 20170316170230-article
title: Scandale en Suède…
uri: Scandale-en-Suède
url: https://lehollandaisvolant.net/?d=2017/03/16/17/02/30-scandale-en-suede
content:
<p>… <a href="http://mobile.francetvinfo.fr/monde/europe/suede-un-depute-oblige-de-s-excuser-apres-avoir-achete-du-vin-avec-les-points-de-fidelite-d-une-carte-professionnelle_2098265.html">un politique a acheté une bouteille de vin avec sa carte de député</a>.<br />
… et il se doit de s’excuser.<br />
… et une enquête est ouverte.</p>

<p>Parallèlement, ici, que ce soit Fillon, Macron ou Le Pen, les montants qu’ils ont fraudés et volés au contribuable se chiffre en millions d’euros.</p>

<p>Mais on va quand même voter pour eux.<br />
Et manifester pour les soutenir.</p>

<p>Parce que bon, voler l’argent de l’impôt de ceux qui le payent, quand on est un politicien français, c’est totalement normal. Et si la justice a l’audace de s’en rendre compte et de s’en mêler, c’est une conspiration honteuse et il faut vite demander le soutient au contribuable… qui accourt alors en pleine rue pour dire que la justice c’est mal.</p>


feed_id: 20170321171634-article
title: Pourquoi les disques SSD ont une durée de vie limitée ?
uri: Pourquoi-les-disques-SSD-ont-une-durée-de-vie-limitée
url:
https://lehollandaisvolant.net/?d=2017/03/21/17/16/34-pourquoi-les-disques-ssd-ont-une-duree-de-vie-limitee

content:
<p>Contrairement aux disques durs classiques, à plateaux rotatifs, les disques SSD et les autres formes de mémoire « flash » (clé USB, carte mémoire…) n’ont pas de partie mobile et ne subissent pas de contraintes mécaniques.</p>

<p>Si l’on comprend donc qu’un disque dur classique peut s’user avec le temps (vibrations, usure, etc.), l’on accepte moins le fait qu’un disque SSD est annoncé avec un nombre de cycles d’écriture limité (généralement à ~100 000 cycles).</p>

<h2>Le fonctionnement des SSD</h2>

<p>J’avais déjà parlé sur mon autre blog du <a href="https://couleur-science.eu/?d=2015/11/11/17/23/08-comment-fonctionne-la-memoire-flash-dun-lecteur-ssd">fonctionnement de la mémoire flash d’un lecteur SSD</a>, je vais donc juste résumer ici.<br />
Pour faire court, la fonction mémoire réalisée à l’aide de transistors est obtenue en <strong>piégeant des électrons sur un bout de métal isolé du reste du circuit</strong> (appelé grille flottante, ou <em>floating gate</em>). Les opérations de lecture utilisent <strong>le champ électrique émanant de ces électrons</strong> et l’écriture se fait en forçant les électrons à franchir l’isolant entre la grille flottant et le circuit — forçage obtenu par la <strong>phénomène quantique appelé « effet tunnel »</strong> ou celui appelé <strong>« électrons chauds »</strong> ; ceci permettant alors de charger ou décharger la grille de ses électrons, et donc d’écrire soit un 0, soit un 1 dans la mémoire.</p>

<figure><img src="media/0671e01a.floating-gate-transistor.png" data-original-source="http://lehollandaisvolant.net/img/d4/floating-gate-transistor.png" alt="i" width="1180" height="611" class="centrerinline" /><figcaption>Schéma d’un transistor à grille flottante, capable de la fonction mémoire (<a href="https://couleur-science.eu/?d=2015/11/11/17/23/08-comment-fonctionne-la-memoire-flash-dun-lecteur-ssd">plus d’infos sur cet article</a>)</figcaption></figure>

<p><strong>Dans un disque SSD, c’est la phase d’écriture qui use la fonction mémoire de votre SSD. Mais pourquoi ?</strong></p>

<h2>Une usure « électrique »</h2>

<p>Modifier un bit dans la mémoire se fait en utilisant soit l’effet tunnel, soit des électrons « chauds ». Dans les deux cas, le résultat est identique : un électron franchit une barrière isolante pour se retrouver dans la cellule mémoire. Réussir à pousser un électron à travers un isolant, ça demande de l’énergie, ou ici, <strong>l’application d’un fort potentiel électrique</strong>.</p>

<p>Or, quand les composants sont miniaturisés au point de ne mesurer qu’une petite dizaines d’atomes d’épaisseur, un potentiel électrique élevé (ou tout autre contrainte électro-magnétique) <strong>risque de détruire le composant</strong>.</p>

<p>La méthode par effet tunnel (pour simplifier beaucoup) consiste à appliquer une tension électrique sur le transistor, réduisant virtuellement l’épaisseur de l’isolant et permettant à l’électron de se transporter quantiquement de l’autre côté, sur la grille flottante. L’ensemble de l’opération, à cause de l’application des tensions électriques, n’est pas sans conséquences sur la structure atomique de la matière (liaisons cristallines fragilisées, par exemple).</p>

<p>La technologie utilisant les électrons chauds consiste, quant à elle, ni plus ni moins à bombarder la cellule mémoire avec des électrons hautement énergétique accélérés (dits « chauds »), qui traversent donc l’isolant comme un couteau traverse du beurre. Après quelques dizaines de milliers de cycles, la couche d’isolant finit fatalement par être détruite et la cellule mémoire à cet endroit devient inopérante.</p>

<p><strong>On voit donc que même si un disque SSD ne possède pas de plateaux rotatifs ni de parties mécaniques, il y a une usure quand même, purement électrique et au sein même de la matière.</strong><br />
Cette usure dépend de la technologie utilisée, qui reste très éprouvante pour les composants de base des disques SSD que sont les transistors (directement gravés dans la matière).</p>

<h2>Doit-on craindre pour ses fichiers ?</h2>

<p>Normalement les disques eux-mêmes et le système d’exploitation prévoient le cas où certaines cellules sont mortes. Le logiciel sait donc ne plus les utiliser, mais le disque dur finit donc petit à petit par perdre en capacité et surtout risque de corrompre des fichiers, voire de ne plus fonctionner du tout.<br />
En pratique, ceci n’arrive qu’après plusieurs dizaines d’années d’utilisation normale, et généralement le disque en tant que « disque dur » dans votre ordinateur sera obsolète ou sera tombé en panne bien avant une usure propre aux SSD.<br />
Il faut néanmoins savoir en tenir compte, savoir que le problème existe et qu’il sera plus prononcé si vous prévoyez d’utiliser un disque SSD sur un système destiné à écrire des données en grandes quantités et en permanence.</p>

<p>Aussi, sur un disque dur classique à plateaux, les données ne sont jamais détruites si le moteur électrique du disque tombe en panne. Il « suffit » de changer le moteur et on retrouve ses données.<br />
Dans un disque SSD, si toutes les cellules sont mortes, les données n’existent plus du tout : tous les fichiers sont volatilisés et une tentative de récupération n’est plus possible (dans la pratique cependant, la mort d’une cellule, ou même d’une puce complète, ne gêne pas la lecture des autres cellules ou puces mémoire du disque, seule une partie des fichiers risque d’être perdues).</p>

<p>Dans tous les cas, et ceci est vrai tout le temps, pour tout le monde, SSD ou non, il est toujours recommandé de faire des sauvegardes de ses fichiers (photos, vidéos, documents, lettres, emails, paramètres, programmes…). Un disque dur peut toujours tomber en panne, perdre 10 ans de photos a un « coût émotionnel » probablement bien plus élevé que le coût de l’investissement dans un support de stockage de secours. Il est recommandé d’avoir au minimum toujours deux copies de ses fichiers.</p>


feed_id: 20170327192446-article
title: Peur du « chimique » et du « nucléaire » ?
uri: Peur-du-chimique-et-du-nucléaire
url: https://lehollandaisvolant.net/?d=2017/03/27/19/24/46-peur-du-chimique-et-du-nucleaire
content:
<p>La chimie et le nucléaire, tout le monde le sait : c’est mal. C’est toxique. Et je vais vous le montrer.</p>

<p><strong>L’air</strong> en France ne contient plus <strong>que 21% d’oxygène</strong>. Le reste c’est le produit d’évaporation à −196 °C de l’azote liquide. Ce gaz (qui est diatomique) vous tuerait si vous ne respiriez que ça.</p>

<p><strong>L’eau du robinet</strong>, ainsi que l’eau minérale et l’eau de source ont en moyenne <strong>une concentration de 0,03% d’eau-lourde</strong>, ainsi que des traces de tritium. Le premier est un produit utilisé dans l’industrie nucléaire et pour la détection des neutrinos. Le second est hautement radioactif et constitue le carburant du futur réacteur à fusion de l’ITER.<br />
Ces deux produits ne sont réglementés dans l’eau de consommation dans <u>aucun</u> pays.</p>

<p>L’eau a un pH de 7, le plus élevé de tous <strong>les acides</strong> existants, qu’ils soient naturels ou artificiels.</p>

<p><strong>Le chlore</strong> est utilisé pour tuer les bactéries. <strong>Le sodium</strong> est utilisé comme caloporteur dans les centrales nucléaires. À l’état solide, c’est aussi un métal qui flotte sur l’eau et qui explose à son contact. Sodium et chlore sont présents dans le sel, la viande hachée, le poisson fumé, le poisson pané, le lait, les biscuits apéritifs et dans la majorité des plats, qu’ils soient fast-food, bio ou végan.</p>

<p>Les pommes, cerises, pêches, amandes et autres fruits à noyau vendues en grande surface <strong>contiennent du cyanure</strong>, un poison. Mieux, mêmes s’ils sont bio et ramassées dans votre jardin, ils contiennent toujours du cyanure.</p>

<p><strong>L’argent</strong> (le métal) est utilisé dans les bijoux. Associé à l’iode, il est utilisé pour modifier la météo. Projeté dans l’air, il provoque la nucléation des gouttes de pluie et engendre alors les précipitations.</p>

<p><strong>Le sel de substitution</strong>, estampillé « sans sodium » correspond au sel de potassium. Premièrement, c’est ce produit qu’ils injectent aux condamnés à mort afin de provoquer un arrêt du cœur. Et deuxièmement, il est <a href="http://lehollandaisvolant.net/?id=20160610134627">radioactif au point d’exciter un compteur Geiger-Müller</a>. Ne mangez pas trop salé, hein.</p>

<p>Bon. Alors il faut faire quoi ? Manger des choses naturelles, pardi : <a href="http://lehollandaisvolant.net/?d=2014/12/03/17/35/36-tout-naturellement">c’est forcément bon : c’est naturel</a> !<br />
Enfin, je vous invite à regarder <a href="https://www.youtube.com/watch?v=iS-CJSlwpGM">cette vidéo</a>, extraite d’un reportage télévisé à propos de la présence d’une autre molécule chimique dans notre environnement et notre alimentation.</p>

<p>… et à vous poser deux minutes et repenser à tout ça.</p>

<p>Car « chimique » et « nucléaire » ne sont que deux mots.<br />
<strong>Car tout ce qui est chimique n’est pas forcément mauvais.<br />
Car tout ce qui est naturel n’est pas forcément bon.</strong><br />
Et selon les mots choisis, on peut et on veut faire peur.</p>

<p>La conclusion dans la vidéo le dit, mais je vais répéter ici : oui, parfois, même régulièrement, il y a des problèmes sévères de pollution ou d’intoxication à cause d’une fuite d’un produit chimique quelconque quelque part.<br />
Mais ça ne veut pas dire que si on trouve tel ou tel produit ici ou là, il faut tout de suite paniquer. La technologie actuelle permet de détecter tout ce que l’on cherche partout où l’on cherche. Vos cheveux contiennent du cyanure et du benzène. L’air dans votre voiture contient du mercure ou du radon. C’est un fait. Mais en quelles proportions ? Probablement quelques molécules seulement, ce qui est 100% sans danger sur un organisme composé de quelques quadrilliards d’atomes. Et encore : il y a de grandes chances que ces atomes soient associées à d’autres atomes qui le rendent alors totalement inoffensifs (l’exemple du chlore, dans ma liste). Pas la peine de paniquer pour n’importe quoi.</p>

<p>Concernant le nucléaire. Oui, l’état du parc nucléaire en France et en Europe est <a href="http://lehollandaisvolant.net/?id=20160103201225">catastrophique</a> et on risque gros en voulant continuer à payer l’électricité au prix bas et à maintenir ça profitable (donc en faisant l’impasse sur l’entretient). Mais est-ce que ça veut dire qu’il faut se passer de cette énergie ? <a href="http://lehollandaisvolant.net/?id=20160114174248">Le nucléaire tue moins</a> que toutes les autres énergies. Le charbon émet 100 fois plus de radioactivité dans l’air que les centrales atomiques (chiffre et <a href="http://lehollandaisvolant.net/?id=20140420202144">source</a> à confirmer).<br />
Aussi, les centrales nucléaires actuelles (basées sur la filière de l’uranium et du plutonium) sont dangereuses car elles peuvent exploser si on ne fait rien. D’autres méthodes existent pourtant, comme <a href="http://lehollandaisvolant.net/?id=20161219161011">les centrales au thorium</a> (lien avec un reportage intéressant), qui s’éteignent si on ne fait rien et qui ne peuvent pas (par leur principe de fonctionnement même) surchauffer. Oui oui : pas de risque d’emballement du réacteur.<br />
Le côté négatif c’est qu’il ne produit pas de quoi satisfaire la demande en plutonium militaire. C’est dommage hein ?</p>


