# articles

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=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=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=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=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=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=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=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=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=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=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=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=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=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=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=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=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=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-dans-l-administration-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=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=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=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=20151129143818
title: Je ne comprends pas les imprimantes
uri: Je-ne-comprend-pas-les-imprimantes
url: http://lehollandaisvolant.net/?d=2015/11/29/14/38/18-je-ne-comprends-pas-les-imprimantes
content:
J’ai une imprimante multifonctions HP PSC-1610.<br/>
<br/>
La bête date de 2005, mais elle fonctionne encore… plus ou moins.<br/>
<br/>
Un jour elle avait décidée de parler le Klingon :<br/>
<br/>
<img src="media/a446c7cb.hp-psc.jpg" data-original-source="http://lehollandaisvolant.net/img/d9/hp-psc.jpg" alt="i" width="490" height="653" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Après quelques fois, ça lui est passé et elle s’est remise en mode français.<br/>
<br/>
Un autre jour, elle refusait d’imprimer quoi ce soit. J’ai soulevé le capot, retiré la cartouche d’encre, passé un coup de PQ dessus et elle fonctionnait de nouveau. Fallait juste lui changer de couche (pourquoi ils le disent pas dans la notice ?).<br/>
<br/>
Aujourd’hui, c’est simple : elle veut plus imprimer en me disant de retirer la cartouche de droite (mon imprimante est communiste visiblement).<br/>
L’informatique étant au service de l’Homme, je décide d’obéir à la machine et je retire donc la cartouche.<br/>
Là il me dit qu’il manque la cartouche noire : normal, c’est celle que je viens d’enlever, connard.<br/>
<br/>
Je remet la cartouche et il me dit la même chose : « vérifiez et retirez la cartouche de droite ».<br/>
Je fais ça une dizaine de fois, avec extinction et rallumage entre temps. J’annule puis relance les tâches d’impression sur mon ordi : toujours la même histoire.<br/>
<br/>
Je suis à la limite d’appeler un exorciste.<br/>
<br/>
Je sais qu’il y a une date sur les cartouches d’impression. Je sais aussi que d’habitude, je n’ai jamais eu de problèmes avec ça : j’ai déjà imprimé des pages avec des cartouches périmées (ce qui, entre nous, est mal : manger une cartouche d’encre périmée c’est mauvais pour la santé)… À tout hasard je retire la cartouche et regarde la date : janvier 2016. Ce n’est donc pas le problème.<br/>
<br/>
Je remet la cartouche, je referme le capot et le temps de tourner le dos, j’entends l’imprimante faire quelques « grrr nyanya tictictic » puis imprimer ma page comme si de rien n’était.<br/>
<br/>
Je ne comprends pas les imprimantes.<br/>
<br/>
<br/>
À moins que… <br/>
C’est parce que j’ai accroché <a href="http://theoatmeal.com/comics/printers">ce poster</a> au dessus de toi (j’ai eu ce poster dans le livre du Oatmeal) que tu ne veut pas imprimer mes pages ?<br/>
<br/>
Tu préfères peut-être <a href="http://www.commitstrip.com/fr/2014/08/28/nightmare-at-the-office/">ce poster</a> :<br/>
<img src="media/e73c7882.Strip-Imprimante-envoutee.jpg" data-original-source="http://lehollandaisvolant.net/img/69/Strip-Imprimante-envoutee.jpg" alt="imprimante envoûtée" width="650" height="597" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Bref, dans le cas où j’aurais besoin de changer de machine, quelqu’un aurait une référence d’imprimante à me conseiller et basée sur une expérience personnelle, avant que je me mette à faire la chasse aux références ?<br/>
<br/>
Sachant que :<br/>
<ul>
<li> Je préfère que ce soit une HP&nbsp;: elles sont très bien reconnues sous Linux et c’est important pour moi ;</li>
<li> J’imprime 5~6 feuilles par an. Je n’ai donc pas besoin d’une imprimante ultra-rapide (et ultra-chère) ;</li>
<li> Pas d’imprimante réseau, pas d’imprimante Wifi (juste un truc USB) ;</li>
<li> Je veux une imprimante multi-fonction avec scanner (j’ai peu de place et je trouve ça plus pratique) ;</li>
<li> Avec mon usage, je préfère un modèle qui va tenir 10 ans et qui fait juste impression et scanner plutôt qu’un modèle plus rapide, qui lit 54 modèles de cartes mémoire ou qui fait le ménage.</li></ul>
<br/>
Merci&nbsp;:)<br/>
<br/>
ÉDIT : la liste des imprimantes HP supportées sous Linux (avec les pilotes HPLip) est <a href="http://hplipopensource.com/hplip-web/supported_devices/index.html">ici</a>.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151201162102
title: L’espace privatisé… Et ça vous gêne ?
uri: L-espace-privatisé-Et-ça-vous-gêne
url: http://lehollandaisvolant.net/?d=2015/12/01/16/21/02-lespace-privatise-et-ca-vous-gene
content:
Alors qu’avant l’espace n’était pas privatisable par quelque État que ce soit (selon divers traités), <a href="http://scinfolex.com/2015/11/30/le-jour-ou-lespace-a-cesse-detre-un-bien-commun/">maintenant il va explicitement devenir possible pour des entreprises d’aller dans l’espace et de miner les astéroïdes</a> ou les autres ressources qui s’y trouvent.<br/>
<br/>
Déjà, contrairement à ce qui semble dit, l’espace n’est pas privatisé, ce sont les ressources minières qui peuvent être exploitées. Exactement comme les océans en fait&nbsp;: l’océan n’est à personne, mais si j’y pêche un poisson, il est à moi.<br/>
<br/>
Alors si ça vous gêne qu’une entreprise puisse récupérer l’or et le platine se trouvant entre les orbites de Mars et Jupiter (à 500 000 000 km d’ici), ok.<br/>
Mais alors expliquez moi pourquoi ça ne gêne personne que les océans (n’appartenant à personne) puissent être exploités de la même façon&nbsp;? Idem pour l’eau. Idem pour l’air (la société Air Liquide vous vend des bouteilles remplies avec de l’air ou d’autres gaz : argon, CO2, hélium…) ou le vent. Idem pour le pétrole. Idem pour des cailloux.<br/>
Si on veut rester logique, ça ne devrait pas gêner plus que les frontières à nos pays ou les barrières autour de notre jardin, non plus. Ça c’est une chose et ce n’est même pas le vrai soucis.<br/>
<br/>
<br/>
Il y a d’autres choses. Il est clair, aujourd’hui, que les gouvernements ne veulent plus se lancer dans les conquêtes spatiales&nbsp;: les budgets diminuent, les projets sont abandonnés, le public y voit un désintérêt (<a href="http://lehollandaisvolant.net/?d=2012/04/02/10/38/28-a-quoi-sert-la-recherche-scientifique">qui n’a pas lieu d’être pourtant</a>) avec l’excuse faussée du coût (alors que <a href="https://en.wikipedia.org/wiki/Budget_of_NASA#Annual_budget.2C_1958-2015">la Nasa en 50 ans</a> a reçu moins que <a href="https://fr.wikipedia.org/wiki/Forces_arm%C3%A9es_des_%C3%89tats-Unis#Budget">l’Armée US en 2014</a>).<br/>
<br/>
Alors pourquoi ne pas laisser les entreprises et quelques autres milliardaires créer une économie basée sur les ressources de l’Univers : déjà ça va faire avancer la recherche et la technologie, et ça va générer des emplois (il semble que tout le monde n’ait que ça à la bouche) et enfin, les ressources minières rapportées sur Terre vont permettre de créer de nouvelles choses.<br/>
Si les États n’en veulent pas, que les gens n’en veulent pas (« trop de problèmes sur Terre pour fouiller dans l’espace », selon certains), pourquoi refuser à quelques entrepreneurs le droit d’y aller ? Ça n’a aucun sens.<br/>
<br/>
Un astéroïde rempli d’or — et il y en a — qui va être miné et dont l’or sera rapporté sur Terre va rendre cet or bien plus abondant pour l’industrie, et de nouvelles applications vont naître (pensez à l’aluminium : en 1850, il était plus rare et précieux que le platine ; aujourd’hui, on s’en sert pour protéger nos sandwich, alléger les voitures et faire des cannettes de soda).<br/>
Oui, il est certain qu’à cause de ça, le cours de l’or va s’effondrer (c’est pour ça qu’il me semble une <em>très</em> mauvaise idée de placer son capital dans de l’or aujourd’hui), mais vu les nouvelles applications qui vont naître, il va également remonter après.<br/>
La richesse n’est alors pas le prix de l’or qu’on possède, mais ce qu’on va en faire : une batterie qui tient 3 mois et se charge en cinq minutes ? Un système pour produire de l’eau douce pour tout le monde ? À vous de trouver les applications : la rareté n’est pas un problème, quand l’or se vend au même prix que l’acier. C’est une des raisons qui fait que l’or n’est qu’un bijou de nos jours et qu’on n’en fait pas autre chose, comme des casseroles ou des presse-papier.<br/>
<br/>
<br/>
Enfin, il faut faire face à <a href="http://www.francetvinfo.fr/monde/environnement/le-tableau-periodique-des-elements-dont-la-terre-va-manquer_1008767.html">des pénuries sur Terre</a> : certains métaux ou éléments utilisés dans la vie de tous les jours (<a href="http://couleur-science.eu/?d=2015/08/19/15/27/51-comment-fonctionne-une-batterie-de-smartphone">lithium</a>, néodyme, samarium, indium — ces deux derniers ne faisant pas partie des « terres rares » pour rien) sont de plus en plus rares car exploitées à fond pour l’électronique. On peut toujours se passer des smartphones quand il n’y aura plus rien pour les faire, mais est-ce vraiment ce que vous voulez ?<br/>
Je parle de métaux rares ou de lithium, mais il en va de même pour l’énergie : la Lune contient par exemple de l’hélium 3, qui pourrait être utilisée dans des centrales à fusion, propres.<br/>
Rester sur Terre devient vite limité : la preuve : on se fait la guerre pour des dinosaures décomposés enfouis dans le sol, alors que de l’énergie on en a plus dans l’espace qu’on ne pourra jamais en consommer… Il suffit de lever la tête plutôt que regarder le sol.<br/>
<br/>
Que ce soient des entreprises privées qui s’en chargent, c’est normal aussi : la Nasa et l’Esa ne sont pas là pour faire du profit. Ils sont là pour repousser les frontières du possible, justement pour relancer l’économie et montrer aux investisseurs qu’il y a un potentiel économique à prendre. Ce sont ces agences qui prennent les risques — financiers et humain — pour envoyer des hommes sur la Lune ou pour faire atterrir un engin sur une astéroïde ou une comète. Ce sont eux qui montrent que c’est possible. Après seulement, les entreprises privées se lancent et font en sorte de rentabiliser tout ça, pour eux et pour le consommateur. C’est de cette façon que l’économie de la recherche et ici de l’exploration spatiale fonctionne.<br/>
<br/>
Après tout, la découverte de l’Amérique il y a 500 ans ne s’est pas faite tout seule non plus : c’est le gouvernement Espagnol qui a lancé Colomb sur les mers.<br/>
Et si elle s’était faite sans intérêt, le retour sur l’investissement a été énorme&nbsp;: ils ont rapporté des Amériques tout ce qui est cacao, tomates, pomme de terre. Et aujourd’hui, grâce à l’investissement et le risque initial pris par le gouvernement, ce sont des entreprises privées qui font fonctionner l’économie du chocolat, du ketchup ou de la frite et de la purée.<br/>
<br/>
De ce point de vu là, la recherche est très lucrative de façon indirecte&nbsp;: pour la conquête spatiale, <a href="https://www.youtube.com/watch?v=2_e5CR1PNEY">chaque dollar investi par la Nasa a permit d’en générer trois</a>. Pour le Cern et d’autres projets similaires, la rentabilité est encore plus grande (le Cern a par exemple inventé le <em>world wide web</em> et sans lui, toute l’économie qui en découle ne serait pas là).<br/>
<br/>
La privatisation des ressources spatiales n’est donc pas un problème à mes yeux : c’est pas si quelqu’un déclarait que telle ou telle astéroïde était à lui. Non, ce sont les minerais qu’il va extraire qui lui appartiennent. Exactement comme on fait sur Terre avec n’importe quelle ressource. Ce qui se passera avec l’espace, c’est ce qui a déjà lieu sur Terre.<br/>
Oui il y aura des billionnaires à la tête des entreprises qui ont des mines dans l’espace. Mais est-ce un problème si ces gens payent des impôts ? Le seul problème que je vois, c’est si tous ces billionnaires sont aux USA et pas ici, parce qu’on aura été trop peu réactif pour ne pas les suivre (comme le numérique en France).<br/>
<br/>
Alors si vous voulez partager l’espace et les choses qu’il est actuellement impossible à utiliser, ok. Mais restez cohérent et logiques et commencez par appliquer le même esprit de partage et d’humanité ici sur Terre.


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: 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=20151203212932
title: « la loi ça existe plus »
uri: la-loi-ça-existe-plus
url: http://lehollandaisvolant.net/?d=2015/12/03/21/29/32-la-loi-ca-existe-plus
content:
(<a href="https://zad.nadir.org/spip.php?article3286">titre tiré de là</a>)<br/>
<br/>
<br/>
Les gens sont détenus de façon arbitraire <a href="http://www.liberation.fr/france/2015/12/03/belge-a-dreadlocks-elle-passe-quarante-huit-heures-en-retention_1418020">pour une barbe ou un sac à dos</a> ; menacés d’être expulsés pour les plus chanceux (expulsés pour les moins chanceux, j’imagine) ; <a href="http://www.islamophobie.net/articles/2015/12/03/%C2%AB-ahahah-c%E2%80%99est-la-tempete-%C2%BB-un-appartement-saccage-durant-une-perquisition">des maisons ou des entreprises saccagées</a>, <a href="https://twitter.com/Maitre_Eolas/status/672480598645153792">raflées</a><a href="https://fr.wikipedia.org/wiki/Rafle">*</a> ; les citoyens <a href="http://nota-bene.org/Violence-banale">battus</a> et <a href="http://www.lexpress.fr/actualite/a-republique-un-crs-m-a-dit-ta-gueule-on-va-te-niquer_1741238.html">insultés</a> en public par la police ; les rassemblements et manifestations <a href="https://paris-luttes.info/paris-20-interpellations-au-fusil-4410?lang=fr">décimées avec des armes</a> ; des gens <a href="http://www.leparisien.fr/espace-premium/actu/paroles-d-assignes-26-11-2015-5313217.php">enfermés chez eux</a>, parfois <a href="http://www.revolutionpermanente.fr/Repression-Le-gouvernement-assigne-a-residence-un-militant-de-la-Coalition-climat">pour des raisons politiques</a> ; <a href="http://lehollandaisvolant.net/?id=20151201174128">des milices formées</a><a href="https://fr.wikipedia.org/wiki/Milice">*</a>.<br/>
<br/>
<br/>
Oh non, je ne parle pas de l’URSS sous Staline ou de la dictature nord Coréenne.<br/>
Je parle de la France sous Hollande, en 2015.﻿<br/>
<br/>
Vive l’État d’urgence, hein ?<br/>
<br/>
Une liste plus complète de ce qui se passe <a href="https://wiki.laquadrature.net/%C3%89tat_urgence/Recensement">se trouve là</a>, <a href="http://www.nextinpact.com/news/97562-la-france-prepare-nouveau-tour-vis-securitaire.htm">ça va bientôt empirer</a> et <a href="http://www.lemonde.fr/attaques-a-paris/article/2015/12/01/manuel-valls-n-ecarte-une-nouvelle-prolongation-de-l-etat-d-urgence_4821162_4809495.html">ça risque de devenir la norme</a>.<br/>
<br/>
<br/>
(* non les mots ne sont pas choisis au hasard. Ils sont choisis pour ce qu’ils désignent.)


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151205194824
title: Utiliser Free Wifi en illimité avec FreeMobile
uri: Utiliser-Free-Wifi-en-illimité-avec-FreeMobile
url: http://lehollandaisvolant.net/?d=2015/12/05/19/48/24-utiliser-free-wifi-en-illimite-avec-freemobile
content:
Les forfaits <strong>FreeMobile</strong>, que ce soit celui à 2€ ou celui à 19€ intègrent (depuis toujours) la possibilité de se connecter gratuitement à tous les <strong>hotspot wifi de Free</strong> depuis votre smartphone.<br/>
<br/>
En quelques mots, il s’agit en fait d’un réseau constitué de toutes les freebox de tous les abonnés Free. Ça donne ainsi aux abonnés Free (mobile ou fixe) la possibilité d’utiliser le Wifi n’importe où. Si vous avez vous-même une freebox, sachez que le propriétaire de la freebox reste prioritaire en terme de débit internet. Aucun risque donc de voir sa connexion vidée par les clients Free qui passent par là.<br/>
<br/>
Orange, Bouygues et les autres ont aussi un réseau similaire, fonctionnant différemment (je trouve dommage que les opérateurs n’unifient pas tous leurs hotspots pour un réseau Wifi plus étendu pour tous).<br/>
<br/>
Si vous êtes sur FreeMobile et que vous voulez vous connecter au réseau FreeWifi, il faut partir à la recherche des réseaux wifi «&nbsp;<strong>FreeWifi_secure</strong>&nbsp;» :<br/>
<br/>
<img src="media/a8f0f350.free-wifi-secure.png" data-original-source="http://lehollandaisvolant.net/img/bd/free-wifi-secure.png" alt="cliquez sur le réseau « FreeWifi_secure »" width="480" height="356" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Pour s’y connecter, commencez par cliquer dessus.<br/>
Ici, il n’y a <strong>pas de mot de passe à taper</strong> car <strong>la connexion se fait au moyen de votre carte sim</strong>, qui constitue votre méthode d’identification. Il faut tout de même sélectionner soi-même cette méthode :<br/>
<br/>
<img src="media/ad9ce07d.free-wifi-secure.png" data-original-source="http://lehollandaisvolant.net/img/96/free-wifi-secure.png" alt="Affichez les options avancées, choisissez la méthode « sim » puis votre carte sim Free" width="442" height="802" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Commencez par afficher les « <em>options avancées</em> ». Parmi les options de « <em>Méthode EAP</em> », choisissez « <em>SIM</em> ». Ensuite, cliquez sur « Fente SIM », puis sélectionnez la fente sim correspondant à votre carte FreeMobile (dans le cas où votre téléphone est multi-sim).<br/>
<br/>
Il ne vous reste plus qu’à vous connecter en cliquant sur « <em>Connecter</em> ».<br/>
Vous voilà connecté au réseau FreeWifi :<br/>
<br/>
<img src="media/be46420f.free-wifi-secure.png" data-original-source="http://lehollandaisvolant.net/img/45/free-wifi-secure.png" alt="vous êtes connectés" width="480" height="240" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Vous pouvez maintenant surfer en illimité et gratuitement.<br/>
La connexion se fera de façon automatique toutes les prochaines fois où vous passez à côté d’un hotspot FreeWifi.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151206121152
title: Les risques du Wifi gratuit non-sécurisé
uri: Les-dangers-du-Wifi-gratuit-non-sécurisé
url: http://lehollandaisvolant.net/?d=2015/12/06/12/11/52-les-risques-du-wifi-gratuit-non-securise
content:
Il peut être pratique d’avoir un réseau Wifi ouvert à proximité. On en trouve d’ailleurs de plus en plus : gares, cafés, terrasses, centres commerciaux…<br/>
C’est cool…<br/>
<br/>
… et risqué…<br/>
… sur plusieurs plans.<br/>
<br/>
<br/>
Déjà,  qui dit « <em>réseau Wifi ouvert</em> » dit « <em>réseau Wifi non sécurisé</em> », et donc pas non plus chiffré : du coup, toutes vos données transitent en clair dans les air. Et croyez-moi, <strong>capter tout ce qui transite en Wifi est très simple</strong> : certains programmes, y compris sur mobile, le font automatiquement.<br/>
Une fois captées, les données peuvent être exploitées : on peut y rechercher les mots de passe, les adresses emails, les URL visités et même les photos partagées ou les fichiers téléchargés.<br/>
<br/>
Heureusement, de plus en plus de sites web se mettent au HTTPS, c’est à dire qu’ils incluent un protocole de chiffrement directement entre le navigateur et le site. Ceci empêche une personne de lire vos mots de passes ou les URL visitées, même si le réseau Wifi n’est pas chiffré.<br/>
<br/>
Sauf que j’ai dit que les <em>sites web</em> se mettaient au HTTPS. Pas forcément les applications : un grand nombre d’applications sont mal sécurisées et toutes les données sont toujours envoyées en clair. Dans le pire des cas, un pirate peut même modifier les requêtes qu’il capte et vous renvoyer une réponse également modifié. Vous pensez alors télécharger une mise à jour pour votre téléphone alors qu’en fait vous téléchargez une application malveillante.<br/>
<br/>
<strong>Ceci est le premier problème des réseaux Wifi ouverts : la sécurité des données.</strong><br/>
<br/>
<br/>
Ensuite, un autre problème c’est la gratuité : « <em>si c’est gratuit, vous-êtes le produit</em> », vous vous souvenez ?<br/>
Vous pensez peut-être que le centre commercial ou le restaurant qui met en place le réseau Wifi se fiche que vous visitiez telle ou telle URL, et bien détrompez-vous : aussi bien le site visité que le propriétaire de la borne Wifi trouvent leur comptes dans ces informations, qui sont très utiles pour les mesures d’audiences et de préférence.<br/>
<br/>
N’oubliez pas que votre téléphone possède une adresse unique (adresse Mac) et que le propriétaire du routeur peut ainsi savoir exactement par quels réseaux Wifi vous êtes passés et donc savoir quels restaurants vous préférez et dans quels centre commerciaux vous faites vos courses.<br/>
Pour le propriétaire du routeur, qui peut aussi afficher de la publicité sur ses pages de connexion, ceci est une aubaine : la publicité fonctionnera très bien s’il affiche des promotions pour votre restaurant ou votre centre commercial en particulier. Alors oui, vous direz que ça vous fait des économies… Mais réfléchissez-y : avez-vous vraiment prévu d’aller dépenser 50€ au restau avant la date d’expiration du code promo ? Pas sûr. Au final vous dépensez d’avantage.<br/>
Et bien sachez que c’est de cette façon que fonctionne le business des réseaux Wifi gratuit et ouvert. L’avantage du réseau ouvert ici c’est que tous les téléphones qui passent à proximité se connectent automatiquement et ça fait donc d’autant plus de données captées sur d’autant plus de clients potentiels (un passant qui passe tous les jours devant un restaurant sera plus susceptible de s’y arrêter pour manger s’il se retrouvait avec un code promo trouvé sur un site web).<br/>
<br/>
<strong>C’est là le second problème des réseaux Wifi ouverts : <a href="http://www.silicon.fr/les-operateurs-de-wifi-publics-sermonnes-par-la-cnil-104645.html">l’intrusion dans la vie privée</a> des gens pour les besoins de la publicité.</strong><br/>
<br/>
Enfin, et beaucoup plus fourbe : certains magasins mettent des points d’accès Wifi un peu partout. C’est discret, ça semble utile pour vous mais ça permet de vous traquer quand même. Le magasin sait alors exactement où vous vous trouvez, devant quel produit vous hésitez et sait comment vous traversez le magasin. Dans un but d’optimisation des ventes et le placement des produits sur les rayons, c’est une aubaine. Et en plus vous les remerciez pour le Wifi.<br/>
<br/>
Mais rassurez-vous, si <a href="http://www.networkworld.com/article/2925590/microsoft-subnet/smartphone-location-tracking-via-wi-fi-signals-and-via-motion-sensors-for-subway-riders.html">le tracking par Wifi</a> est une réalité, <a href="http://www.computerweekly.com/news/4500253499/Almost-30-of-retailers-use-facial-recognition-technology-to-track-consumers-in-store">de plus en plus de magasins passent désormais par la reconnaissance faciale</a> avec des caméras planqués dans les rayons, pour trouver qui achète quoi, quand et où.<br/>
<br/>
<strong>Et ça, c’est le 3e problème des réseaux Wifi ouverts : le tracking des gens.</strong><br/>
<br/>
<br/>
Il y a évidemment des solutions simples à tout ça.<br/>
<br/>
Si vous voulez utiliser un réseau Wifi quand vous n’êtes pas chez vous, privilégiez les hotspot des FAI (comme <a href="http://lehollandaisvolant.net/?d=2015/12/05/19/48/24-utiliser-free-wifi-en-illimite-avec-freemobile">FreeWifi</a> pour les abonnés Free)&nbsp;: au moins ceux-ci sont chiffrés et vous protègent des intrusions. <br/>
<br/>
Pour les données, les mots de passes qui transitent et vos liens visités qui fuitent, utilisez un VPN sur votre téléphone&nbsp;: de cette façon toutes les données sont chiffrées à partir de votre téléphone jusqu’au serveur VPN. Le propriétaire du réseau Wifi (ou un pirate) ne peut pas capter vos données.<br/>
<br/>
Concernant le tracking et les données <a href="https://tuxicoman.jesuislibre.net/2015/10/tracking-par-les-emissions-wifi-et-bluetooth.html">qui fuitent directement de votre téléphone</a> sans l’aide d’une borne Wifi, il suffit de couper les communications quand vous ne vous en servez pas. De façon générale même, je vous conseille de <strong>couper le Wifi, le GPS et le Bluetooth quand vous ne vous en servez pas.</strong> En plus de protéger votre vie privée, ça sera bon pour l’autonomie de la batterie (<a href="http://lehollandaisvolant.net/?d=2013/10/15/18/27/38-quelques-astuces-pour-lautonomie-sous-android-sans-applications-speciales">très bon, même</a>).<br/>
<br/>
(Merci <a href="http://blog.planete-nextgen.com/">Nicolas, alias Ede42</a> pour l’idée d’article)


feed_id: http://lehollandaisvolant.net/?mode=links&id=20151215165347
title: [CSS] Utiliser des couleurs relatives
uri: CSS-Utiliser-des-couleurs-relatives
url: http://lehollandaisvolant.net/?d=2015/12/15/16/53/47-css-utiliser-des-couleurs-relatives
content:
Le titre n’est pas très clair, je sais.<br/>
Vous vous souvenez qu’il faut utiliser des tailles de polices relatives (em, %, en…) plutôt qu’absolues (px, pt, pc…)&nbsp;? Ceci permet de conserver les échelles de taille de police quand on zoom (deux polices de taille différentes conserveront leur différence de taille quelque soit le zoom).<br/>
<br/>
Ici il s’agit de faire pareil pour les couleurs. Cette astuce va permettre de modifier la couleur principale d’un thème beaucoup plus rapidement.<br/>
<br/>
Imaginons que l’on ait un menu au fond blanc et au texte gris foncé, avec un effet de survol. Au survol, un élément devient gris. Le problème, c’est que le gris rend le texte (déjà grisé) moins lisible&nbsp;:<br/>
<br/>
<img src="media/f565bc16.css-rel-color-1.png" data-original-source="http://lehollandaisvolant.net/img/30/css-rel-color-1.png" alt="the font is barely readable on hover" width="545" height="112" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
<pre>
#menu {
	background: white;
}
#menu li {
	color: #888;
}

#menu li:hover {
	background-color: #aaa;
}</pre>
<br/>
Vous me direz qu’on n’a qu’à ajouter une couleur de texte au survol, aussi, ça résoudrait le problème&nbsp;:<br/>
<br/>
<pre>#menu li:hover {
	background-color: #aaa;
	color: #333;
}</pre>
<br/>
Oui, ça marche bien.<br/>
Mais que se passe t-il si je veux changer la couleur du menu, par exemple passer d’un thème blanc et clair à quelque chose de plus coloré comme du bleu&nbsp;:<br/>
<br/>
<img src="media/641f35a6.css-rel-color-2.png" data-original-source="http://lehollandaisvolant.net/img/8c/css-rel-color-2.png" alt="changing the background alone is not enough" width="545" height="113" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Ici, je n’ai modifié que la couleur de fond du menu, mais le hover reste gris et ça fait moche. Pour bien faire, il faudrait modifier 4 couleurs&nbsp;: la couleur de fond du menu, la couleur de fond lors du survol, la couleur de la police et la couleur de la police lors du survol. <br/>
On a donc <strong>4 choses à modifier simplement pour changer la couleur principale du thème</strong>&nbsp;: ce n’est pas pratique.<br/>
<br/>
Il y a pourtant un moyen de gagner du temps&nbsp;: on peut faire en sorte de modifier seulement la couleur de fond pour répercuter le changement de couleur et de contraste sur toute la chaîne des couleurs.<br/>
L’idée c’est d’utiliser des polices et <strong>des couleurs non pas grises, mais noires semi-transparentes</strong>. Comme ça, si le fond change et devient plus foncé, alors une partie de ce changement sera également répercuté sur la couleur de la police, qui deviendra également plus foncée&nbsp;:<br/>
<br/>
<img src="media/1e6ca846.css-rel-color-3.png" data-original-source="http://lehollandaisvolant.net/img/16/css-rel-color-3.png" alt="hover enhanced lisibility" width="545" height="122" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
<pre>
#menu {
	background: white;
}
#menu li {
	color: rgba(0, 0, 0, .4);
}

#menu li:hover {
	background-color: rgba(0, 0, 0, .3);
}</pre>
<br/>
Et maintenant, il ne suffit de changer que la couleur de fond du menu, et l’ensemble restera toujours lisible et la couleur du hover sera toujours la même que celle du fond, mais en plus foncée. L’ensemble reste donc cohérent&nbsp;:<br/>
<br/>
<img src="media/f6059840.css-rel-color-4.png" data-original-source="http://lehollandaisvolant.net/img/27/css-rel-color-4.png" alt="hover with good colors" width="783" height="268" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
On a donc des couleurs qui ne font que changer de luminosité, en conservant la teinte ainsi que la différence de luminosité. Les couleurs de la police et du hover sont donc relatives à la couleur principale.<br/>
Tout ceci fonctionne très bien avec les couleurs pas trop saturées (typiques du material design ou du flat design) et claires.<br/>
<br/>
Si vous préférez un thème sombre, et un effet de survol qui éclaircit au lieu d’assombrir, vous pouvez utiliser des non pas du noir semi-transparent, mais du blanc semi-opaque.<br/>
<br/>
Le même principe peut être appliqué aux ombres portées, dégradés, bordures…


feed_id: http://lehollandaisvolant.net/?mode=links&id=20160103163039
title: Youtube lent en HTML5 avec Firefox 42+ ?
uri: Youtube-lent-en-HTML5-avec-Firefox-42
url: http://lehollandaisvolant.net/?d=2016/01/03/16/30/39-youtube-lent-en-html5-avec-firefox-42
content:
J’avais fait <a href="http://lehollandaisvolant.net/?d=2015/05/25/12/20/43-firefox-gnulinux-et-flash-a-jour">un tuto pour mettre Flash à jour</a>, mais finalement je me suis totalement passé de Flash. Depuis j’utilise <a href="http://lehollandaisvolant.net/?d=2015/05/25/12/52/08-firefox-gnulinux-youtube-et-html5">les vidéos web en HTML5</a>, quitte à utiliser des codec proprio comme H264. Ça marchait bien… jusqu’à Firefox v42.<br/>
<br/>
Depuis quelques semaines, <strong>le lecteur Youtube HTML5 est incroyablement lent</strong> dans Firefox&nbsp;: la vidéo marche bien, mais dès que je veux changer le son, mettre en pause, mettre en plein écran ou changer la résolution, alors ça laaague et c’est lent.<br/>
<br/>
La solution :<br/>
<br/>
<ul>
<li> allez dans about:config et validez le fait que vous ferez attention.</li>
<li> faites un clic droit puis « Nouvelle > chaîne de caractères ».</li>
<li> Donnez le nom « general.useragent.override » et  en valeur, donnez ça :</li></ul>
<br/>
<pre>Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/47.0.2526.73 Chrome/47.0.2526.73 Safari/537.36</pre>
<br/>
Validez, allez sur Youtube et tout est de nouveau super fluide.<br/>
<br/>
Super hein ?<br/>
<br/>
Vous savez ce que fait la manip ci-dessus ?<br/>
Elle fait croire à Youtube que vous utilisez Chromium, le navigateur qui sert de base à Google Chrome (et qui est développé par Google aussi).<br/>
Pour le dire autrement, Youtube fonctionne bien dans n’importe quel navigateur. Si c’est si lent dans Firefox, c’est juste que Google veut que ce soit lent dans Firefox. <strong>Google : vous êtes des enfoirés.</strong><br/>
<br/>
<br/>
Modifier l’User-Agent de Firefox fonctionne pour Youtube, mais ça risque néanmoins de provoquer des bugs sur d’autres sites. Je conseille donc d’utiliser une extension comme <a href="https://addons.mozilla.org/en-US/firefox/addon/uacontrol/">UA Control</a> qui va pouvoir dire à Firefox de s’identifier comme Chrome(ium) uniquement sur Youtube et normalement partout ailleurs.<br/>
Pour vérifier votre User-Agent et voir si l’extension fonctionne, allez sur mon <a href="http://lehollandaisvolant.net/tout/tools/browser/">détecteur de navigateur</a>.<br/>
<br/>
<br/>
<strong>ÉDIT :</strong> apparemment, <a href="https://www.reddit.com/r/firefox/comments/3z1u5m/youtube_buggy_on_firefox_43x/">je suis ne suis pas le seul</a> chez qui cette manip fonctionne (le post date d’hier).<br/>
<br/>
<strong>ÉDIT&nbsp;:</strong> je continue mes investigations. J’utilise aussi le module <strong>uBlock Origin</strong>, pour bloquer les pub et les scripts tiers. Chose intéressante : si je bloque tous les scripts du domaine "Google.com" sur la page youtube, alors ça marche. Plus besoin de changer l’UA.<br/>
Il s’agit de bloquer ce script en particulier :<br/>
<pre>https://apis.google.com/_/scs/abc-static/_/js/k=gapi.gapi.en.aCET_C1s-Ek.O/m=card,gapi_iframes/rt=j/sv=1/d=1/ed=1/am=AAQ/rs=AItRSTOKextu3QAZfV0s_SKuW3vYp-SZuA/cb=gapi.loaded_0</pre>
C’est ce script qui fait un test sur la chaîne "Gecko", "Webkit" et d’autres — autrement dit, la détection de navigateur. Bloquez ce script et Youtube marche nickel.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20160111191610
title: Dessiner avec de la lumière
uri: Dessiner-avec-de-la-lumière
url: http://lehollandaisvolant.net/?d=2016/01/11/19/16/10-dessiner-avec-de-la-lumiere
content:
Ce post est un peu différent du reste de mes articles, mais si vous voulez bricoler ou vous amuser (y compris avec des enfants) avec de la peinture et des lasers continuez la lecture.<br/>
<br/>
Ça fait un moment que j’ai fait mon bricolage, mais l’article est écrit suite à la lecture ce cet <a href="http://slowbrain.net/?p=576">article de SlowBrain sur le Light Painting</a> : il s’agit d’utiliser un appareil photo en exposition longue devant un mur et d’utiliser un pointeur laser sur ce mur.<br/>
L’exposition allongée dans le temps va capter le trait fait par le point du laser. Le dessin qui arrive sur la photo n’est donc pas visible à l’œil nu.<br/>
<br/>
Ce que j’ai fait, c’est un moyen pour justement voir ce trait à l’œil, en utilisant une peinture phosphorescente et un laser. Le dessin fait au laser sera éphémère, mais on pourra le voir à l’œil nu et s’amuser avec.<br/>
C’est assez amusant et il y a même quelques remarques scientifiques à tirer de tout ça aussi, notamment en physique quantique.<br/>
<br/>
<h3>Matériel</h3>
<br/>
<img src="media/2ab61288.materiel-lightpaint.jpg" data-original-source="http://lehollandaisvolant.net/img/12/materiel-lightpaint.jpg" alt="le matériel pour faire du lightpainting phosphorescent avec un laser" width="1200" height="778" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Il vous faut un peu de matériel :<br/>
<br/>
<ul>
<li> une feuille de papier</li>
<li> un pinceau</li>
<li> un pointeur de laser bleu ou violet (la couleur <em>est</em> importante)</li>
<li> de la peinture phosphorescente</li></ul>
<br/>
Il vous faut aussi un évier et de l’eau pour laver le pinceau à la fin.<br/>
<br/>
Le pointeur laser bleu est trouvable sur le net (<a href="http://www.ebay.com/itm/331551559497">eBay</a>, 2 $, FdPIn). Peu importe sa puissante, du moment qu’il soit bleu ou violet.<br/>
La peinture phosphorescente est trouvable dans une boutique de maquillage ou de déguisements (Halloween…). Mon produit est acheté sur le net (<a href="http://www.amazon.fr/gp/product/B00972HTVA">Amazon</a>, ~7 €, FdPEx) et c’est à la base prévu comme teinture phosphorescente temporaire pour les cheveux (si si : ça brille bien sous la lumière noire en boîte).<br/>
<br/>
<h3>Préparation</h3>
<br/>
Il s’agit ici de peindre entièrement et uniformément la feuille avec la peinture phosphorescente.<br/>
<br/>
Ma peinture étant transparente à l’état normale, il est difficile de voir où on en a mis et où il n’y en a pas : l’astuce est de mettre la peinture sous la lumière et de peindre dans le noir.<br/>
<br/>
<img src="media/cc8f4329.lightpaintrendering.jpg" data-original-source="http://lehollandaisvolant.net/img/96/lightpaintrendering.jpg" alt="peinture phosphorescente" width="1200" height="450" style="max-width: 100%; height: auto;" class="centrerinline"/>
<br/>
N’hésitez pas à en mettre beaucoup : il vous faudra probablement mettre 2 ou 3 couches sur la feuille blanche (avec un séchage de quelques heures entre chaque couche).<br/>
<br/>
Pour tout dire, j’ai presque mis la totalité de mon tube de 100 mL sur une feuille de dimension A4.<br/>
Pour aller plus vite, il existe probablement aussi des bombes de peinture phosphorescentes et du papier peint directement phosphorescent, mais c’est moins amusant.<br/>
<br/>
<h3>Jouer avec !</h3>
<br/>
Une fois que la peinture est sèche, il suffit de jouer au laser bleu dessus :<br/>
<br/>
<img src="media/bf6b75d9.light-painting-laser.jpg" data-original-source="http://lehollandaisvolant.net/img/db/light-painting-laser.jpg" alt="light painting with a laser" width="1200" height="900" style="max-width: 100%; height: auto;" class="centrerinline" />
<img src="media/6c82f46f.light-painting-laser.jpg" data-original-source="http://lehollandaisvolant.net/img/45/light-painting-laser.jpg" alt="light painting with a laser" width="1200" height="900" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Selon la qualité (et la quantité) de peinture, le dessin s’estompera plus ou moins rapidement et même à vu d’œil. N’oubliez pas d’éteindre la lumière : une lueur estompée dans une pièce éclairée et encore parfaitement visible dans une pièce sombre.<br/>
<br/>
<h3>Comment ça marche ? Pourquoi il faut un laser bleu ?</h3>
<br/>
La phosphorescence n’est pas à confondre avec la fluorescence.<br/>
Un gilet de sécurité jaune qui brille quand on l’éclaire ou <a href="http://couleur-science.eu/?d=2014/08/23/20/41/50-pourquoi-les-chaussettes-blanches-paraissent-si-lumineuses-sous-la-lumiere-noire">vos chaussettes blanches qui brillent sous la lumière noire</a>, c’est la fluorescent : ils arrêtent de briller aussitôt qu’on éteint la lumière.<br/>
<br/>
La phosphorescence, c’est quand l’objet continue de briller plusieurs minutes voire plusieurs heures dans le noir après avoir « absorbé » de la lumière.<br/>
<br/>
Le principe complet est expliqué en détail dans mon article : <a href="http://lehollandaisvolant.net/?d=2011/06/24/15/18/34-la-difference-entre-phosphorescence-et-fluorescence">La différence entre phosphorescence et fluorescence</a>.<br/>
Pour faire vite, disons que <strong>la matière absorbe la lumière et la réémet</strong>. Dans le cas de la phosphorescence, la matière — les électrons en fait — s’excitent et stockent de l’énergie lumineuse qu’elles libèrent un peu plus tard, sous la forme de lumière (verte ici).<br/>
<br/>
Si un laser bleu fonctionne et non un laser vert ou rouge, c’est une question d’énergie : la lumière bleue est plus énergétique que la lumière verte ou rouge. En fait, la lumière bleue est la seule des trois qui soit suffisamment énergétique pour exciter la peinture phosphorescente : seule la lumière bleue peut-être emmagasinée par la peinture et réémise plus tard.<br/>
<br/>
C’est la même <a href="http://couleur-science.eu/?d=2013/05/06/23/55/04-pourquoi-le-verre-est-il-transparent">raison qui fait que le verre est transparent</a>, mais que l’acier ou le papier sont opaques : la lumière visible n’est pas assez énergétique pour être absorbée par le verre et elle passe donc au travers. L’acier et le papier sont en constitués (chimiquement) de telle sorte que la lumière visible est absorbée : elle ne peut pas les traverser et ces deux matériaux ne sont donc pas transparents.<br/>
<br/>
<br/>
<strong>Note :</strong> si vous faites ceci avec des enfants (ce que je conseille : c’est amusant), prenez soin de ne pas les laisser regarder dans le faisceau laser directement (c’est dangereux, surtout la lumière bleue très énergétique).<br/>
Dans ce cas, il est conseillé de porter des lunettes qui filtrent la lumière bleue (<a href="http://www.ebay.com/itm/121605472492">comme celle là</a>, filtrant le domaine spectral qui inclut la longueur d’onde de votre laser, typiquement de 405 nm pour le bleu).


feed_id: http://lehollandaisvolant.net/?mode=links&id=20160116132906
title: Windows 7/8 : bloquer les mises à niveau vers Windows 10
uri: Windows-7-8-bloquer-les-mises-à-niveau-vers-Windows-10
url:
http://lehollandaisvolant.net/?d=2016/01/16/13/29/06-windows-78-bloquer-les-mises-a-niveau-vers-windows-10

content:
<p>Microsoft nous emmerde encore pour forcer le passer vers Windows 10. Ça fait des mois que ça dure mais ils ne semblent pas s’en lasser.</p>

<p>Avant de bloquer totalement les mises à jours pour éviter W10, voici un récapitulatif des mises à jours Windows qui sont à bloquer pour le moment&nbsp;:</p>

<ul><li> Sous Windows 7&nbsp;: KB3035583, KB2952664, KB3021917, KB2990214, KB2977759, </li><li> Sous Windows 8&nbsp;: KB3035583, KB2976978, KB3044374, KB3112336</li></ul>

<p>Je vous conseille de vérifier les mises à jour de façon automatique, mais de ne les installer que manuellement et de les vérifier une par une&nbsp;: mêmes masquées et désactivées, ces mises à jours réapparaissent régulièrement.</p>

<p>Pour les supprimer, ouvrez le bloc-note (notepad.exe), copiez-collez ceci&nbsp;:</p>

<pre>echo Uninstalling KB3035583
start /w wusa.exe /uninstall /kb:3035583 /quiet /norestart
echo Uninstalling KB2952664
start /w wusa.exe /uninstall /kb:2952664 /quiet /norestart
echo Uninstalling KB3021917
start /w wusa.exe /uninstall /kb:3021917 /quiet /norestart
echo Uninstalling KB2990214
start /w wusa.exe /uninstall /kb:2990214 /quiet /norestart
echo Uninstalling KB2977759
start /w wusa.exe /uninstall /kb:2977759 /quiet /norestart
echo Uninstalling KB2976978
start /w wusa.exe /uninstall /kb:2976978 /quiet /norestart
echo Uninstalling KB3044374
start /w wusa.exe /uninstall /kb:3044374 /quiet /norestart
echo Uninstalling KB3112336
start /w wusa.exe /uninstall /kb:3044374 /quiet /norestart
echo Disabling GWX in Registry
reg add HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows\Gwx /v DisableGwx /t REG_DWORD /d 1</pre>

<p>enregistrez le fichier sur le bureau sous le nom <strong>w10fix.bat</strong> (n’oubliez pas de changer le type du fichier à «&nbsp;*.* tous les fichiers&nbsp;»), double-cliquez dessus et attendez que ça se passe&nbsp;: la fenêtre se fermera une fois que tout sera supprimé.</p>

<p>En plus des mises à jour, ce script ajoute une clé du registre qui bloque GWX. Pour le moment, ceci a suffit pour repousser le passage à Windows 10. Mais pour combien de temps encore, je ne sais pas.</p>

<p>J’essayerai de maintenir cette page à jour au fur et à mesure que Microsoft voudra forcer ces mises à jours stupides.</p>

<p>Sources&nbsp;:</p>

<ul><li> <a href="https://gist.github.com/xvitaly/eafa75ed2cb79b3bd4e9#file-remove_crw-cmd">Remove telemetry updates for Windows 7 and 8.1</a></li><li> <a href="http://korben.info/desactiver-mise-a-jour-windows-10.html">Comment désactiver la mise à jour automatique vers Windows 10</a></li><li> <a href="http://www.comptoir-hardware.com/actus/software-pilotes/30627-la-mise-a-jour-kb2952664-veut-vous-faire-passer-a-windows-10.html">La mise à jour KB2952664 veut vous faire passer à Windows 10</a></li><li> <a href="https://answers.microsoft.com/en-us/windows/forum/windows_10-win_upgrade/i-dont-want-windows-10-ive-even-deliberately-not/c3ca51ea-b4f4-480b-a6c9-92fac903eecb?page=2&amp;auth=1">I don't want Windows 10 - I've even deliberately not installed the KB3035583 yet I've still got the notification</a></li></ul>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20160114194626
title: Retour d’un Linux-User
uri: Retour-d-un-Linux-User
url: http://lehollandaisvolant.net/?d=2016/01/14/19/46/26-retour-dun-linux-user
content:
<p>Cet article est un petit retour d’expérience personnel à propos de mon usage de Linux, depuis des années.<br />
Il est également une réflexion par rapport à ce post sur Reddit&nbsp;: «&nbsp;<a href="https://www.reddit.com/r/linux/comments/3uy3we/linux_users_are_arrogant/">Linux users are arrogant...</a>&nbsp;».</p>

<p>Si je devais décrire mon passage de Windows à Linux, je dirais que je suis passé par trois étapes. Trois stades.<br />
J’ai commencé sous Windows 98 en 2005 (on n’a pas tous eu un ordi à 10 ans). L’ordi est mort après 1 an (mon Pentium 1 a grillé). J’ai acheté un pc portable sous XP peu après, en 2006.</p>

<p>Je suis resté sous XP environ 2 ans, avant de jeter Windows par la fenêtre et de passer sous Ubuntu 8.04 sur un coup de tête durant l’été 2008.<br />
XP n’avait aucun secret pour moi&nbsp;: j’allais jusqu’à éditer des fichiers DLL pour faire ce que je voulais. Ubuntu par contre, c’était nouveau. J’avais déjà été voir sous Ubuntu 7.04, pour voir ce que c’était, ainsi que quelques autres distributions (Fedora, Mandriva, OpenSuSE…), mais je ne l’avais jamais utilisé pour un usage normal.</p>

<p><strong>C’est la première phase&nbsp;:</strong> on s’inscrit sur tous les forums et on pose toutes les questions qu’on a.<br />
Évidemment, un tel ouistiti se fait rapidement fermer sa gueule à coup de PDF «&nbsp;<em>Simple Comme Ubuntu</em>&nbsp;» ou «&nbsp;<em>Linux pour les novices</em>&nbsp;». Du coup, j’ai fermé ma gueule et j’ai lu.<br />
En fait, j’ai bien fait&nbsp;: le truc cool après la lecture c’est qu’on n’a plus de questions et que tout est clair.</p>

<p>Par contre on a toujours quelques bugs sur l’ordi, mais on sait comment les poser&nbsp;: on ne dit plus «&nbsp;<em>Le son marche pas. 7.04. Portable Asus</em>&nbsp;», mais on donne plus d’info&nbsp;: modèle du PC, modèle de la carte son, version du kernel… Ah et bien-sûr, on a cherché sur Google avant.</p>

<p>Heureusement, quand le son ne marchait pas dans mon cas, une personne sur CCM avait le même ordi, le même kernel et a trouvé une solution&nbsp;: une ligne dans un fichier et un reboot. À ce moment là, c’est encore de la magie pour moi, mais ça marchait.</p>

<p><strong>La deuxième phase arrive là&nbsp;:</strong> on commence à utiliser un peu la ligne de commande, à tester des trucs, à comprendre ce qui marche ou pas, quel fichier fait quoi…<br />
On passe aussi du temps à chercher et à aider les autres sur les forums. Et… on passe une bonne partie à faire de la pub et à dire que Linux c’est bien et que Windows ça pue.</p>

<p>Ce n’est pas toujours par pur troll&nbsp;: c’est plutôt par le fait d’avoir découvert un truc tellement bien, tellement cool, tellement mieux que Windows. On a vu la lumière, ça nous rend détestable, mais ça finit par passer.</p>

<p>C’est durant cette phase que j’ai commencé à tenir un site (ayant découvert la CLI et les commandes Bash, on se tourne vers la prog ou, dans mon cas, vers le HTML/PHP). D’ailleurs, au début je faisais pas mal de sujets à troll pro-linux. J’en fais beaucoup moins désormais.</p>

<p><strong>C’est la troisième phase&nbsp;:</strong> on utilise maintenant Linux tous les jours, on a trouvé un système convenable, 100% configuré à notre goût et à nos besoins. On a trouvé une recette pour avoir un ordinateur qui fonctionne.</p>

<p>On passe moins de temps à bidouiller (si tout fonctionne, pourquoi s’entêter&nbsp;?) et on découvre moins de choses nouvelles. On passe aussi moins de temps à aider les autres sur les forums&nbsp;: ben oui&nbsp;: raz le bol de donner des liens vers «&nbsp;<em>Simple Comme Ubuntu</em>&nbsp;» à des n00b qui veulent pas fermer leur gueule et utiliser google ;).</p>

<p>Par contre, ayant un site web, je me dis que tout ce que je note sur mon cahier à propos des commandes Linux utiles, ben ça peut parfois resservir pour nous, mais aussi pour les autres. Du coup, on publie des astuces, des tutos, des formulaires… La différence avec les forums, c’est que maintenant les astuces sont parfois hyper-spécifiques. Mais qu’importe&nbsp;: on pose ça en ligne.</p>

<p>On est moins con aussi&nbsp;: on tape moins sur Windows. Parfois même on se surprend à utiliser Windows pour jouer car il faut l’avouer, avant l’arrivée de Steam les jeux sous Linux c’était très limité. On tape également moins sur les utilisateurs&nbsp;: à juste titre on dit souvent simplement «&nbsp;<em>'sais pas, 'pas Windows. 'peut pas t’aider.</em>&nbsp;». Par contre on aide toujours ceux qui veulent essayer Linux et qui ont la même patience que nous (ça se voit tout de suite&nbsp;: si il lit «&nbsp;<em>Simple Comme Ubuntu</em>&nbsp;» sans broncher, alors c’est un bon ptit gars), et ceux qui souhaitent apprendre en plus de vous laisser réparer l’ordinateur.</p>

<p>Mais au final, la gue-guerre Windows-Linux on se rend compte que c’est débile.<br />
Au fond on sait que Windows c’est une perte de temps, tout comme troller et essayer de convaincre des gens pas motivés (qui est une perte de temps bien souvent bien plus grande). Du coup ça passe.</p>

<p>On est bien avec ce qu’on a et on finit par être Linuxien à l’intérieur mais «&nbsp;osef&nbsp;» de l’extérieur. Car au fond, on en a marre de supprimer des tool-bar à la con et des virus à des gens qui <a href="http://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs">ne savent pas utiliser ni un ordinateur ni Windows</a> ou qui ne cherchent pas à comprendre.<br />
On est sous Linux, tranquille et c’est bien&nbsp;: j’y trouve mon compte. Si d’autres trouvent leurs comptes ailleurs, tant mieux aussi.</p>

<p>—</p>

<p>Pour en revenir à l’article initial&nbsp;: je ne sais pas si c’est de l’arrogance. Je dirais plutôt que c’est la vérité.<br />
Windows est installé sur 90% des ordinateurs et Linux sur environ 0%.</p>

<p>Donc forcément, il y a plus de chances qu’un novice utilise Windows que Linux, et que Linux soit utilisé par quelqu’un d’expérimenté, vu qu’il aura déjà traîné sur le net et qu’il est tombé "par hasard" sur une page parlant de Linux et qu’il a voulu essayer : graver un fichier ISO, booter dessus… rien que ça n’est pas donné à tout le monde et si vous le faites, vous êtes déjà dans la catégorie des utilisateurs avancés (j’espère que les Linuxiens beaucoup plus barbus que moi ne l’oublient pas&nbsp;: oui vous en savez plus que nous, mais c’est pas une raison de nous prendre pour des demeurés).</p>

<p>Le problème avec le novice sous Windows, c’est que personne ne lui dit rien&nbsp;: <strong>les ordinateurs sont vendus avec Windows, mais sans manuel d’entretien</strong>. Or un ordinateur, ça demande de l’entretien&nbsp;: si vous ne le faites pas, il devient lent, «&nbsp;ça rame&nbsp;», il plante, le disque dur déborde et plus rien ne marche.<br />
Et de ce côté là, Windows est un mauvais élève et Linux un bon élève&nbsp;: Windows fragmente le disque et laisse traîner des fichiers partout, alors que Linux fait tout pour éviter la fragmentation et supprimer régulièrement les fichiers inutiles.</p>

<p>En plus de ça, pour chaque problème sous Linux il y a une ligne de commande (c’est à peine exagéré : tout peut-être convertit en ligne de commande). La ligne de commande peut rebuter, mais au moins ça fonctionne et n’a pas besoin de manuel d’instruction&nbsp;: tu ouvres le terminal, tu copies-colle la ligne de commande, tu valides et c’est bon&nbsp;: le problème est résolu.<br />
Quel que soit la ligne de commande, on fait pareil&nbsp;: copier-coller, valider, et c’est bon.</p>

<p>Windows nous cache la ligne de commande (car il en a une aussi !) : elle n’est pratiquement pas là et très peu utilisé. Du coup, il faut des logiciels compliqués pour résoudre des problèmes simples.<br />
Le résultat est que les gens s’y perdent et ne résolvent plus les problèmes et les laissent s’accumuler jusqu’à ce que l’ordinateur soit bon à remplacer (alors qu’il suffit d’un coup de «&nbsp;balai virtuel&nbsp;» pour qu’il fonctionne comme au premier jour).</p>

<p>Si vous vous demandiez pourquoi il n’y a pas de manuel d’entretien avec votre ordi ou votre Windows&nbsp;: c’est évidemment mieux pour la consommation et l’économie de racheter un nouvel ordinateur tous les 6 mois, une fois que le précédent est trop lent.</p>

<p>Dire «&nbsp;<em>je ne sais pas comment faire, mais ça serait plus simple sous Linux</em>&nbsp;», ce n’est pas infondé. Ce que je raconte ci-dessus n’est qu’un exemple.<br />
Libre à vous d’y voir de l’arrogance quand-même, mais alors j’y verrais de l’ignorance chez vous&nbsp;: c’est vous qui demandez de l’aide pour utiliser votre Windows, pas moi. Mon ordinateur ne rame pas, ne chauffe pas, ne plante pas, malgré le fait que ça fait juste 5 ans que je trimbale le même disque dur et les mêmes fichiers, y compris la configuration.</p>

<p>PS : inutile de me dire que votre ordinateur ne marche pas sous Linux, que le bluetooth déconne ou que le Wifi ne marche pas. Si vous voulez Linux absolument, commencez par acheter un ordinateur qui le permette. On n’exige pas d’un ordinateur vendu sous Windows qu’il puisse faire tourner Linux, comme on n’exige pas d’une voiture de course qu’elle puisse labourer un champ de maïs. Si on veut labourer un champ, il faut un tracteur.<br />
Ici c’est pareil : <a href="http://lehollandaisvolant.net/?d=2015/02/12/18/56/43-la-compatibilite-linux-des-pc">pour Linux il faut du matériel Linux, point</a>.</p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20160118160148
title: Captvty attaqué par RTS
uri: Captvty-attaqué-par-RTS
url: http://lehollandaisvolant.net/?d=2016/01/18/16/01/48-captvty-attaque-par-rts
content:
<p>Après avoir essuyé des <a href="http://lehollandaisvolant.net/?d=2013/07/17/13/07/31-captvty-logiciel-de-visionnage-des-replay-mis-en-demeure-par-tf1">plaintes de TF1</a> <a href="http://lehollandaisvolant.net/?d=2014/07/12/17/52/31-mise-en-demeure-de-captvty-ca-recommence-cette-fois-avec-canal-et-toujours-aussi-peu-de-preuves">puis de Canal+</a>, <strong><a href="http://captvty.fr/">Captvty</a></strong> est maintenant attaqué par la RTS (Radio Télévision Suisse).</p>

<p>Je vous laisse lire le PDF, avec le courrier de la RTS à Captvty et la réponse de Captvty : <a href="media/b5a0ffb5.rts-captvty.pdf" data-original-source="http://lehollandaisvolant.net/files/rts-captvty.pdf" />rts-captvty.pdf</a>.</p>

<p>Comme d’habitude, toujours les mêmes affirmations des chaînes de TV :</p>

<ul><li> Captvty propose le téléchargement des émissions de TV</li><li> Captvty pirate le flux vidéo des chaînes de TV</li><li> Captvty viole le droit d’auteur</li></ul>

<p>Et blablabla : tout ça c’est c’est <strong>totalement faux</strong>.</p>

<p>Captvty n’est qu’un agrégateur de flux de streaming qui sont proposés par les chaînes TV elles-mêmes. Ils donne l’adresse du flux à l’utilisateur, mais le fichier vidéo de l’émission de TV n’est jamais passé par le site de Captvty : il reste sur le site de la chaîne de TV. En outre, les flux vidéos étant distribués en clair par les chaînes de TV, Captvty ne pirate rien du tout et ne fait aucun cassage de DRM ou quoi que ce soit de ce type.</p>

<p>Aussi, comme les autres fois, les chaînes de TV ont également contacté l’hébergeur du site de Captvty, OVH en l’occurrence, en espérant sans doute que ce dernier bloque le site de Captvty sans broncher (comme si ça allait empêcher quoi que ce soit&nbsp;: le logiciel est hébergé sur des centaines de sites…). Heureusement OVH sait plutôt bien résister (il semble l’avoir fait jusqu’à maintenant — ce qui est une bonne chose à savoir aussi) et ceci évidemment car Captvty n’enfreint aucune loi et que les attaques qu’ils essuient si régulièrement sont infondées (déclarations fausses de la part des chaînes de TV).</p>

<p>Car d’un point de vu légal (en France, du moins), ni les chaînes de TV ni les ayants-droit, ni les auteurs des œuvres impliquées ne peuvent vous empêcher de récupérer une vidéo diffusée librement à la TV, que ce soit en téléchargement direct ou en streaming. Ils ne peuvent même pas utiliser de DRM sur ces flux :</p>

<blockquote>Les éditeurs et les distributeurs de services de télévision ne peuvent recourir à des mesures techniques qui auraient pour effet de priver le public du bénéfice de l'exception pour copie privée, y compris sur un support et dans un format numérique</blockquote>

<p>(<a href="http://www.legifrance.gouv.fr/affichCodeArticle.do?cidTexte=LEGITEXT000006069414&amp;idArticle=LEGIARTI000020740176">Art. L.331-9</a> du CPI)</p>

<blockquote>Lorsque l’œuvre a été divulguée, l’auteur ne peut interdire&nbsp;:<br />
1° Les représentations privées et gratuites effectuées exclusivement dans un cercle de famille ;<br />
2° Les copies ou reproductions strictement réservées à l’usage privé du copiste et non destinées à une utilisation collective, à l’exception des copies des oeuvres d’art destinées à être utilisées pour des fins identiques à celles pour lesquelles l’oeuvre originale a été créée et des copies d’un logiciel autres que la copie de sauvegarde établie dans les conditions prévues au II de l’article L.122-6-1 ainsi que des copies ou reproductions d’une base de données électronique [...].</blockquote>

<p>(<a href="http://www.legifrance.gouv.fr/affichCodeArticle.do?idArticle=LEGIARTI000025003518&amp;cidTexte=LEGITEXT000006069414">Art. L.122-5</a> du CPI)</p>

<p>Dois-je ajouter que contacter un hébergeur en vu de faire retirer un contenu sans raisons légitimes (en gros : censure abusive) est illégal (Article 6-I-4° de la loi LCEN n°2004-575) ?</p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20160120161414
title: Si, écrire en français avec un clavier AZERTY est possible !
uri: Si-écrire-en-français-avec-un-clavier-AZERTY-est-possible
url:
http://lehollandaisvolant.net/?d=2016/01/20/16/14/14-si-ecrire-en-francais-avec-un-clavier-azerty-est-possible

content:
<p>Il y a pas mal d’effervescence depuis quelques jours concernant le gouvernement qui souhaite avoir un véritable Clavier-Français® <del>made in Taïwan</del>. Comprendre ici qu’ils veulent un clavier qui puisse accentuer les majuscules, taper les guillemets français, les points de suspension et bien d’autres caractères spécifiques à la langue française..<br />
On peut même lire qu’il serait <a href="http://www.lemonde.fr/pixels/article/2016/01/19/avec-le-clavier-azerty-il-est-presque-impossible-d-ecrire-en-francais-correctement_4849787_4408996.html">presque impossible de faire tout ça avec un clavier AZERTY normal</a>.</p>

<p><strong>Euh, 'scusez ? Vous permettez ? J’ai un clavier AZERTY et je sais taper tout ça sans problème.</strong></p>

<p><strong>Ce n’est pas un problème de clavier mais de pilote et de logiciel.</strong></p>

<p>La disposition <strong>Fr-OSS</strong> (ou « français alternatif », « français variante » dans les systèmes d’exploitations…) n’est sûrement pas parfaite non plus, mais elle permet au moins de taper tous les diacritiques minuscules et majuscules, les ligatures, les tirets et l’apostrophe typographiques, les vrais points de suspension, les espaces insécables, les guillemets français "«»", anglais « ” », américains « " » et allemands („), les signes mathématiques (÷×⋅±≠) et plein d’autre choses :</p>

<p><img src="media/78e8e321.french-alternative-layout.png" data-original-source="http://lehollandaisvolant.net/img/french-alternative-layout.png" alt="disposition français alternative" width="757" height="256" style="max-width: 100%; height: auto;" class="centrerinline" /></p>

<p>C’est un coup à prendre pour les utiliser de façon automatique, mais ça existe, c’est possible et pas besoin d’avoir un clavier à 2000 € : <strong>n’importe quel clavier fonctionne</strong>, il suffit du bon logiciel.<br />
C’est <strong>natif sous Linux</strong>, mais il y a des logiciels pour le faire sous Windows (<a href="http://www.rdejeux.net/blog/2016/01/19/4-utilitaires-pour-windows-bien-pratiques">voir là</a> et c’est possible sous OS-X également. Sous Android et iOS c’est là depuis longtemps aussi.</p>

<p>Parce que je les vois déjà venir moi&nbsp;: demain il y aura des claviers approuvés par le ministère (avec mouchard intégré) en tête de gondole dans les rayons de tous les supermarchés au double du prix.<br />
(Mais bon, s’ils avaient préféré Linux (où ces claviers sont actifs par défaut) dans les écoles plutôt que se vendre à Microsoft, peut-être que quelqu’un se serait rendu compte accidentellement qu’on pouvait accentuer les majuscules simplement en appuyant sur une touche)…</p>

<p>Ah et oui : je ne parle même pas du <a href="https://fr.wikipedia.org/wiki/Disposition_b%C3%A9po">BÉPO</a>, qui est une alternative au AZERTY, destinée à faciliter la frappe, à la rendre plus ergonomique et plus rapide. C’est spécialement conçu pour le français et langue française (la disposition AZERTY était prévue pour éviter que les machines à écrire mécaniques ne s’enrayent, sans tenir compte de la fatigue de nos poignets).</p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20160122195009
title: Firefox : créer des boutons pour des fonctions supplémentaires
uri: Firefox-créer-des-boutons-pour-des-fonctions-supplémentaires
url:
http://lehollandaisvolant.net/?d=2016/01/22/19/50/09-firefox-creer-des-boutons-pour-des-fonctions-supplementaires

content:
<p>Je viens de découvrir un module pour Firefox : <a href="https://addons.mozilla.org/fr/firefox/addon/custom-buttons/">Custom Buttons</a>.<br />
Ça permet de créer ses propres boutons pour l’interface de Firefox, directement en JS et dans l’interface (donc mieux que les simples bookmarklets). Le module ne semble plus mis à jour depuis quelques années, mais il fonctionne encore très bien.</p>

<p>Je me suis pour le moment simplement attardé à transformer 3 bookmarklets en boutons Firefox :</p>

<p><img src="media/d51595f7.custom-buttons-firefox.png" data-original-source="http://lehollandaisvolant.net/img/d5/custom-buttons-firefox.png" alt="firefox new buttons" width="369" height="234" style="max-width: 100%; height: auto;" class="centrerinline" /></p>

<h3>Forcer le mode lecture</h3>

<p>Le premier, le petit « livre », c’est pour forcer le mode lecture. Parfois, le mode lecture ne fonctionne pas dans Firefox. J’ai <a href="http://lehollandaisvolant.net/?id=20160115232603">trouvé d’où ça vient</a>, c’est un comportement compréhensible et à chier, mais on peut l’outrepasser&nbsp;: il suffit d’ajouter le texte « about:reader?url= » devant l’URL. Ce bouton fait ça en un clic (notez que certaines pages ne rendent pas bien en mode lecture).</p>

<p>Pour ajouter ce bouton, il faut commencer par ajouter un bouton. Dans Firefox allez dans <em>Affichage</em> → <em>Add New Button</em> (appuyez sur <span class="toets">Alt</span> pour afficher le menu et aller dans <em>Affichage</em>).<br />
Une nouvelle fenêtre s’ouvre alors :</p>

<p><img src="media/8d92a4c1.add-new-button.png" data-original-source="http://lehollandaisvolant.net/img/2d/add-new-button.png" alt="ajouter un nouveau bouton à Firefox avec Custom Buttons" width="818" height="477" style="max-width: 100%; height: auto;" class="centrerinline" /></p>

<ul><li> Dans <strong>Name</strong> donnez-lui le nom que vous voulez, par exemple « <em>Mode Lecture</em> »</li><li> Dans <strong>Image</strong>, choisissez une icône. En cliquant sur <em>Browse</em>, vous pouvez choisir une icône à vous. Si vous faites ça, choisissez votre icône puis cliquez sur le bouton « <em>⇒ base64</em> » pour transformer l’image en code intégré au bouton.</li><li> Dans le grand champ <strong>Code</strong>, il faut mettre le code JS que vous voulez exécuter au clic sur le bouton. Dans le cas présent, on veut se mettre en mode lecture. Il faut y mettre ça :</li></ul>

<pre>loadURI(&quot;about:reader?url=&quot;+encodeURIComponent(content.document.location))</pre>

<p>Faites ensuite « <em>OK</em> », en bas : le bouton est créé.</p>

<p>Maintenant il faut l’ajouter à l’interface : allez dans le menu de Firefox puis « <em>Personnaliser</em> ». Vous voyez alors votre icône et vous pouvez la déplacer où vous voulez dans l’interface. Une fois que c’est fait, quittez la personnalisation et cliquez sur votre bouton pour passer en mode lecture (même si le mode lecture n’était pas activé par défaut).</p>

<h3>Afficher un clavier virtuel JS</h3>

<p>Le deuxième bouton, il affiche un petit clavier alternatif pour taper en Russe, Japonais ou en Grec dans les formulaires. C’est <a href="http://lehollandaisvolant.net/?d=2013/07/20/12/22/48-clavier-virtuel-en-javascript">le petit clavier en JS que j’avais créé il y a 2 ans</a>.<br />
Pour l’avoir aussi, il faut ajouter un autre bouton.<br />
Faites la même manip que tout à l’heure, mais changez juste le <strong>Code</strong> en ça :</p>

<pre>loadURI(&quot;javascript:s=document.createElement('script');s.id='r6109_vkbsgp';s.type='text/javascript';s.src='http://lehollandaisvolant.net/tout/dl/virtual-kb/keyboard.js?french';document.head.appendChild(s);void(null);&quot;)</pre>

<p>(La doc du clavier est sur <a href="http://lehollandaisvolant.net/?d=2013/07/20/12/22/48-clavier-virtuel-en-javascript">mon article dédié</a> et sur <a href="https://github.com/timovn/js-keyboard/blob/master/README.md">Github</a>)</p>

<h3>Un bouton pour Shaarli</h3>

<p>Le troisième, c’est pour partager un lien sur mon blog, façon <a href="https://github.com/shaarli/Shaarli/blob/master/README.md">Shaarli</a>. Pour Shaarli, le code à faire serait dans ce genre là :</p>

<pre>loadURI(&quot;http://example.com/shaarli/?post=&quot;+encodeURIComponent(content.document.location)+&quot;&amp;title=&quot;+encodeURIComponent(content.document.title))</pre>

<p>En remplaçant <em>example.com/shaarli/</em> par l’adresse de votre Shaarli.<br />
Notez que ce code diffère du contenu du bookmarklet de Shaarli : en effet, si le code du bookmarklet fonctionnerait parfaitement, ce code est plus natif à Firefox et donc plus rapide. En plus, il fonctionne même là où les bookmarklets normaux ne marchent pas (quand le JS du bookmarklet est bloqué sur le site, comme sur Github).</p>

<p>Vous pouvez transformer n’importe quel bookmarklet en bouton dans Firefox en plaçant le code JS du bookmarklet entre « <em>loadURI("</em> » et « <em>")</em> ».</p>

<p>Le module permet de faire quelques autres choses, comme lancer le script automatiquement au démarrage de Firefox. Je vous laisse voir <a href="http://custombuttons.mozdev.org/">le site du module</a> pour plus d’information. Il y a aussi <a href="http://custombuttons.sourceforge.net/forum/">un forum</a>, avec un partage de plein de scripts.</p>


feed_id: 20160116132906-article
title: Windows 7/8 : bloquer les mises à niveau vers Windows 10
uri: 2016-01-30-Windows-7-8-bloquer-les-mises-à-niveau-vers-Windows-10
url:
http://lehollandaisvolant.net/?d=2016/01/16/13/29/06-windows-78-bloquer-les-mises-a-niveau-vers-windows-10

content:
<p>Microsoft nous emmerde encore pour forcer le passer vers Windows 10. Ça fait des mois que ça dure mais ils ne semblent pas s’en lasser.</p>

<p>Avant de bloquer totalement les mises à jours pour éviter W10, voici un récapitulatif des mises à jours Windows qui sont à bloquer pour le moment&nbsp;:</p>

<ul><li> Sous Windows 7&nbsp;: KB3035583, KB2952664, KB3021917, KB2990214, KB2977759, </li>
<li> Sous Windows 8&nbsp;: KB3035583, KB2976978, KB3044374, KB3112336</li></ul>

<p>Je vous conseille de vérifier les mises à jour de façon automatique, mais de ne les installer que manuellement et de les vérifier une par une&nbsp;: mêmes masquées et désactivées, ces mises à jours réapparaissent régulièrement.</p>

<p>Pour les supprimer, ouvrez le bloc-note (notepad.exe), copiez-collez ceci&nbsp;:</p>

<pre>echo Uninstalling KB3035583
start /w wusa.exe /uninstall /kb:3035583 /quiet /norestart
echo Uninstalling KB2952664
start /w wusa.exe /uninstall /kb:2952664 /quiet /norestart
echo Uninstalling KB3021917
start /w wusa.exe /uninstall /kb:3021917 /quiet /norestart
echo Uninstalling KB2990214
start /w wusa.exe /uninstall /kb:2990214 /quiet /norestart
echo Uninstalling KB2977759
start /w wusa.exe /uninstall /kb:2977759 /quiet /norestart
echo Uninstalling KB2976978
start /w wusa.exe /uninstall /kb:2976978 /quiet /norestart
echo Uninstalling KB3044374
start /w wusa.exe /uninstall /kb:3044374 /quiet /norestart
echo Uninstalling KB3112336
start /w wusa.exe /uninstall /kb:3112336 /quiet /norestart
echo Disabling GWX in Registry
reg add HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows\Gwx /v DisableGwx /t REG_DWORD /d 1</pre>

<p>enregistrez le fichier sur le bureau sous le nom <strong>w10fix.bat</strong> (n’oubliez pas de changer le type du fichier à «&nbsp;*.* tous les fichiers&nbsp;»), double-cliquez dessus et attendez que ça se passe&nbsp;: la fenêtre se fermera une fois que tout sera supprimé.</p>

<p>En plus des mises à jour, ce script ajoute une clé du registre qui bloque GWX. Pour le moment, ceci a suffit pour repousser le passage à Windows 10. Mais pour combien de temps encore, je ne sais pas.</p>

<p>J’essayerai de maintenir cette page à jour au fur et à mesure que Microsoft voudra forcer ces mises à jours stupides.</p>

<p>Sources&nbsp;:</p>

<ul><li> <a href="https://gist.github.com/xvitaly/eafa75ed2cb79b3bd4e9#file-remove_crw-cmd">Remove telemetry updates for Windows 7 and 8.1</a></li>
<li> <a href="http://korben.info/desactiver-mise-a-jour-windows-10.html">Comment désactiver la mise à jour automatique vers Windows 10</a></li>
<li> <a href="http://www.comptoir-hardware.com/actus/software-pilotes/30627-la-mise-a-jour-kb2952664-veut-vous-faire-passer-a-windows-10.html">La mise à jour KB2952664 veut vous faire passer à Windows 10</a></li>
<li> <a href="https://answers.microsoft.com/en-us/windows/forum/windows_10-win_upgrade/i-dont-want-windows-10-ive-even-deliberately-not/c3ca51ea-b4f4-480b-a6c9-92fac903eecb?page=2&amp;auth=1">I don't want Windows 10 - I've even deliberately not installed the KB3035583 yet I've still got the notification</a></li></ul>


feed_id: 20160201171037-article
title: Petit mot sur Google Password Manager
uri: Petit-mot-sur-Google-Password-Manager
url: http://lehollandaisvolant.net/?d=2016/02/01/17/10/37-petit-mot-sur-google-password-manager
content:
<p>Le navigateur Google Chrome a <a href="http://www.labnol.org/internet/google-passwords-manager/29077/">une fonction pour enregistrer vos mots de passe</a> et les envoyer en ligne pour vous connecter facilement à tous vos comptes sur tous vos appareils connectés (ordinateur, tablette, téléphone…).</p>

<p>Ça peut sembler séduisant comme idée.<br />
Perso je trouve l’idée terrifiante.</p>

<p>Vous donneriez vos clés de maison/voiture/garage/moto/vélo/boîte aux lettres à une personne qui dit «&nbsp;<em>désormais, j’ouvrirais les portes pour vous, vous n’avez qu’à m’appeler.</em>&nbsp;»&nbsp;?</p>

<p>Ici pourtant vous donnez les clés de votre vie numérique à une entreprise a but lucrative dont vous ne connaissez que le nom.</p>

<p>Alors oui, je sais : « <em>vie numérique</em> », ce n’est rien. Ce n’est pas votre vie.</p>

<p>Ben en fait si, figurez vous.</p>

<p>Votre vie numérique, c’est tout ce que vous faites sur les sites web, sur votre ordinateur, sur votre téléphone, votre tablette ou votre console de jeu.<br />
Cela englobe donc toutes vos photos, vos posts, vos commits (pour ceux qui codent), vos vidéos, votre bibliothèque (y compris musicale et vidéo), vos discussions, vos emails, vos SMS, vos abonnements, votre historique d’achat en ligne, l’accès à votre compte en banque en ligne, votre numéro de carte de crédit (enregistré sur tous les sites où vous achetez). Et bien plus de choses encore.</p>

<p>Si votre vie numérique ne compte pas, laissez-moi effacer tous vos disques durs, vos comptes en ligne, vos favoris et tout le reste et dites-moi si ça vous manque. Si la réponse est oui (je suis sûr que c’est oui, sinon vous n’auriez pas d’ordinateur), alors votre vie numérique compte pour vous et vous devriez la protéger.</p>

<p>Utiliser un service comme Google Password Manager, c’est donner tout ça à Google pour qu’ils en fassent ce qu’ils veulent (et par ça je veux dire <em>vraiment</em> <a href="http://lehollandaisvolant.net/?d=2011/07/01/15/09/26-google-plus-et-le-reste-compte-moins">ce qu’ils veulent</a>).</p>

<p>Et ceci compte pour Google, mais également Firefox ou Opera, qui proposent la même chose (mais c’est pas activé par défaut, ceci dit). En règle général, ne laissez pas jamais un programme — quel qu’il soit — retenir vos mots de passe.</p>

<p>À vous de voir, mais soyez prévenu.<br />
Personnellement je ne ferais jamais ça.</p>


feed_id: 20160208180056-article
title: Des icônes pour le web : PNG, SVG ou Icon-font ?
uri: Des-icônes-pour-le-web-PNG-SVG-ou-Icon-font
url: http://lehollandaisvolant.net/?d=2016/02/08/18/00/56-des-icones-pour-le-web-png-svg-ou-icon-font
content:
<p>Il y a quelques temps, je vous montrais une petite astuce pour <a href="http://lehollandaisvolant.net/?d=2015/08/02/16/27/18-css-astuce-simple-pour-des-icones-nettes-sur-les-mobile">faire des icônes « propres » sur mobile et desktop</a>, puis une astuce pour <a href="http://lehollandaisvolant.net/?d=2015/07/17/23/46/32-css-un-effet-labelinput-avec-icone-et-flexbox">faire un formulaire avec des icônes</a> pouvant bénéficier de la première méthode</p>

<p>Depuis j’ai essayé de voir les autres techniques pour faire des icônes dans une page web.<br />
Aujourd’hui, principalement 3 méthodes sont possibles :</p>

<ul><li> prendre une image PNG (comme <a href="media/d905b36b.sprites.png" data-original-source="https://raw.githubusercontent.com/timovn/blogotext/master/admin/style/sprites.png">celle-ci</a>) avec plein d’icônes dedans et utiliser la méthode des fenêtres coulissantes.</li>
<li> prendre la même image, mais au format SVG, donc vectorielle</li>
<li> utiliser les icon-fonts, des polices d’écriture avec des icônes dedans</li></ul>

<h3>Les PNG</h3>

<p>La première technique avec les images de fond en PNG, tout le monde la connaît : c’est la plus utilisée, la plus supportée par les navigateurs, la plus simple… mais c’est aussi la moins malléable !<br />
En effet, si ont veut afficher une icône plus grande, on peut le faire, mais l’image sera floue et pixelisée. Même chose si on veut afficher les icônes sur un écran où la densité de pixels est plus grande (écrans « Retina® », par exemple, mais Apple et ses Mac Book sont loin d’être un cas isolé aujourd’hui).<br />
On peut créer <a href="http://www.matronix.fr/optimiser-ses-images-pour-les-ecrans-retina-sous-wordpress/">plusieurs images avec différentes résolutions</a> pour plusieurs types d’écran, mais ce n’est pas pratique.</p>

<p>Le second problème c’est si on veut changer la couleur de son thème graphique : les icônes doivent être adaptées aussi. Or pour ça, on ne peut pas faire grand chose : pour changer la couleur des icônes, il faut modifier l’image, ou là encore créer des images différentes pour chaque thème…</p>

<h3>Les SVG</h3>

<p>Les SVG permettent d’avoir des images nettes quelque soit la taille&nbsp;: c’est très pratique lors du zoom, ou lorsque votre site est susceptible d’être affiché sur un mobile (où la densité de pixels est bien plus grande que sur un écran d’ordinateur).<br />
On peut obtenir le même effet avec du PNG, mais il faut pour cela partir d’icônes à haute résolution, et donc d’images très lourdes, ce qui va poser problème lors du chargement de la page, particulièrement sur mobile et surtout avec <a href="http://lehollandaisvolant.net/?id=20160131131658">des connexions pourries</a>. Le SVG, lui, reste précis avec le même fichier.</p>

<p>Le seul problème ici c’est que si on a toujours besoin de faire plusieurs images si on veut changer la couleur du thème. On peut faire ça en JavaScript (je fais cela dans <a href="http://lehollandaisvolant.net/tout/tools/resistor/">cet exemple</a>), mais pour le thème en CSS, ce n’est pas pratique.</p>

<h3>Les Icon-fonts</h3>

<p>Alors ici on conserve la netteté du SVG lors de la mise à l’échelle, mais on a en plus l’avantage très important de pouvoir colorier les icônes comme on veut !</p>

<p>En effet, tout se fait en simple CSS : on dit que l’on veut afficher tel ou tel caractère contenu dans la webfont et ensuite c’est du simple texte : on peut l’agrandir (avec <em>font-size</em>), la colorier (avec <em>color</em>), ajouter une ombre CSS (avec <em>text-shadow</em>), etc. C’est la méthode la plus pratique pour le designer final.</p>

<p>Pour créer un fichier de police avec les icônes dedans, il faut disposer d’icônes initiales (PNG ou SVG) et utiliser un programme pour transformer ça en une police. Je n’ai pas trouvé d’outil facile pour faire ça en local, mais cet outil en ligne fonctionne bien : <a href="https://icomoon.io/app/#/select">IcoMoon.io</a>.<br />
Ensuite il suffit d’utiliser la police d’écriture comme c’est fait dans le fichier demo.html fourni au téléchargement.</p>

<p>Il y a quand même quelques inconvénients. J’en ai noté deux principaux :</p>

<ul><li> une fois qu’on a généré notre police, il est difficile de la modifier&nbsp;: pour ajouter une icône, il faut régénérer la police (comme si on la recompilait à partir des icônes initiales), ce qui peut éventuellement changer les codes des icônes (chaque icône est accessible avec un code à utiliser dans le CSS).</li>
<li> le fonctionnement de l’usage des Icon-fonts fait qu’il ne sont utilisables que dans la propriété <em>content</em> de CSS. Or <em>content</em> ne peut être utilisée que sur les pseudo-éléments (<em>::after</em> et <em>::before</em>), qui elles-mêmes ne sont utilisables que sur les éléments HTML non-autofermantes (donc toutes sauf les input, img, br, hr…). On peut donc utiliser les Icon-fonts partout sauf sur les input, les images…</li></ul>

<p>Si vous voulez quand-même utiliser une icône sur un input, il faut ruser, et l’appliquer par exemple sur un label qui est rendu invisible.</p>

<p>L’usage des Icon-fonts est assez simple. Comme je l’ai dit, on utilise un code pour accéder à un caractère en particulier dans la police. Le CSS se charge d’afficher ce caractère à l’écran grâce à la propriété <em>content</em> :</p>

<pre>.icon::before {
    content: &quot;\1a02&quot;;
}</pre>

<p>Ce que l’on fait parfois, c’est qu’on place ce code directement dans un attribut de l’élément HTML, puis le CSS affiche le contenu de cet attribut dans le content (oui, on peut faire tout ça :D) :</p>

<pre>&lt;span data-icon=&quot;&amp;#x1a02;&quot;&gt;Text&lt;/span&gt;</pre>

<pre>[
@font-face {
    font-family: &quot;icons&quot;;
    src: url(&quot;icons.woff&quot;) format(&quot;woff&quot;);
}

data-icon]::before {
    font-family: icons;
    content: attr(data-icon);
}</pre>

<p>Et on peut changer la couleur, etc :</p>

<pre>[data-icon]::before {
   [ …]
    color: red;
    font-size: 3em;
}</pre>

<p>Bref, une fois qu’on a créé notre fichier d’icônes, l’usage est très simple, les possibilités sont énormes (couleurs, taille, ombres, animations — y compris sur la couleur, donc pour faire des couleurs arc-en-ciel \o/ — etc.), c’est supporté par les bon navigateurs récents (y compris mobiles).</p>

<p>Et concernant la lourdeur et le poids, je trouve que ça va tranquillement : mon fichier d’Icon-fonts fait 48 ko et contient 400 icônes différentes. Mon fichier PNG avant contenait environ 60 icônes pour 25 ko (certaines étaient en doubles pour pouvoir avoir des couleurs différentes).</p>


feed_id: 20160209164403-article
title: La compensation équitable
uri: La-compensation-équitable
url: http://lehollandaisvolant.net/?d=2016/02/09/16/44/03-la-compensation-equitable
content:
<p>Ah non, ce n’est pas un truc du genre « <em>revenu de base</em> » qui serait quelque chose égalitaire et une avancée sociale majeure.<br />
La « <em>compensation équitable</em> » c’est, <a href="https://www.nextinpact.com/news/98439-des-elus-veulent-rebaptiser-remuneration-copie-privee-en-compensation-equitable.htm">pour quelques députés</a>, <strong>de la novlangue pour désigner la rémunération copie privée</strong>. C’est tout de suite moins cool, hein ?</p>

<p>Selon la loi actuelle, quand on achète un CD (ou un DVD, ou n’importe quelle œuvre audio, vidéo…), nous [consommateurs] <strong>avons le droit d’en faire des copies</strong> à des fin d’archive personnelles et de sauvegarde : si le CD acheté se casse, la musique ou les données ne sont alors pas perdues et on peut continuer à l’écouter. La loi autorise ça, et c’est bien.</p>

<p>Après on a les éditeurs qui sont venus avec des protections anti-copie sur les disques ou les fichiers. Ceci nous empêche donc de faire des copies, et nous empêche de jouir de notre droit à la copie privée. <strong>Ça, c’est un problème.</strong></p>

<p>Ensuite, même si les éditeurs nous empêchent de copier le CD qu’on a acheté, ils considèrent qu’on le fait quand-même (paye ta logique, là, hein). Du coup ils ont fait passer une loi pour taxer les appareils électroniques.<br />
Cette taxe serait justifiée car ces appareils <em>peuvent</em> faire tourner des musiques ou des vidéos. Les appareils concernés sont les téléphones, les cartes mémoires, les clé USB, les ordinateurs, les CD vierges, les GPS (!), les autoradios (!) et à peu près tout ce qui est électronique.<br />
Cette taxe est est donc un racket qui considère qu’on achète un support pour y copier des données illégales. En gros, on est coupable avant même d’avoir commis une faute, qui n’en n’est d’ailleurs pas une puisque le droit à la copie privée est prévue par la loi. <strong>C’est un autre problème.</strong></p>

<p>C’est cette taxe qui se nomme « <em>rémunération pour la copie privée</em> ».</p>

<p>Si je résume, toutes ces choses s’apparentent :</p>

<ol><li> à une double peine : on paye la taxe de copie, mais en plus cette copie est illégale et réprimandée ;</li><li> à la présomption de culpabilité : taxe est payée avant l’acte de copie, et avant même de savoir si elle va être comise ;</li><li> à du racket : on paye cette taxe pour quelque chose qu’on a le droit mais plus la possibilité de faire, à cause des protections anti-copie.</li></ol>

<p>Triple enfoncement dans le derrière pour l’acheteur par <a href="http://lehollandaisvolant.net/?d=2013/05/20/14/16/30-le-copyreich">le CopyReich</a>.</p>

<p><strong>Donc finalement, vous le voyez aussi&nbsp;: ça n’a rien d’équitable du tout.</strong></p>

<p>Une solution serait de payer la taxe et d’accepter de la payer, mais dans ce cas qu’ils nous fichent la paix avec le partage (Hadopi &amp; co)&nbsp;: on paye la taxe, on paye notre « crime » par avance, ça suffit.<br />
Ça se nomme la licence globale : un abonnement mensuel et on peut télécharger et partager un peu ce qu’on veut. Mais pour l’industrie du disque en plastique, ça ne peut pas marcher (alors que Google, Amazon, Netflix, Apple… sont la preuve que ça marche très bien) :</p>

<figure><img src="media/7058ef1e.Strip-License-globale-650-final1.jpg" data-original-source="http://lehollandaisvolant.net/img/02/Strip-License-globale-650-final1.jpg" alt="la licence globale" width="650" height="680" style="max-width: 100%; height: auto;" class="centrerinline" /><figcaption>La licence globale, par <a href="http://www.commitstrip.com/fr/2014/07/21/the-only-thing-missing-was-kindle-unlimitedil-ne-manquait-plus-que-kindle-unlimited/">Commit-Strip</a></figcaption></figure>


feed_id: 20160210173310-article
title: [CSS] Pseudo-éléments & pseudo-classes
uri: CSS-Pseudo-éléments-pseudo-classes
url: http://lehollandaisvolant.net/?d=2016/02/10/17/33/10-css-pseudo-elements-pseudo-classes
content:
<p>En CSS, on a à faire à des classes, des ID, des éléments… Parfois on rencontre aussi ce que l’on appelle des <strong>pseudo-classes</strong> et des <strong>pseudo-éléments</strong>.<br />
Il ne faut pas confondre les deux : la différence est tout à fait logique mais je vais la réexpliquer ici.</p>

<p>Quand on a le code HTML suivant :</p>

<pre>&lt;p class=&quot;auth-date&quot;&gt;
    Écrit par &lt;span class=&quot;author&quot;&gt;Moi&lt;/span&gt;, &lt;span&gt;Aujourd’hui&lt;/span&gt;.
&lt;/p&gt;</pre>

<p>Qui affiche :</p>

<pre>Écrit par Moi, Aujourd’hui.</pre>

<p>On a trois éléments :</p>

<ul><li> p</li>
<li> span</li>
<li> span</li></ul>

<p>Ce sont <strong>des éléments HTML</strong>. On les appelait parfois « balises » ou « tag », mais ce sont des éléments. Selon l’élément, la disposition peut varier (un &lt;table&gt; organisera les données sous la forme d’un tableau, par exemple), mais globalement <strong>ce sont les éléments qui contiennent les données affichées à l’écran</strong>.</p>

<p>En plus des éléments HTML, on a <strong>des classes CSS</strong>. Ici on en a deux :</p>

<ul><li> .auth-date</li>
<li> .author</li></ul>

<p>Les classes seules servent à rien : elles ne modifient pas ce qui est affiché à l’écran, ne sont pas visibles, etc. C’est en CSS qu’elles sont utiles : elles permettent de modifier le comportement des éléments.<br />
Le CSS permet par exemple d’afficher tous les éléments de classe "author" en rouge. Dans ce cas là, le « Moi » sera en rouge.</p>

<p>Tout ce qui précède est tout à fait basique, mais ça va servir pour comprendre les pseudo-classes et les pseudo-éléments.</p>

<p>Il faut retenir deux choses :</p>

<ul><li> <strong>les éléments contiennent le texte</strong> ou les données affichées à l’écran ;</li>
<li> <strong>les classes modifient le comportement</strong> du texte ou des données qui sont dans les éléments.</li></ul>

<p>À partir de là, on peut trier les pseudo-classes et les pseudo-éléments en CSS:</p>

<ul><li>&nbsp;::before et&nbsp;::after permettent d’afficher du contenu supplémentaire dans la page, à côté d’un élément déjà existant.</li>
<li>&nbsp;:hover,&nbsp;:active,&nbsp;:visited, etc. permettent de modifier le comportement d’un élément lors d’une action ou d’une situation (respectivement au survol, au clic, et dans la situation où un lien a déjà été visité) ;</li></ul>

<p>Vous le comprenez donc, je présume :</p>

<ul><li> &nbsp;::before et&nbsp;::after sont des pseudo-éléments (ajoutent du <em>contenu</em> à la page, notamment avec la propriété « <em>content</em> » propre aux pseudo-éléments).</li>
<li>&nbsp;:hover,&nbsp;:active,&nbsp;:visited, etc. sont des pseudo-classes (modifient le comportement d’un élément);</li></ul>

<p>Avant le CSS3, on notait les pseudo-classes et les pseudo éléments de la même façon, avec les deux-points « : ». Depuis le CSS3, il a été introduit le fait de noter les pseudo-classes avec les deux-points « : » et les pseudo-éléments avec deux fois deux-points « :: ».</p>

<p>Les pseudo-éléments sont au nombre de quatre depuis bien longtemps,&nbsp;::before,&nbsp;::after,&nbsp;::first-letter et&nbsp;::first-line.<br />
Les pseduo-classes sont plus nombreuses : on avait déjà les&nbsp;:hover,&nbsp;:focus,&nbsp;:active,&nbsp;:link ou&nbsp;:visited, maintenant on a plein d’autres, en particulier pour les formulaires, comme&nbsp;:valid,&nbsp;:invalid,&nbsp;:checked,&nbsp;:not(), etc.</p>

<p>Et… on peut très bien combiner tout ça : un élément peut avoir une classe ? Et bien un pseudo-élément peut avoir une pseudo-classe ! On peut très bien faire un des exemples ci-dessous :</p>

<pre>element::after:hover {
    // ici le CSS pour modifier le ::after lors du survol du ::after
}</pre>

<pre>element:hover::after {
    // ici le CSS pour modifier le ::after lors du survol de l’élément auquel est attaché le le ::after
}</pre>

<pre>element:not(:hover) {
    // ici le CSS pour modifier l’élément quand il n’est pas survolé (utile dans certains cas).
}</pre>

<p>Ou encore, plus compliqué :</p>

<pre>element:invalid:hover::after {
    // le CSS pour un ::after attaché à un formulaire invalide lors du survol
}</pre>

<p>Enfin un petit mot concernant la spécificité des pseudo-classes et pseudo-sélecteurs (voir <a href="http://lehollandaisvolant.net/?d=2015/07/29/17/37/48-css-la-specificite-des-selecteurs">la spécificité des sélecteurs CSS</a> : là c’est très simple car les pseudo-classes ont la même spécificité que les classes normales et les pseudo-éléments ont la même spécificité que les éléments normaux.</p>

<p>Autrement, les possibilités apportées par ces choses sont énormes, c’est à vous d’étudier ça maintenant !</p>


feed_id: 20160215230657-article
title: Quelques astuces pour le français
uri: Quelques-astuces-pour-le-français
url: http://lehollandaisvolant.net/?d=2016/02/15/23/06/57-quelques-astuces-pour-le-francais
content:
<p>Malgré la récente polémique de la réforme <a href="http://grisebouille.net/ras-loignon/">pas du tout récente de l’orthographe</a>, voici un article sur l’orthographe. Afin de réduire le nombre de fautes à l’écrit en français, je me suis constitué une petite liste d’astuces et de moyens mnémotechniques. En voici la plupart.<br />
Je précise que je suis ne suis pas un expert littéraire, et certaines justifications peuvent contenir des erreurs malgré le fait d’avoir pris soin de faire pas mal de recherches… J’attache cependant une certaine importance aux langues quand-même, et cette liste est justement là pour m’aider à mieux la respecter et si elle peut vous servir aussi, tant mieux.</p>

<h3>Soit / soient</h3>

<p>«&nbsp;Soit&nbsp;» dans le sens de «&nbsp;ou bien&nbsp;» est invariable. Exemple&nbsp;: «&nbsp;<em>soit</em> je mange une pomme, <em>soit</em> je mange un biscuit&nbsp;».<br />
«&nbsp;Soient&nbsp;» est le subjonctif du verbe être à la troisième personne du pluriel&nbsp;: «&nbsp;qu’ils <em>soient</em> maudits&nbsp;».</p>

<p>Quand on l’utilise dans le sens de «&nbsp;voici&nbsp;» ou «&nbsp;supposons&nbsp;», il devrait être invariant, même si la tournure «&nbsp;soient&nbsp;» est plus ou moins acceptée en maths. Exemple&nbsp;: «&nbsp;<em>soit</em> deux droites perpendiculaires&nbsp;» dont l’écriture «&nbsp;<em>soient</em> deux droites perpendiculaires&nbsp;» est également acceptée.</p>

<h3>Tache / tâche</h3>

<p>Sans accent, il désigne une salissure&nbsp;: «&nbsp;j’ai une <em>tache</em> sur ma chemise&nbsp;».<br />
Avec accent, il désigne une besogne, un travail à accomplir&nbsp;: «&nbsp;j’ai pour <em>tâche</em> de ranger les dossiers&nbsp;», «&nbsp;le gestionnaire des <em>tâches</em>&nbsp;».</p>

<p>Une façon de s’en rappeler est de se souvenir que l’accent circonflexe marque très souvent un ancien «&nbsp;s&nbsp;» qui a fini par disparaître au fil des siècles. Pour le «&nbsp;â&nbsp;», ça aurait donné un «&nbsp;as&nbsp;». Or le mot anglais pour «&nbsp;tâche&nbsp;» contient encore cette lettre&nbsp;: <em>task</em>. La traduction de <em>task</em> est donc « tâche » et non pas « tache ».</p>

<p>Le circonflexe qui remplace un ancien « s » est parfois visible dans les mots de la même racine&nbsp;: forêt/forestier, hôpital/hospitalier, arrêter/arrestation, fête/festival, château/castel, bête/bestial, île/insulaire, maître/master, connaître/connaissance, ancêtre/ancestral. Ce n’est pas systématique, mais on peut trouver un grand nombre d’exemples comme ça.</p>

<h3>Les majuscules accentuées</h3>

<p>Parlant d’accents, les lettres majuscules doivent être accentuées (ÉÀÙËÂÊÖ…) et il en va de même pour les ligatures et la cédille (ÇŒÆ…). Ne pas le faire constitue une faute de français.<br />
Il est néanmoins toléré de ne pas le faire si c’est impossible&nbsp;: les machines à écrire ne le permettaient pas, par exemple, alors que les claviers… c’est <a href="http://lehollandaisvolant.net/?d=2016/01/20/16/14/14-si-ecrire-en-francais-avec-un-clavier-azerty-est-possible">un autre débat</a>, avec sa propre polémique&nbsp;:D.</p>

<p>Les capitales doivent également être accentuées, et suivent la même règle.</p>

<h3>Où / ou</h3>

<p>«&nbsp;Où&nbsp;» avec l’accent grave désigne un lieu&nbsp;: «&nbsp;<em>où</em> es-tu&nbsp;?&nbsp;», «&nbsp;il doit être là <em>où</em> je l’ai laissé&nbsp;».<br />
Sans accent, «&nbsp;ou&nbsp;» traduit une alternative, un choix&nbsp;: «&nbsp;fromage <em>ou</em> dessert&nbsp;», «&nbsp;tu viens <em>ou</em> pas&nbsp;?&nbsp;».</p>

<p>Pour info, «&nbsp;où&nbsp;» est le seul mot en français comportant un « ù ». La touche du clavier qui le porte ne sert qu’à ça.</p>

<h3>Dés / dès</h3>

<p>Avec l’accent aigu, «&nbsp;dés&nbsp;» représente le pluriel de «&nbsp;dé&nbsp;», l’objet que l’on jette au jeu de l’oie&nbsp;: «&nbsp;deux <em>dés</em> à six faces&nbsp;».<br />
Dans les autres cas il prend un accent grave&nbsp;: «&nbsp;dès&nbsp;»&nbsp;: «&nbsp;<em>dès</em> que tu as fini&nbsp;», «&nbsp;<em>dès</em> lors&nbsp;».</p>

<h3>Dû / du / dus</h3>

<p>Quelque soit son sens, on n’utilise l’accent circonflexe que lorsque le mot est non-accordé. Les formes «&nbsp;dûe&nbsp;», «&nbsp;dûes&nbsp;», «&nbsp;dûs&nbsp;» n’existent pas. On écrit «&nbsp;due&nbsp;», «&nbsp;dues&nbsp;», « dus&nbsp;» respectivement.<br />
La forme «&nbsp;du&nbsp;» (sans accent) désigne une quantité indéfinie&nbsp;: «&nbsp;<em>du</em> chocolat&nbsp;», «&nbsp;<em>du</em> fromage&nbsp;».<br />
Dans les autres cas, on met un accent&nbsp;: «&nbsp;un retard dû à la neige&nbsp;», «&nbsp;mon <em>dû</em> s’élève à 20 €&nbsp;», «&nbsp;j’ai <em>dû</em> me dépêcher&nbsp;».</p>

<h3>Votre / vôtre (et notre / nôtre)</h3>

<p>Quand il s’agit d’un déterminant (placé devant un nom), il ne prend pas d’accent circonflexe&nbsp;: «&nbsp;<em>votre</em> voiture&nbsp;».<br />
Dans les autres cas, il en prend un. C’est assez simple à se souvenir&nbsp;: si on a «&nbsp;le(s)/la&nbsp;» ou «&nbsp;du&nbsp;» devant ou si on peut mettre un de ces mots sans que ça change le sens, il prend un accent&nbsp;: «&nbsp;c’est le <em>vôtre</em>&nbsp;», «&nbsp;il faut y mettre du <em>vôtre</em>&nbsp;», «&nbsp;la clé est <em>vôtre</em>&nbsp;», «&nbsp;restez donc avec les <em>vôtres</em> (les gens de <em>votre</em> famille)&nbsp;».</p>

<h3>Majuscules des dates</h3>

<p>Les noms des mois, des jours, sont communs&nbsp;: ils ne prennent pas de majuscules&nbsp;: «&nbsp;[…] vendredi 1er décembre […]&nbsp;», «&nbsp;le 23 juillet&nbsp;».</p>

<p>Ils prennent évidemment une majuscule quand ils sont en début de phrase&nbsp;: «&nbsp;Juillet est mon mois préféré&nbsp;». L’autre cas de la majuscule, c’est quand on parle d’une date historique, d’une fête&nbsp;: «&nbsp;le 14 Juillet&nbsp;», «&nbsp;Le 11 Novembre&nbsp;»…</p>

<h3>Appeler / apeller / appeller</h3>

<p>Une seule de ces orthographes existe&nbsp;: appeler.</p>

<p>Pour se souvenir de l’orthographe, rappelez vous ceci&nbsp;: le «&nbsp;e&nbsp;» sans accent suivi de deux consonne identiques (ou pas) se prononce généralement «&nbsp;è&nbsp;» ou «&nbsp;é&nbsp;» (comme dans <em>terre</em>, <em>cassette</em> ou <em>vert</em>). S’il est suivi d’une seule consonne, il se dit «&nbsp;e&nbsp;» (comme dans <em>retenir</em> ou <em>jeter</em>).</p>

<p>Appeler s’écrit avec un seul « l » pour que le <em>e</em> se prononce <em>e</em> (et non pas <em>é</em> ou <em>è</em>).<br />
Or, je sais qu’il y a une double consonne quelque part dans le mot et ce n’est pas le « L »&nbsp;: c’est donc le « P » : « appeler ». On a le même raisonnement pour le mot « enveloppe ».</p>

<p>Par contre, dans la phrase «&nbsp;j’appelle la police&nbsp;», on met bien deux « l » pour avoir le son <em>è</em>.</p>

<h3>Quand / quant</h3>

<p>Celui-ci est également bizarre mais assez simple à comprendre&nbsp;: ce mot peut prendre deux sens.<br />
Le premier est celui référent à un moment dans le temps. Il est alors synonyme de «&nbsp;lorsque&nbsp;» et il s’écrit «&nbsp;quand&nbsp;»&nbsp;: «&nbsp;<em>Quand</em> il fait beau, je me promène.&nbsp;», «&nbsp;J’aime <em>quand</em> il neige.&nbsp;», «&nbsp;<em>Quand</em> viendras-tu&nbsp;?&nbsp;».<br />
Le second est celui où il a le sens de «&nbsp;concernant&nbsp;» ou «&nbsp;en ce qui concerne&nbsp;». Dans ce cas, il s’écrit «&nbsp;quant&nbsp;»&nbsp;: «&nbsp;<em>Quant</em> à moi, je mange une pizza.&nbsp;», «&nbsp;<em>Quant</em> au père Noël, je n’y crois pas.&nbsp;».</p>

<p>Il est préférable de retenir cette astuce plutôt que celle du «&nbsp;quant&nbsp;» suivi de «&nbsp;à/au/aux&nbsp;», car elle ne marche pas à tous les coups, comme le montre ce contre-exemple&nbsp;: «&nbsp;<em>Quand à</em> Noël il neige, les enfants sont contents.&nbsp;» (<a href="http://www.projet-voltaire.fr/blog/regle-orthographe/%C2%AB-quand-%C2%BB-ou-%C2%AB-quant-%C2%BB">source</a>), où il faut bien un «&nbsp;d&nbsp;», car il a le sens de «&nbsp;<em>lorsque</em>&nbsp;».</p>

<p>Ceci sera tout pour mes astuces aujourd’hui. Je ne parlerai pas des fautes de l’accord des verbes du premier groupe («&nbsp;j’ai manger&nbsp;» ou «&nbsp;il faut marché&nbsp;»), ou le «&nbsp;sa/ça&nbsp;» qui sont assez lourdes.<br />
Si vous avez d’autres astuces, publiez-les&nbsp;! Plus elles sont ridicules, plus elles fonctionnent, donc n’hésitez pas \o/.</p>


feed_id: 20160216185742-article
title: Mon avis sur les articles sponsorisés (et gagner de l’argent sur internet)
uri: Mon-avis-sur-les-articles-sponsorisés-(et-gagner-de-l-argent-sur-in
url:
http://lehollandaisvolant.net/?d=2016/02/16/18/57/42-mon-avis-sur-les-articles-sponsorises-et-gagner-de-largent-sur-internet

content:
<p><a href="http://www.parigotmanchot.fr/2016/02/16/sondage-sur-des-articles-sponsorises">Ici, une très bonne question de Gilles</a> : il se demande s’il doit ou pas accepter les articles sponsorisés (payés, quoi) sur son site.<br />
C’est une question où il y a pas mal à discuter.</p>

<p>Je reprends ici mon commentaire laissé <a href="http://www.parigotmanchot.fr/2016/02/16/sondage-sur-des-articles-sponsorises">sur son article</a> en l’étoffant.</p>

<p>Déjà, pour commencer, <strong>je ne vois absolument aucun problème à gagner de l’argent</strong>. Même avec son blog ou site.<br />
<a href="http://lehollandaisvolant.net/?id=20151110165134">Ce n’est pas mal</a>&nbsp;: tout le monde a besoin de payer son pain à un moment et vu le temps passé à bloguer, à raison d’une ou deux heures par article (en ce qui me concerne, et pour les articles rapides), merde, ça serait le comble si on n’en avait pas le droit.</p>

<p>Je sais qu’en France il est maaaal de gagner de l’argent, et encore plus maaaaaaal de gagner de l’argent avec une activité qu’on aime.<br />
Mais je m’en tape, franchement. Si y en a qui ont un problème avec ça, c’est justement <em>leur</em> problème et pas le miens.</p>

<p>Les seules conditions que je vois aux articles sponsorisés, sont&nbsp;:</p>

<ul><li> <strong>que le reste du blog n’en devienne pas auto-censuré</strong> (être parrainé par une entreprise XYZ ne doit pas m’empêcher de les démonter quand l’actu s’y prête). Je ne veux pas de pression de la part d’un groupe (au hasard, Google, qui oppresse les blogs et <a href="https://korben.info/quand-google-met-la-pression-sur-les-petits-editeurs-de-contenu.html">les force à rester dans le droit chemin</a>). Je re-salue au passage l’ami Korben pour sa position sur le sujet et <a href="http://korben.info/edito-du-22022014.html">ses actions courageuses vis à vis de ça</a>.</li>
<li> <strong>que ça soit annoncé</strong>&nbsp;: un article sponsorisé, c’est un article qui ne vient pas du blogueur. Je ne veux pas que le lecteur croit que ça vient de moi alors que c’est faux. C’est une question de respect du lecteur, tout simplement. Le contenu d’un tel article n’importe pas : il peut être très intéressant et le produit vanté également, mais si le lecteur est pris pour un con de A à Z, c’est pas la peine. Un bon article sponsorisé reste un bon article, voilà ce que je pense.</li>
<li> plus largement, pas juste les articles sponso, pour la pub : <strong>que ça ne gêne pas</strong>, ni visuellement (popup, vidéo sonore) ni concernant la vie privée (d’où <a href="http://lehollandaisvolant.net/?d=2014/06/19/17/30/12-bloquer-cest-voler-publicite-cest-violer">ma revendication au droit d’utiliser un bloqueur</a>).</li></ul>

<p>… et je pense que c’est tout.<br />
Si je lis un blog pour son blogueur, alors je lui fait confiance pour choisir les sujets qui l’intéressent et pour garder une certaine intégrité dans la rédaction des articles. Je ne peux pas exiger d’un blogueur de ne pas faire d’articles sponsorisés, tout comme lui ne peut pas me forcer à lire l’intégralité de ce qu’il écrit. Je lis surtout des articles et pas spécialement des blogueurs. <a href="http://lehollandaisvolant.net/?d=2013/10/01/23/39/17-je-regarde-des-idees-pas-ceux-qui-les-ont">Les idées, pas les personnes.</a></p>

<p>Enfin, <strong>chacun est libre de faire ce qu’il veut sur son site</strong>. Il n’a rien à redevoir à qui que ce soit (sinon de la Loi).<br />
La seule chose importante est de prendre ses responsabilités : si on est trop avare avec la pub par exemple, les gens vont fuir ou mettre des bloqueurs de pub. Ça n’est pas leur faute mais de la vôtre. Savoir où s’arrêter est crucial, beaucoup de sites n’ont pas su le faire et en payent aujourd’hui les conséquences avec les bloqueurs de nuisances publicitaire (et veulent nous en faire porter le chapeau, en plus).</p>

<h3>Sur ce blog</h3>

<p>Ce qui suit concerne mon cas, sur mes blogs. Ce n’est plus la réponse à l’article de Gilles.</p>

<p>Pour commencer, mes blogs ne me rapportent (plus) rien. Je n’ai plus de compte Flattr (qui me rapportait ~10 € par mois) et je n’utilise plus de publicité depuis très longtemps. Je n’exclue pas ces possibilités, mais pour le moment je n’en ai pas l’utilité : j’ai déjà un emploi payé. Je serais heureux de pouvoir vivre de mon blog, y compris <a href="https://couleur-science.eu/">couleur-science.eu</a>, je ne dis pas le contraire, mais je n’en suis pas encore là (il ne tient qu’à mois de travailler sur ça, et c’est en cours).</p>

<p>Ensuite, je n’ai encore jamais accepté d’articles payés non plus*. Déjà parce que ce dont j’aurais été supposé parler ne m’intéressait pas plus que ça et aussi parce que si je ne veux pas <em>vous</em> prendre pour des cons, je ne veux pas non plus que les annonceurs ne me prennent pour un con avec des contreparties risibles. <strong>Nous sommes des blogueurs, pas de la publicité à bas coût</strong>, merci d’en tenir compte quand vous nous contactez (et accessoirement, c’est vous qui me contactez&nbsp;: moi je n’ai rien demandé, alors sachez être un minimum convainquant et attractif… ce qui n’est pas simple quand ma page de contact indique de ne pas me contacter pour de la pub, mais bon, forcez-vous quand même, vous aurez l’air moins ridicule).</p>

<p>En revanche, des lecteurs m’ont parfois offert des choses (en plus des innombrables lectures,  partages, commentaires ou emails de remerciement (ou pas) ou d’encouragement que vous m’envoyez) :</p>

<ul><li> des livres ;</li>
<li> un t-shirt ;</li>
<li> des jeux vidéo sur Steam ;</li>
<li> on m’a également déjà invité à des conférence (avec prise en charge du déplacement) ;</li>
<li> …</li></ul>

<p>J’accepte ce genre de choses sans aucun problème, sur la forme, et avec un immense plaisir.</p>

<p>En revanche, les dons en espèce j’ai du mal à les accepter : <a href="https://n.survol.fr/n/un-don-ca-se-declare-comment">un don en France est taxé à hauteur de 60%</a>. Je doute qu’en donnant 10 € à un blogueur vous souhaitez financer la prochaine campagne de François Hollande ou les branquignolles de l’hémicycle à hauteur de 6 € (les 4 € restants sont ensuite imposés, j’imagine). Donc si vous souhaitez investir de l’argent, je conseille généralement de le faire dans une association (<a href="http://framasoft.net/">Framasoft</a>, <a href="https://www.laquadrature.net/fr/">LQDN</a>, <a href="https://www.mozilla.org/fr/">Mozilla</a>, <a href="https://www.eff.org/fr">EFF</a>…).</p>

<p><strong>ÉDIT :</strong> j’avais fait un article contre lequel on m’avait offert un compte prémium et une série de codes promo pour vous : <a href="http://lehollandaisvolant.net/?d=2011/12/18/19/32/16-centraliser-tous-vos-telechargements-avec-streamshark">ici</a>. Le site n’existe plus aujourd’hui (et c’est bien dommage, le site était intéressant). Notons que je considère qu’il respecte les 3 conditions cités plus haut.</p>

<p>Aussi, en bas de cette page, il y a le lien vers Webou-pro, l’hébergeur du site. C’est aussi un lien affilié, qui me fait une remise quand quelqu’un commande un hébergeur Web chez eux en passant par mon site. Ce lien ne peut que couvrir le prix de l’hébergement Web et ne me rapportera donc pas d’argent en tant que tel.</p>


feed_id: 20160216184939-article
title: La blague du flat-design chez Microsoft
uri: La-blague-du-flat-design-chez-Microsoft
url: http://lehollandaisvolant.net/?d=2016/02/16/18/49/39-la-blague-du-flat-design-chez-microsoft
content:
<p>Purée, à quoi ça sert d’avoir des écrans qui affichent 16 millions de couleurs si les logiciels ne comportent jamais plus de 16 couleurs, aucun dégradé, aucune ombre, aucun arrondi&nbsp;?</p>

<p>Et depuis quand, ceci&nbsp;:</p>

<p><img src="media/f77ca81a.ccleaner-flat.png" data-original-source="http://lehollandaisvolant.net/img/ccleaner-flat.png" alt="new ccleaner interface" width="800" height="600" style="max-width: 100%; height: auto;" class="centrerinline" /><br />

Est-il d’aspect plus moderne que ceci&nbsp;:</p>

<p><img src="media/15b3a820.ccleaner-normal.png" data-original-source="http://lehollandaisvolant.net/img/ccleaner-normal.png" alt="old ccleaner interface" width="733" height="524" style="max-width: 100%; height: auto;" class="centrerinline" /><br />

C’est une plaisanterie à l’échelle mondiale, c’est ça&nbsp;?<br />
Voyez les icônes de fermeture, en haut à droite&nbsp;: justement, ils ne sont pas à droite car il reste une marge. Et les tailles sont disproportionnées o_O.</p>

<p>Honnêtement, avec le flat design chez Microsoft j’ai l’impression d’être revenu à ça&nbsp;:</p>

<p><img src="media/501478a3.win95_2010.gif" data-original-source="http://lehollandaisvolant.net/img/win95_2010.gif" alt="windows 95 screenshot " width="640" height="480" style="max-width: 100%; height: auto;" class="centrerinline" /><br />

C'est d'un moche : Windows, Edge, les sites de Microsoft (dont Outlook).</p>

<p>Mais je sais, les goûts et les couleurs, tout ça… C'est personnel est on aime ou on n’aime pas.<br />
Bah moi je n’aime pas.</p>


feed_id: 20160220200139-article
title: [TUTO] Root de la tablette Acer Iconia 10, A3-A30
uri: Root-de-la-tablette-Acer-Iconia-10-A3-A30
url: http://lehollandaisvolant.net/?d=2016/02/20/20/01/39-tuto-root-de-la-tablette-acer-iconia-10-a3-a30
content:
<p>La tablette <strong>Acer Iconia 10</strong> (modèle <strong>A3-A30</strong>) est une tablette sous Android <strong>Lolipop 5.0.2</strong> de 10 pouces full-HD et avec un processeur Intel. Cette tablette peut-être rootée et c’est l’objet de ce tutoriel (qui est une version détaillée et en français ce <a href="http://forum.xda-developers.com/android/development/intel-android-devices-root-temp-cwm-t2975096">cette procédure sur XDA</a>). Pour mon avis sur la tablette, voir à la fin de cet article.</p>

<p>Comme d’habitude, je commence par dire ce que vous lirez sur tous les forums et blogs qui expliquent ce genre de chose&nbsp;:</p>

<ul><li> Le root permet de faire des choses avancées sur votre appareil. Ne faites pas n’importe quoi, sous risque de rendre votre appareil inopérant.</li>
<li> <strong>Je (l’auteur du présent article) ne peut être tenu responsable des conséquences <em>quelles-qu’elles soient</em> des manipulations que vous allez faire.</strong> Ceci inclut (mais n’est pas limité à ça) le fait que votre tablette devienne inutilisable ou ne veuille plus redémarrer.</li></ul>

<p>La méthode qui suit a fonctionné pour moi.<br />
La tablette est sous Android 5.0.2. Le numéro de built est <em>Acer_AV0L0_A3-A30_1.132.00_WW_CUS1</em>.<br />
Cette manip nécessite un ordinateur sous Windows (ou OS-X, mais les fichiers que je fournis ne marcheront pas). J’ai utilisé un ordinateur sous Windows 7, mais ça devrait marcher sous n’importe quelle version de Windows (les machines virtuelles ne fonctionneront pas forcément).</p>

<p>Vous aurez besoin de divers fichiers à télécharger ou installer, sur votre ordinateur (Windows) ou sur Android. Leur liens sont donnés en bas de cet article.</p>

<h3>Prérequis</h3>

<p>Sur Android&nbsp;:</p>

<p>— Il faut activer les options développeurs. Pour ça, allez dans les Paramètres &gt; <em>À propos de la tablette</em>, scrollez tout en bas et trouvez <em>Numéro de built</em>. Cliquez 7 fois de suite dessus et ça va activer les options de dév, qui seront alors visible dans les paramètres, en bas.<br />
— Dans les options pour les dév&nbsp;: activez «&nbsp;<em>débogage USB</em>&nbsp;», désactivez «&nbsp;<em>Vérifier les applis via USB</em>&nbsp;».<br />
— Dans les options de sécurité, activez les «&nbsp;<em>Sources inconnues</em>&nbsp;». Ceci permet d’installer des paquets non validés par Google.</p>

<p>Sur une carte µSD, copiez le fichier SuperSu.zip, directement à la racine. Il est d’ailleurs mieux qu’il n’y ait que ce fichier dessus&nbsp;: ça sera plus simple (autrement ce n’est pas grave).<br />
Mettez la carte SD dans la tablette et assurez-vous qu’Android la reconnaisse.</p>

<p>Sous Windows&nbsp;:<br />
— Installez le programme AcerDrivers. Ça vous permet de faire reconnaître votre tablette à votre ordinateur.<br />
— Installez le programme ADB-Setup.<br />
— Copiez dans un dossier le programme IntelAndroid-FBRL. C’est lui qui va permettre le root, grâce à ADB.</p>

<h3>Le Root</h3>

<p>— Connectez la tablette à l’ordinateur. Sur le téléphone un popup surgit&nbsp;: autorisez l’ordi à accéder au débogage USB et n’oubliez pas de cocher la case pour mémoriser l’autorisation.<br />
— Sur l’ordinateur, allez dans le dossier <em>IntelAndroid-FBRL</em> et lancez le fichier <em>launcher.bat</em>.</p>

<p><img src="media/0be1c241.fastboot.png" data-original-source="http://lehollandaisvolant.net/img/cc/fastboot.png" alt="fastboot windows 7 for android 5" width="677" height="318" style="max-width: 100%; height: auto;" class="centrerinline"/><br />

— ce dernier demande de taper <em>ACCEPT</em> (en majuscules). Faites-le puis validez par la touche <span class="toets">Entrée</span>.<br />
- ensuite il faut choisir une méthode pour le Root. Pour cette tablette, il faut prendre la 5e, nommée «&nbsp;<em>cwm.zip</em>&nbsp;». Pour faire ça, tapez simplement «&nbsp;5&nbsp;» puis validez par la touche <span class="toets">Entrée</span>.</p>

<p>Ensuite&nbsp;:<br />
— S’il affiche du texte en rouge avec, ça n’est pas bon. Si il affiche «&nbsp;UNKNOWN&nbsp;», alors la connexion entre le PC et la tablette ne se fait pas. Vérifiez le câble, vérifiez les branchements, vérifiez que le PC a le droit d’accéder au débogage et revalidez par la touche Entrée.<br />
— Si tout est bon, le texte est en vert et il affiche ceci&nbsp;:</p>

<pre>DEVICE STATUS: ADB-ONLINE
DEVICE STATUS: FASTBOOT-ONLINE </pre>
<br />
<br />
—Il vous demande de faire un choix&nbsp;: pour cette tablette, choisissez la méthode T4&nbsp;: tapez simplement «&nbsp;T4&nbsp;» et validez par la touche <span class="toets">Entrée</span>.<br />
<br />
— la tablette va redémarrer et une partie de la procédure va se faire toute seul, à la fois sur l’ordi et sur la tablette.<br />
— à un moment, sur la tablette vous serez dans le programme «&nbsp;<em>Vampirefo Venue</em>&nbsp;». Il faut utiliser les touches de volume pour monter ou descendre et la touche On/Off de la tablette pour valider.<br />
— naviguez jusqu’à «&nbsp;<em>Install zip</em>&nbsp;» puis validez.<br />
— naviguez ensuite jusqu’à «&nbsp;<em>Choose zip from external sdcard</em>&nbsp;».<br />
— naviguez ensuite jusqu’à votre fichier <em>SuperSu.zip</em>. Puis validez. Ensuite, vous devez confirmer ce choix&nbsp;: naviguez jusqu’à la ligne «&nbsp;<em>Yes ‑ Install SuperZu.zip</em>&nbsp;», puis validez.<br />
— l’installation du zip se fait toute seule.<br />
— une fois que c’est fini, naviguez jusqu’à «&nbsp;<em>+++++ Go Back +++++</em>&nbsp;» plusieurs fois de suite jusqu’à vous retrouver au menu principal. Naviguez sur «&nbsp;<em>reboot system now</em>&nbsp;» et validez.<br />
— là il dit que l’accès root n’est pas possible. Ignorez, naviguez sur un des «&nbsp;<em>No</em>&nbsp;» et validez.<br />
<br />
La tablette redémarre.<br />
<br />
Une fois que le système est chargé, vous avez terminé&nbsp;: <strong>votre tablette est rootée</strong>.<br />
Il ne vous reste qu’à installer le logiciel SuperSu depuis le PlayStore (ou depuis ailleurs) et c’est bon.<br />
<br />
Sur le PC, vous pouvez supprimer tous les fichiers téléchargés ou installés.<br />
Sur la carte SD dans la tablette, vous pouvez supprimer SuperSu.zip.<br />
Sur la tablette, vous pouvez aussi désactiver le déboguage USB.<br />
<br />
<h3>Les fichiers à télécharger</h3>

<ul>
<li><a href="http://dl.lehollandaisvolant.net/android5-root/ADB-Setup.exe" download>ADB-Setup.exe</a> (9,6 Mo - sha1 eae637085255a1c7d903a880374b20d108a3c38b)</li>
<li><a href="http://dl.lehollandaisvolant.net/android5-root/AcerDrivers.exe" download>AcerDrivers.exe</a> (5.5 Mo - sha1 2a0c16d835e516a18b4382fc47dcc06e08c37992)</li>
<li><a href="http://dl.lehollandaisvolant.net/android5-root/IntelAndroid-FBRL.zip" download>IntelAndroid-FBRL.zip</a> (35.2 Mo - sha1 18ac61b5eb1b1eadcf70ea7af17d9b4dd8cefef3)</li>
<li><a href="http://dl.lehollandaisvolant.net/android5-root/SuperSU.zip" download>SuperSU.zip</a> (4.1 Mo - sha1 61a0e2b92b4f447b8df35292cc65540a48fd8772)</li>
</ul>

<h3>Quelques liens</h3>

<ul><li> <a href="http://lehollandaisvolant.net/?d=2013/08/04/20/16/55-supprimer-les-logiciels-preinstalles-dandroid">Supprimer les bloatwares d’Android</a></li>
<li> <a href="http://lehollandaisvolant.net/?d=2013/10/15/18/27/38-quelques-astuces-pour-lautonomie-sous-android-sans-applications-speciales">Quelques astuces pour l’autonomie</a></li>
<li> <a href="http://sebsauvage.net/bon-android/">Bon Android</a>&nbsp;: sélection de quelques applications qui valent le coup.</li></ul>
<br />
<p><hr/></p>

<p>Autrement, cette tablette&nbsp;: je recherchais une tablette depuis peu, pour éventuellement remplacer mon petit Dell XPS pour le nomade.<br />
Mes besoins en terme de config étaient <a href="http://lehollandaisvolant.net/?id=20160209214406">listées ici</a>, et c’est <a href="https://twitter.com/CrocMignon/status/697223383449235456">sur conseil du Croc-Mignon sur Twitter</a> que je l’ai prise (elle avait tout ce que je voulais).</p>

<p>La tablette n’est pas mal du tout pour son prix de 300 €&nbsp;: pas trop lourde, l’écran est très bon (full-HD, forcément…), Wifi/BT/GPS (et Glonass!)/NFC…), et le CPU Intel semble faire des merveilles. J’avais déjà pu comparer du Qualcomm, généralement plus puissants que du MediaTEK, mais Intel s’en tire très bien aussi&nbsp;: la navigation entre les app et les sites web est fluide et je n’ai aucun "lag" à noter. Je n’ai pas testé de gros jeux dessus (je n’en ferais probablement jamais).<br />
Il possède 32 Go de mémoire (disque SSD) mais dispose d’un emplacement pour Micro-SDXC, supportant donc les cartes de 64 Go et même au delà normalement. Bonne surprise également : il n’y a pas trop de bloatwares (logiciels pré-installés) : à part 2 applications de Acer, un navigateur de fichier tieres, et les applications de Google (Gmail, Youtube, Maps…), on ne trouve rien. On a vu bien pire ailleurs.</p>

<p>Niveau connectique, il n’a pas de sortie HDMI et la sortie USB (pour la charge) ne fait pas MHL (c’était pas prévu, mais ça aurait été un petit plus).</p>

<p>Je n’ai pas encore eu à l’utiliser en nomade, donc je n’ai pas pu trop tester son autonomie.</p>

<p>En revanche j’ai pu tester l’appareil photo et il est merdique&nbsp;: 5 MPx c’est déjà pas génial, mais la netteté des photos est mauvaise&nbsp;: même pas capable de décoder un QRCode. Clairement, ne l’achetez pas pour son appareil photo.<br />
Heureusement je ne comptais pas m’en servir pour ça (prendre des photos avec sa tablette faut être un peu dérangé) mais le fait qu’il peine même pour les QRCode c’est quand même lamentable (mais ça vient peut-être d’Android 5 aussi).</p>

<p>Mais pour le reste, comme j’ai dit, l’appareil dans son ensemble a l’air plus que correct pour ce prix là.</p>

<p>Un truc à savoir : par défaut, comme tout appareil sous Android 5.x normalement, les partitions de données sont chiffrées. En soit c’est bien, mais pour le root ça m’a empêché d’accéder aux données avec les outils de root (ce qui était problématique pour trouver le fichier Zip du root), c’est pour ça que j’ai dû passer par une carte µSD.<br />
Certains sites disent qu’il faut faire une réinitialisation de sortie d’usine pour virer le chiffrement : ça n’a pas marché chez moi. Comme je ne m’en fiche un peu je n’ai pas cherché plus loin mais pour le désactiver quand même il faut flasher la Rom et/ou le Bios ce que je n’ai pas cherché à faire.</p>


feed_id: 20160228124020-article
title: 20 ans de Pokémon \o/
uri: 20-ans-de-Pokémon-o
url: http://lehollandaisvolant.net/?d=2016/02/28/12/40/20-20-ans-de-pokemon-o
content:
<p><img src="media/79534c93.Pokemon-20-Train-On.jpg" data-original-source="http://lehollandaisvolant.net/img/2a/Pokemon-20-Train-On.jpg" alt="Pokémon 20 years" width="1000" height="563" style="max-width: 100%; height: auto;" class="centrerinline" /><br />

Je ne pouvais pas ne rien dire, ce week-end, pour les 20 ans de pokémon, donc voilà : <strong>bon anniversaire Pokémon</strong> \o.</p>

<p>Il y a tout juste 20 ans que ça a commencé, au Japon, que les premiers jeux sur Game Boy sont sortis. Ils sont sortis un peu plus tard dans le reste du monde. Puis il y a eu la série, les jeux et tout le reste.</p>

<p>En ce qui me concerne, pokémon c’est à peu près toute mon enfance (donc ça l’est encore aujourd’hui^^).</p>

<p><img src="media/f31f416d.pokemon-me.jpg" data-original-source="http://lehollandaisvolant.net/img/58/pokemon-me.jpg" alt="pokémon stuff" width="1000" height="750" style="max-width: 100%; height: auto;" class="centrerinline" /><br />

J’ai ressorti les cartes, l’album, les jeux vidéos, le poster, les peluches, <a href="http://lehollandaisvolant.tumblr.com/post/112711287058">les badges</a>. Et je ne parle pas de tous les films (surtout le premier) et les épisodes (certains sont d’ailleurs disponibles sur mobile sur <a href="https://play.google.com/store/apps/details?id=com.pokemontv">pokémon-TV</a>)^^.</p>


feed_id: 20160301195717-article
title: Vigipirate, État d’Urgence et puis quoi ensuite ?
uri: Vigipirate-État-d-Urgence-et-puis-quoi-ensuite
url: http://lehollandaisvolant.net/?d=2016/03/01/19/57/17-vigipirate-etat-durgence-et-puis-quoi-ensuite
content:
<ul><li> <a href="https://www.nextinpact.com/news/98836-bientot-sms-cibles-geographiquement-pour-prevenir-l-imminence-d-attentats.htm">Bientôt des SMS alertant localement de l’imminence d’attentats&nbsp;?</a></li></ul>

<p>*clap clap*</p>

<p>Bon, pour les risques naturels, ça me semble justifié. Mais les gens ne regardent-ils plus la météo ? Meh.</p>

<p>Pour les alertes terroristes, en revanche : lol ?</p>

<p>Ça va faire 20 ans que la France est sous Plan Vigipirate, 10 ans qu’il est dans le rouge/écarlate. 1 an qu’il est en état d’alerte attentat « imminent ».<br />
Ça fait plus de 3 mois qu’on est en état d’urgence (<a href="https://wiki.laquadrature.net/%C3%89tat_urgence/Recensement">état policier</a>), que cette dernière situation va durer encore 3 mois et sûrement indéfiniment après ça.</p>

<p>Et maintenant ils veulent un "service" supplémentaire pour soi-disant prévenir les gens ?</p>

<p>Déjà, ce « service » supplémentaire montre que <strong>les plans vigitruc ou état d’urgence ne servent plus à rien</strong>. À force des maintenir, <strong>ils font partie de la vie quotidienne</strong> et maintenant tout le monde s’en tape. La <em>vigi</em>lance est retombée : l’urgence est devenue permanente.</p>

<p>Ce « service » va avoir le même effet&nbsp;: au début tout le monde va flipper et rester à l’intérieur de chez eux. Et puis ça va devenir quotidien. Quand on recevra des SMS toutes les 15 minutes 24/7, tout le monde s’en foutra.<br />
C’est comme les alertes incendie : si il y en a 1 ou 2 dans l’année, tout le monde la respecte. Mais si il y a un problème avec le détecteur et que l’alarme retentit tous les jours, plus personne ne sort. Jusqu’au jour où y a vraiment un incendie.</p>

<p>Jusqu’au jour où il y a vraiment un attentat.<br />
Et là ils, les politiciens à la con, seront tous là pour nous dire « on vous avait prévenu ! ». Ouais, c’est ça : alors pourquoi ne pas l’avoir empêché, hein, si vous êtes si malin ?</p>

<p>Avec l’État d’Urgence ou le plan Vigipirate : ça fait 10 ans qu’il est rouge. Sur 10 ans, il y a eu deux ou trois attentats terroristes réels et de grande ampleur. Peut-être qu’ils en ont déjoué, sûrement même (c’est ce qui leur manque : communiquer à propos de ça, au moins pour éviter qu’on pense qu’ils ne servent à rien et donner de l’espoir), mais était-ce réellement grâce au plan Vigipirate ? A-t-on vraiment besoin de faire peur à la population pour ça ? En gros, pourquoi utilisent-ils la <em>terreur</em> pour imposer l’ordre (définition du <em>terrorisme</em>, au fond)?</p>

<p>Ensuite, regardons&nbsp;:</p>

<ul><li> le plan vigipirate demande aux citoyens d’être vigilant&nbsp;: signaler les colis suspects, signaler les bagages abandonnés, etc. Qui a déjà signalé un sac perdu, honnêtement ?</li>
<li> l’État d’Urgence donne à la police tout les droits&nbsp;: entrer chez les gens, détruire leur mobilier, saisir leur matériel (téléphone, ordinateur…) même pour des choses qui n’ont rien à voir avec le terrorisme. Combien de crimes ont été empêchés grâce à ça ? Sur les 3 400 perquisitions, on a eu <a href="http://www.lemonde.fr/societe/article/2016/02/25/apres-trois-mois-d-etat-d-urgence-un-bilan-conteste-et-mitige_4871303_3224.html">5 procès pour terrorisme</a> et <a href="http://www.20minutes.fr/societe/1764351-20160112-etat-urgence-3000-perquisitions-mise-examen-liee-terrorisme">une seule mise en examen pour terrorisme</a>.</li></ul>

<p>Oui, c’est sûr&nbsp;: envoyez donc 1 SMS par jour à toute la population pendant 15 ans, c’est sûr qu’un jour vous auriez eu raison de le faire <em>dans une ville de France</em> (ils ne diront pas que les 5 478 autres jours, ils se seront trompés <em>pour toute la France</em>).</p>

<p>En attendant, <a href="http://tempsreel.nouvelobs.com/attentats-terroristes-a-paris/20151119.OBS9827/ces-nombreux-pays-que-l-existence-de-daech-arrange-bien.html">Daech continue</a> à nous acheter des armes et à nous vendre du pétrole.</p>


feed_id: 20160301170337-article
title: [CSS] Encore quelques effets avancés...
uri: CSS-Encore-quelques-effets-avancés
url: http://lehollandaisvolant.net/?d=2016/03/01/17/03/37-css-encore-quelques-effets-avances
content:
<p>Après <a href="http://lehollandaisvolant.net/?d=2011/10/30/21/27/41-4-proprietes-css-meconnues">mon premier article</a> sur les astuces en CSS, puis <a href="http://lehollandaisvolant.net/?d=2011/11/26/14/29/22-astuces-css-partie-2">le second</a>, une <a href="http://lehollandaisvolant.net/?d=2014/01/29/14/34/04-css-faire-des-menus-sans-flottants-avec-display-inline-block">autre astuce pour des menus responsives</a> (incluse sur <a href="http://lehollandaisvolant.net/tuto/responsive-css">cette page</a>), un autre post sur les <a href="http://lehollandaisvolant.net/?d=2012/03/22/21/48/48-css3-un-truc-a-eviter">choses à éviter</a> ainsi que sur les <a href="http://lehollandaisvolant.net/?d=2014/01/28/16/36/19-maj-les-prefixes-css-obsoletes">préfixes devenues inutiles</a>, quelques idées comme <a href="http://lehollandaisvolant.net/?d=2015/12/15/16/53/47-css-utiliser-des-couleurs-relatives">les couleurs relatives</a> et <a href="http://lehollandaisvolant.net/?q=css+astuce">quelques autres</a>, voici le temps d’un autre article sur le sujet.</p>

<h3>Cacher un élément avec une animation</h3>

<p>Le but ici est d’avoir un élément HTML (un popup par exemple) et de le cacher après quelques instants en l’animant. Le principal problème étant que les propriétés «&nbsp;<em>display: none</em>&nbsp;» et «&nbsp;<em>visibility: hidden</em>&nbsp;» sont <strong>impossibles à animer</strong>, et il faut donc contourner tout ça. Mon astuce est inspirée de <a href="http://rhumaric.com/2013/12/hiding-elements-and-css-animations/">cette page</a>.</p>

<p>On va se servir de l’opacité de l’élément. Le problème, c’est que si on n’utilise que ça, l’élément sera toujours là mais juste invisible&nbsp;: il occupera toujours de la place et masquera ce qui se trouve dessous (si c’est un formulaire ou un lien qui se trouve en dessous, ils seront inaccessible). On va donc réduire la hauteur de l’élément à zéro et masquer tout ce qui dépasse&nbsp;: l’élément ne mesurera plus rien.</p>

<p>L’élément à cacher est ici le «&nbsp;#popup&nbsp;». Il se cachera après 3 secondes et l’animation durera 1 seconde.</p>

<p>Code CSS&nbsp;:</p>

<pre>#popup {
    animation: disapear 1s 3s;
    animation-fill-mode: forwards;
    height: 100px;
    opacity: 1;
    overflow: hidden;
}

@keyframes disapear {  
    100% {
        height: 0;
        opacity: 0;
    }
}</pre>

<p>Le fonctionnement des animations est simple&nbsp;: on dit qu’un élément HTML doit être animée avec une animation bien précise, et plus loin dans le code on va déclarer ladite animation&nbsp;: c’est le rôle du «&nbsp;<em>@keyframes disapear</em>&nbsp;», où on décrit l’avancement de l’animation. Ici, seul l’avancement à 100% est déclarée&nbsp;: l’état à 0% correspond au CSS déclaré «&nbsp;normalement&nbsp;», mais il est possible de déclarer des états intermédiaires pour chaque pourcentage.</p>

<p>La ligne «&nbsp;<em>animation-fill-mode: forwards;</em>&nbsp;» est très importante&nbsp;: sans elle, l’animation une fois terminée replacera l’élément dans son état initial. Ne pas mettre cette ligne permet de faire des animations dont les effets ne durent pas.</p>

<p>Les démos de codes sont ici&nbsp;:</p>

<ul><li> <a href="http://lehollandaisvolant.net/tout/examples/animation-hide.html">sans le «&nbsp;animation-fill-mode: forwards;&nbsp;»</a></li>
<li> <a href="http://lehollandaisvolant.net/tout/examples/animation-hide-forwards.html">avec le «&nbsp;animation-fill-mode: forwards;&nbsp;»</a></li></ul>

<h3>Mettre une ligne de texte sur une seule ligne et masquer ce qui dépasse</h3>

<p>Ici, on veut qu’une ligne de texte ne retourne pas à la ligne. On souhaite également masquer ce qui dépasse. Bien-sûr, on connaît la méthode classique avec seulement deux propriétés&nbsp;:</p>

<pre>#element {
    white-space: nowrap;
    overflow: hidden;
}</pre>

<p>Sauf que la coupure n’est pas belle. L’astuce ici est d’ajouter la propriété CSS3 «&nbsp;<em>text-overflow</em>&nbsp;», qui permet de choisir ce qui se passe à la coupure. Je choisis toujours «&nbsp;<em>ellipsis</em>&nbsp;», qui va ajouter des points de suspensions avant de couper la ligne.</p>

<p>Notez qu’il faut appliquer le «&nbsp;<em>overflow: hidden</em>&nbsp;» à un élément qui possède une taille définie (ici, je l’applique au bloc parent, dans lequel on met un bloc enfant).</p>

<p>On obtient alors&nbsp;:</p>

<pre>#parent-block {
    overflow: hidden;
    text-overflow: ellipsis;
}

#block {
    white-space: nowrap;
}</pre>

<ul><li> <a href="http://lehollandaisvolant.net/tout/examples/word-wrap-ellipsis.html">démonstration</a>.</li>
<li> <a href="http://lokoyote.eu/css-encore-quelques-effets-avances-lehollandaisvolant/">Mise à jour, par Lokoyote</a> : il faut que les éléments soient de type block/inline-block.</li></ul>

<p>Par ailleurs, pour que ça marche également sur les éléments &lt;pre&gt; et &lt;code&gt; et dans Firefox, ajoutez ceci&nbsp;:  <em>pre, code { white-space: pre-wrap; }</em>.<br />
Aussi, faites attention car cet effet masque du texte. Si c’est un résumé suivi d’un lien «&nbsp;<em>lire la suite</em>&nbsp;» ce n’est pas grave. Mais si c’est une ligne de code à copier, ça devient embêtant.</p>

<p>Ceci peut devenir très intéressant avec les flexbox, où les éléments ont une taille variable, et si l'on veut par exemple que les éléments (de liste par exemple) restent sur une seule ligne.</p>

<p>(<a href="http://lehollandaisvolant.net/?mode=links&amp;id=20140420165310">source &amp; liens</a>)</p>


feed_id: 20160307161929-article
title: 10 ans de prison et 2000 coups de fouets pour des tweet.
uri: 10-ans-de-prison-et-2000-coups-de-fouets-pour-des-tweet
url:
http://lehollandaisvolant.net/?d=2016/03/07/16/19/29-10-ans-de-prison-et-2000-coups-de-fouets-pour-des-tweet

content:
<p>Faites des tweets en Arabie Saoudite, remettant en cause l’existence de dieu et <a href="http://www.pbs.org/newshour/rundown/saudi-court-sentences-man-to-10-years-2000-lashes-for-atheist-tweets/">prenez pour 10 ans de prison, 2000 coups de fouets et une amende de 5300 €</a>.</p>

<p>Soyez riche en Arabie Saoudite, soyez celui qui donne ces coups de fouets (entre 70 autres exécutions depuis le début de l’année) et <a href="http://www.lemonde.fr/proche-orient/article/2016/03/06/la-france-decore-le-prince-heritier-d-arabie-saoudite-de-la-legion-d-honneur_4877454_3218.html">recevez la légion d’honneur à l’Élysée</a>.</p>

<p>Yep, y a pas à dire : la semaine ne fait que commencer, tout va bien.</p>


feed_id: 20160321202025-article
title: Vos contenus « premium » sont trop chers !
uri: Vos-contenus-premium-sont-trop-chers
url: http://lehollandaisvolant.net/?d=2016/03/21/20/20/25-vos-contenus-premium-sont-trop-chers
content:
<p>Je trouve les versions premium ou abonnés des sites bien trop chères.</p>

<p>Voici en exemples pour quelques sites d’information grand public :</p>

<ul><li> Le Monde&nbsp;: 17,90 € / mois</li>
<li> Le Figaro&nbsp;: 9,90 € / mois</li>
<li> L’Équipe&nbsp;: 11,99 € / mois</li>
<li> Libération&nbsp;: 15 € / mois</li>
<li> …</li></ul>

<p>Les éditeurs s’imaginent encore que l’internaute a devant lui une poignée de sites d’information, comme on avait une poignée de journaux chez le marchand, et qu’on devait choisir un titre plutôt qu’un autre (généralement toujours le même)</p>

<p><strong>Et ben non&nbsp;!</strong><br />
Les internautes ont en face d’eux 200 ou 300 sites qu’ils lisent tous les jours, qu’ils voient passer tous les jours et qu’ils veulent tous lire tout le temps. Mais contrairement au format papier, personne ne va lire l’intégralité des publications d’un site d’information en ligne.</p>

<p>Bienvenu sur Internet, les gars&nbsp;! Votre modèle de la presse papier appliqué sur le web ne fonctionne plus. Votre offre identique au monde du papier n’est pas en phase avec le web ou la demande est différente.<br />
Faire une offre premium à 10 € par site, c’est impossible à tenir pour tout ceux qui ne sont pas millionnaires (et ça fait du monde), quand on a 200 sites favoris.</p>

<p>Les internautes veulent lire quelques articles de chaque site, pas tous les articles d’un seul site. Vous pensez qu’il est "normal" de payer 10 € par mois pour l’équivalent mensuel d’un journal papier (1 à 2 articles par jour) ? Moi non.<br />
Ça c’est la première chose.</p>

<p>Maintenant une seconde chose.<br />
À 10 € par mois, vous convaincrez, disons, 10 internautes. Ça vous fait 100 €.<br />
À 1 € par mois, bien plus accessible, vous convaincrez 100 internautes. Ça vous fait 100 €.</p>

<p>Je vous le dit là : préférer avoir 10 abonnés à 10 € plutôt que 100 abonnés à 1 €, c’est une erreur monumentale.<br />
Contrairement à l’économie classique où les deux cas seraient revenus au même, sur le net il faut élargir son audience au maximum.</p>

<p>Car sur le net, les gens ne font pas que lire en silence dans la bus puis parler au bistro. Sur le net les gens ne parlent pas, ils partagent des liens. Personne ne dit « j’ai lu dans le libé que… »&nbsp;! les gens disent « tiens lis cet article » (suivi d’un lien).</p>

<p>Vous voyez l’intérêt, maintenant, d’avoir 100 personnes abonnés à 1 € plutôt que 10 personnes à 10 € ?<br />
100 personnes ça partage bien plus que 10 personnes, et ça c’est également une valeur. Une valeur créée par les internautes pour vous, car votre article est considéré comme valant le coup d’être partagé.</p>

<p>C’est le nombre d’abonnés qui importe, pas le prix qu’ils payent individuellement.</p>

<p>Autrement, pour moi, une offre premium pour un site de presse généraliste, c’est 1 voire 2 € grand max par mois. C’est le prix d’un journal papier environ, de 5~10 pages, donc d’une vingtaines d’articles, soit environ un par jour. Si vous voulez que je lise chez vous et pas chez un autre, mettez de la qualité et pas du <em>clicbait</em> à la con (je suis pas une mendiant à clic : des sources d’info j’en ai plein).</p>


feed_id: 20160323182939-article
title: Attentats : « C’était bizarre – ça ressemblait à des lignes, comme des lignes de code »
uri: Attentats-C-était-bizarre-ça-ressemblait-à-des-lignes
url:
http://lehollandaisvolant.net/?d=2016/03/23/18/29/39-attentats-cetait-bizarre-ca-ressemblait-a-des-lignes-comme-des-lignes-de-code

content:
<p>Voir ici : <a href="http://rue89.nouvelobs.com/2016/03/22/les-terroristes-y-a-mieux-quun-telephone-chiffre-jetable-263540">Pour les terroristes, il y a mieux qu’un téléphone chiffré&nbsp;: un jetable - Rue89 - L'Obs</a></p>

<p>Je cite la citation d’une passante :</p>

<blockquote>L’un des terroristes a sorti un ordinateur portable, l’appuyant contre le mur, raconte la femme de 40 ans. Une fois allumé, elle a vu une ligne de charabia sur l’écran&nbsp;: “C’était bizarre – ça ressemblait à des lignes, comme des lignes de code. Il n’y avait pas d’image, pas d’Internet”, raconte-t-elle.</blockquote>

<p><strong>Alors là fait chier.</strong></p>

<p>Il m’arrive de prendre le train.<br />
Il m’arrive de prendre mon PC portable dans le train.<br />
Il m’arrive d’écrire des programmes sur mon PC portable dans le train.</p>

<p>Ça ne devrait plus tarder qu’on m’emmène au poste parce qu’un passager va penser que je planifie un attentat au JavaScript.</p>

<p>Rhaaa.<br />
C’est dans ces moments là que j’aurais aimé que la programmation soit enseignée à l’école : que tout le monde sa reconnaître un code de programmation, comme tout le monde reconnaît des équations mathématique ou des hiéroglyphes, juste pour que cesse la psychose du vilain h@x0r-p1rate terroriste qui affiche une interface en lignes de commande.</p>

<p>NON, ceci n’est pas une bombe :</p>

<p><img src="media/97e2e081.code.png" data-original-source="http://lehollandaisvolant.net/img/6a/code.png" alt="du code javascript" width="1212" height="853" style="max-width: 100%; height: auto;" class="centrerinline" /><br />

Ça, c’est comment les applications de ton téléphone, les logiciels de ton ordinateur et tes sites web préférés sont créés.</p>

<p>Peu importe le chiffrement ou l’interface de ton outil de communication&nbsp;: un ordinateur n’a encore jamais tué quelqu’un.</p>

<p>Une arme à feu ou une bombe, si.<br />
Une arme à feu, ça sert à tuer des gens.</p>

<p>Ça t’étonne ?</p>

<p>B0rd€l d3 M€r[)e.</p>


feed_id: 20160402094828-article
title: [TUTO] Les Bloatwares sous Android 5 Lolipop
uri: Les-Bloatwares-sous-Android-5-Lolipop
url: http://lehollandaisvolant.net/?d=2016/04/02/09/48/28-tuto-les-bloatwares-sous-android-5-lolipop
content:
<p>Dans mon article expliquant <a href="http://lehollandaisvolant.net/?d=2013/08/04/20/16/55-supprimer-les-logiciels-preinstalles-dandroid">comment désactiver facilement les applications Android</a>, je donnais aussi une liste des APK système qu’on peut désactiver, et avec elle leur fonction au sein d’Android. L’article a presque 3 ans et était faite pour Android 4.1, voici venu le moment pour une mise à jour.<br />
Je prends ici comme base la tablette <a href="http://lehollandaisvolant.net/?d=2016/02/20/20/01/39-root-de-la-tablette-acer-iconia-10-a3-a30">Acer Iconia 10</a>, sous Android 5.0.2 qui est <strong>rootée</strong>.</p>

<p>La tablette n’ayant pas beaucoup d’applications tierces (ce qui est une bonne chose), la liste suivante contient surtout des <strong>composants d’Android qui peuvent être désactivés</strong>.</p>

<p>Quelques notes avant de commencer, par rapport à <a href="http://lehollandaisvolant.net/?d=2013/08/04/20/16/55-supprimer-les-logiciels-preinstalles-dandroid">l’article pour Android 4.1</a> :</p>

<ul><li> sous Android 4.x, les APK se trouvaient dans le dossier <code>/system/app</code>. Sous Lolipop, il y a deux dossiers : <code>/system/app</code> et <code>/system/priv-app</code>. Les deux fonctionnent de la même manière.</li>
<li> un autre changement est que ces dossiers ne contiennent plus les APK et les .odex, mais des dossiers qui eux contiennent les APK et les .odex. La méthode reste la même, mais <strong>il faut « chmoder » le dossier entier</strong> à 000.</li></ul>

<p>N’oubliez pas : si vous voulez désactiver une application système, il faut d’abord aller dans les préférences > applications, puis réinitialiser votre application en supprimant les mises à jours.<br />
De plus, si vous désactivez par exemple Google Chrome, il sera tout à fait possible d’aller sur le play Store et d’installer Chrome. Ceci est donc également une méthode de transformer les bloatwares en applications « normales ».</p>

<p>À vous de voir si vous avez besoin des applications en question, en ce qui me concerne, les APK à désactiver dans <code>/system/app</code> sont :</p>

<ul><li> <strong>AcerFreehandCapture</strong> : un utilitaire pour réveiller la tablette en utilisant la caméra.</li>
<li> <strong>AcerGallery</strong> : un gestionnaire d’images d’Acer.</li>
<li> <strong>AcerNidus</strong> : un gestionnaire de rapport de bugs pour Acer. Un mouchard qui récolte des informations sur votre téléphone.</li>
<li> <strong>BasicDreams</strong> : un fond d’écran animé.</li>
<li> <strong>Books</strong> : Google Play Livres</li>
<li> <strong>Chrome</strong> : Google Chrome. J’utilise Firefox.</li>
<li> <strong>CloudPrint</strong> : Un outil pour imprimer un document en passant par le Wifi.</li>
<li> <strong>Drive</strong> : Google Drive.</li>
<li> <strong>Email</strong> : Le client Email par défaut d’Android (j’utilise K9-Mail)</li>
<li> <strong>Exchange2</strong> : Le client Exchange, pour utiliser la messagerie de Microsoft.</li>
<li> <strong>FaceLock</strong> : L’outil pour déverouiller l’écran à coup de grimaces.</li>
<li> <strong>FloatCalculator</strong> : ↓</li>
<li> <strong>FloatCalendar</strong> : ↓</li>
<li> <strong>FloatGadget</strong> : ↓</li>
<li> <strong>FloatText</strong> : → Ces 4 applications sont des méta-paquets qui permettent d’avoir la calculatrice, le calendrier, etc. en mode « flottant », c’est à dire en tant que que widget par dessus les autres applis.</li>
<li> <strong>Gmail2</strong> : Gmail (pas besoin)</li>
<li> <strong>GoogleKorean</strong> : ↓</li>
<li> <strong>GooglePinyin</strong> : → des paquets pour le coréen et le chinois (?) dans le clavier Google.</li>
<li> <strong>GoogleTTS</strong> : Le outil de reconnaissance vocal.</li>
<li> <strong>GoogleTranslate</strong> : Google Traductions.</li>
<li> <strong>Hangouts</strong> : Hangouts (ça va, c’est pas trop dur à deviner)</li>
<li> <strong>HoloSpiralWallpaper</strong> : Un autre fond d’écran animé.</li>
<li> <strong>LiveWallpapers</strong> : → Le gestionnaire de fond d’écrans animés. Je désactive ça car je n’utilise pas. Même si c’est joli, ça consomme pas mal de batterie.</li>
<li> <strong>LiveWallpapersPicker</strong> : ↑</li>
<li> <strong>Maps</strong> : Google Maps.</li>
<li> <strong>Music2</strong> : Google Play Musique</li>
<li> <strong>Newsstand</strong> : Google Kiosque (pour les magasines et les journaux via Google Play)</li>
<li> <strong>NoiseField</strong> : Un autre fond d’écran.</li>
<li> <strong>PartnerBookmarksProvider</strong> : Des outils marketing/partenaires de Google</li>
<li> <strong>PhaseBeam</strong> : Un autre fond d’écran.</li>
<li> <strong>PhotoTable</strong> : Un gestionnaire d’images, pour utiliser la tablette comme écran à photos</li>
<li> <strong>PlayGames</strong> : Google Play Jeux</li>
<li> <strong>PlusOne</strong> : Google Plus</li>
<li> <strong>PrintSpooler</strong> : Un autre outil pour l’impression depuis la tablette.</li>
<li> <strong>ScreenGrabber</strong> : Un outil pour faire des captures d’écran.</li>
<li> <strong>TouchWakeAppSettings</strong> : un utilitaire pour réveiller la tablette depuis l’écran</li>
<li> <strong>Videos</strong> : Le gestionnaire de vidéos. J’utilise VLC.</li>
<li> <strong>VisualizationWallpapers</strong> : Un autre fond d’écran.</li>
<li> <strong>YouTube</strong> : Youtube (je préfère le désactiver ici et l’installer depuis le Play).</li>
<li> <strong>talkback</strong> : Le moteur de synthèse vocal de Google.</li></ul>

<p>Les APK à désactiver dans <code>/system/priv-app</code> sont&nbsp;:</p>

<ul><li> <strong>AcerBlueLightFilter</strong> : un filtre à lumière bleue (style "Redshift"). Je préfère l’application CF-Lumen.</li>
<li> <strong>AcerClock2</strong> : Un widget d’Acer, celui de la pendule.</li>
<li> <strong>AcerOOBE3</strong> : Un outil d’Acer qu’on a quand on allume la tablette pour la première fois.</li>
<li> <strong>AndroidForWork</strong> : Un outil pour utiliser la tablette pour travailler (je ne sais pas trop ce que ça fait).</li>
<li> <strong>DemoVideo</strong> : Une vidéo de démo (faut vraiment un APK pour ça ?)</li>
<li> <strong>EZNote</strong> : Une application de prise de notes. Je préfère color-notes.</li>
<li> <strong>GooglePartnerSetup</strong> : encore des trucs de google et ses partenaires</li>
<li> <strong>Tag</strong> : Le truc pour faire du NFC.</li>
<li> <strong>Velvet</strong> : La barre Google en haut (j’utilise pas ça).</li>
<li> <strong>astro</strong> : Un gestionnaire de fichiers pré-installé.</li></ul>

<p>Désactiver tout ça à la main dans Root Explorer peut être assez chiant.<br />
Je préfère donc faire ça en ligne de commandes depuis mon l’ordi (sous Linux Mint).<br />
Il suffit d’activer les outils de développeurs et de brancher votre tablette en USB à votre ordinateur. Sous Linux Mint, il faut installer le paquet <code>android-tools-adb</code>. Ensuite, lancez les commandes suivantes dans un terminal :</p>

<pre>adb shell</pre>

<p>Si votre ordinateur reconnaît la tablette, cette dernière vous demande de confirmer l’accès.<br />
Le shell d’Android est maintenant disponible sur l’ordinateur. Ne faîtes rien sans savoir ce que vous faîtes&nbsp;: vous pourriez rendre la tablette inopérante.</p>

<p>Mettez-vous en super-utilisateur :</p>

<pre>su root</pre>

<p>(Validez l’accès root avec super-su)</p>

<p>Pour faire les modifs de chmod dans les dossiers, la partition système doit être remontée en mode lecture-écriture :</p>

<pre>mount -o rw,remount /system</pre>

<p>Allez dans le dossier <code>/system/app</code> :</p>

<pre>cd /system/app</pre>

<p>Et là vous chmodez les applications que vous voulez d’un seul coup (la commande suivante les chmode tous, à vous de faire le tri — de toute façon rien n’est perdu si vous vous trompez) :</p>

<pre>chmod -R 000 AcerFreehandCapture AcerGallery AcerNidus BasicDreams Books Chrome CloudPrint Drive Email Exchange2 FaceLock FloatCalculator FloatCalendar FloatGadget FloatText Gmail2 GoogleKorean GooglePinyin GoogleTTS GoogleTranslate Hangouts HoloSpiralWallpaper LiveWallpapers LiveWallpapersPicker Maps Music2 Newsstand NoiseField PartnerBookmarksProvider PhaseBeam PhotoTable PlayGames PlusOne PrintSpooler ScreenGrabber TouchWakeAppSettings Videos VisualizationWallpapers YouTube talkback</pre>

<p>Et dans le dossier <code>/system/priv-app</code> :</p>

<pre>cd /system/priv-app</pre>

<pre>chmod -R 000 AcerBlueLightFilter AcerClock2 AcerOOBE3 AndroidForWork DemoVideo EZNote GooglePartnerSetup Tag Velvet astro</pre>

<p>Et c’est bon.<br />
Plus qu’à redémarrer :</p>

<pre>reboot</pre>

<p>La tablette va redémarrer, votre session shell va être déconnectée et tout est bon : au démarrage, les applications seront supprimées.</p>


feed_id: 20160405202307-article
title: À propos du compteur Linky, ses 0,1 V/m et le problème de la vie privée
uri: À-propos-du-compteur-Linky-ses-0-1-V-m-et-le-problème-de-la-vie-pr
url:
http://lehollandaisvolant.net/?d=2016/04/05/20/23/07-a-propos-du-compteur-linky-ses-01vm-et-le-probleme-de-la-vie-privee

content:
<p><img src="media/efdabf69.compteur.jpg" data-original-source="http://lehollandaisvolant.net/img/4d/compteur.jpg" alt="compteur électrique" width="400" height="250" style="max-width: 100%; height: auto;" class="one" /><br />
« <a href="http://ufe-electricite.fr/publications/le-saviez-vous/article/le-saviez-vous-le-compteur-linky">Le compteur Linky émet 0.1 V/m, soit 800 fois moins qu’un grille-pain</a> » (<a href="http://links.la-bnbox.fr/?uRWa3g">via</a>)</p>

<p>Je n’ai jamais compris pourquoi tout le monde s’inquiète soudainement du champ électrique autour d’un compteur Linky (les nouveaux compteurs connectés et « intelligents » d’EDF). Non, franchement, je ne vois pas : le danger de ces trucs n’est franchement pas dans le champ électrique émis par un compteur.</p>

<p>C’est de la désinformation totale que de dire que ça constitue un danger. Il ne me semblerait pas étonnant que cette désinformation soit lancée par ceux qui veulent imposer ces compteurs de force, histoire de décrédibiliser tout ceux qui sont contres, même pour les autres raisons. Car <strong>oui, ces compteurs promettent d’être de la bonne merde !</strong> C’est juste que ça n’est pour la raison du champ électrique.</p>

<p>Les compteurs Linky sont bien plus dangereux sur d’autres points&nbsp;:</p>

<ul><li> La consommation électrique des compteurs eux-mêmes (facturée à l’abonné, évidemment) ;</li>
<li> Et ce sont des dispositifs qui détectent exactement quoi et quand on allume un appareil.</li></ul>

<p>Ce dernier point ne vous semble pas important ? Attendez-voir.<br />
Déjà, sachez que chaque appareil électrique consomme une tension et une intensité propre, avec un dephasage propre, et selon des cycles très distincs&nbsp;: un lave-linge a ainsi une « signature » électrique différente d’un frigo ou d’un four à micro-ondes.</p>

<p>Du coup, l'opérateur réseau sait exactement quand vous allumez un four. En fait, il savent quand vous vous levez le matin (alumage de la lumière, du chauffage, du grille-pain, de la cafetière). Ils savent quand vous rentrez, qui reste chez vous, combien vous êtes…</p>

<p>Vous vous dites que c’est mal, mais globalement vous vous en foutez ? Attendez-voir… Bis.</p>

<ul><li> <strong>Imaginez :</strong> vous êtes en arrêt maladie et êtes censés être chez vous&nbsp;? Alors pourquoi le chauffage était éteint toute la journée&nbsp;? Merci à EDF pour cette information : grâce à eux, votre arrêt maladie ne sera pas payé&nbsp;: vous n’êtes pas resté chez vous comme il le faut.</li>
<li> <strong>Imaginez :</strong> vous déclarez habiter seul. Probablement pour toucher plus d’allocs ou autres, et vous bossez&nbsp;? Alors pourquoi le chauffage, le micro-ondes et le chauffe-eau ont été utilisés en journée, tel ou tel jour&nbsp;? Merci EDF pour cette information ! Grâce à vous le fisc sait que quelqu’un était chez vous pendant que vous bossiez. Vous ne vivez donc pas seul. Vous n’êtes pas éligible à telle ou telle aide.</li></ul>

<p>Vous vous en foutez toujours là ?<br />
Et avec la centralisation de toutes les informations, soyez 100 % sûr qu’on y arrivera ! Les banques sont déjà contraintes de communiquer bien trop d’informations au fisc, et ce dernier donne déjà tout aux autres services.</p>

<p>Oui, j’admets&nbsp;: dans mes exemples, ça permet de choper les fraudeurs. Ok. Même si la fraude aux aides sociales est une goutte d’eau devant l’océan d’évasion fiscale des riches qui pondent les lois, on ne peut pas leur reprocher d'essayer de réduire la fraude comme ça.</p>

<p>Donc voici deux autres cas de figure :</p>

<ul><li> EDF, puis le fisc saura par exemple quand vous hébergez votre copain Thierry ou votre tante Jeannine pour dépanner&nbsp;: vous voulez vraiment laisser l’État fouiller dans votre vie privée comme ça&nbsp;? La solidarité est devenue synonyme de fraude ?</li>
<li> De plus, le simple fait de changer de frigo sera détecté par EDF grâce au Linky. Pas grave vous pensez&nbsp;? Comment vous l’avez payé, si vous êtes au RSA&nbsp;? Comment allez vous expliquer ça aux impôts ? Votre grand-mère vous en a fait don ? Mais c’est qu’un don (fiscalement parlant), c’est imposable.[/i]</li></ul>

<p><strong>Tout ça c’est une question de vie privée : elle vaut de l’or pour tout le monde.</strong> Ne laissez personne vous la prendre, même contre de l’argent (assurance moins cher si vous les laissez vous moucharder votre voiture ou votre téléphone, par exemple) !</p>

<p><strong>Voilà les vrais problèmes du Linky : <a href="https://www.laquadrature.net/fr/de-l-intimite-et-de-sa-necessite">la vie privée</a> !</strong></p>

<p><img src="media/232db4c5.pilone.jpg" data-original-source="http://lehollandaisvolant.net/img/d3/pilone.jpg" alt="pilone électrique" width="400" height="209" style="max-width: 100%; height: auto;" class="one" /><br />
Pour en revenir au champ électrique : le «&nbsp;<em>0,1 V/m</em>&nbsp;» c’est <strong>la différence de potentiel électrique dans l’air</strong>.<br />
Un conducteur électrique que l’on met sous tension émet autour de lui un champ électrique. Ce champ est d’autant plus intense que la tension dans le fil est haute.</p>

<p>Sur un fil électrique d’EDF, celui qui relie votre maison au réseau, ou le quartier au réseau, c’est généralement du 220 V et du 20 000 V respectivement dans le câble. C’est peu&nbsp;: le champ électrique (qu’on mesure en V/m) émis autour du câble est suffisamment bas pour ne pas inquiéter les oiseaux qui se posent dessus sans aucun problème.</p>

<p>En revanche, les lignes HT-B (<em>haute tension B</em>, anciennement THT) des <strong>pylônes électriques sont à des tensions de 400 000 V</strong> (parfois même 800 000 V ou 1 200 000 V sur de très longues distances).</p>

<p>Ces tensions sont si élevées qu’entre deux points de l’air autour du câble la différence de potentiel est suffisante pour être mortelle <u>avant même de toucher le fil</u>, et ceci même avec un isolant (20 cm de verre, par exemple) entre le câble et vous. La différence de potentiel se trouve vraiment <em>dans</em> l’air.</p>

<p>C’est pour ça qu’on ne voit jamais d’oiseaux posés sur des fils électriques de lignes de pylônes électriques : ils sentent le champ électrique à plusieurs mètres et fuient.</p>

<p>Enfin, pour l’anecdote : l’entretient de ces lignes HT-B se font sans couper le courant, en hélicoptère (<a href="https://www.youtube.com/watch?v=LIjC7DjoVe8">vidéo</a>).<br />
L’opérateur est dans une combinaison métallisée histoire d’uniformiser le potentiel électrique autour de lui. Même si l’hélicoptère est isolé, il doit se mettre au même potentiel que le câble avant l’intervention.</p>

<p>Le potentiel électrique n’est pas un danger&nbsp;: c’est la différence de potentiel (la tension) qui l’est.</p>

<p>Et pour un compteur Linky, une différence de potentiel de 0,1 V/m, ce n’est rien.</p>

<p><strong>MISE À JOUR :</strong> comme c’est étrange, ils font une loi qui pourraient permettre :</p>

<blockquote>[aux administrations] d’obtenir des “informations complémentaires” auprès des entreprises délivrant l'eau, l'électricité, le gaz et des fournisseurs d’accès. Ces opérateurs privés auraient bien entendu l’obligation de répondre aux demandes de ces agents.</blockquote>

<p>(<a href="https://www.nextinpact.com/news/99819-contre-fraude-senateurs-songent-a-carte-vitale-biometrique.htm">source</a>)</p>

<p class="small"><a href="https://www.flickr.com/photos/disodium/1348448225/">image</a> et <a href="https://www.flickr.com/photos/oneterry/16291106705/">image</a></p>


feed_id: 20160405170735-article
title: #Orange : Et si j’appuyais sur ce bouton ?
uri: Orange-Et-si-j-appuyais-sur-ce-bouton
url: http://lehollandaisvolant.net/?d=2016/04/05/17/07/35-orange-et-si-jappuyais-sur-ce-bouton
content:
<p>Le PDG d’Orange <a href="http://www.clubic.com/pro/entreprises/orange-france-telecom/actualite-801804-stephane-richard-rachat-bouygues-regrette.html">dit qu’il fait le pari</a> que les prix des forfaits mobiles vont prochainement augmenter.</p>

<p>Traduction&nbsp;: «&nbsp;<em>Et si j’appuyais sur le bouton “augmenter les prix”&nbsp;?</em>&nbsp;».</p>

<p>Non parce que bon, nous prendre pour des cons, ça va hein. C’est pas comme si les prix étaient fixés par les opérateurs, et même entre eux (<a href="https://fr.wikipedia.org/wiki/Affaire_de_l'entente_entre_trois_op%C3%A9rateurs_de_t%C3%A9l%C3%A9phonie_mobile_en_France">comme c’est déjà arrivé</a> et comme ça nous a coûté 1,5 milliard d’euros).</p>

<p>Ce n’est que depuis l’arrivée de Free Mobile que les prix sont tombés, et qu’on a vu apparaître des forfaits « low-cost » un peu partout, y compris à la Poste et ailleurs.<br />
La qualité de ces réseaux à prix cassé mise à part pour le moment, même sans ça, s’il y a eu un seul avantage à tout ça c’est la baisse globale des prix :</p>

<figure><img src="media/7bdec284.evolution-indice-prix-mobiles-2010-2014.gif" data-original-source="http://lehollandaisvolant.net/img/a0/evolution-indice-prix-mobiles-2010-2014.gif" alt="évolution prix mobile 2010-2014" width="697" height="355" style="max-width: 100%; height: auto;" /><figcaption>(<a href="http://www.arcep.fr/?id=12614">source&nbsp;: Arcep</a>)</figcaption></figure>

<p>Et puis c’est pas comme si le même monsieur avait déclaré que <a href="http://www.clubic.com/pro/entreprises/orange-france-telecom/actualite-792032-stephane-richard-orange-garantit-baisse-prix-acquis-irreversible.html">s’il rachetait Bouygues, les prix resteront les mêmes</a>.</p>

<p>Ce rachat ne s’étant pas fait à cause de la gourmandise d’Orange, de Bouygues et de leur sac-à-fric d’actionnaires, ça me semble être une façon de faire porter le chapeau à l’État et au gouvernement de la future (et éventuelle) hausse des prix. Bravo François Hollande : juste avant les présidentielles, c’est encore de ta faute si les prix augmentent !</p>

<p>Oh et puis, c’est étrange, car juste après que Free Mobile arrivait, les mêmes disaient que le service allait se dégrader et que les prix finiront par remonter et que ça ne pourrait pas durer.<br />
Ben je sais pas vous, mais entre 2010 et aujourd’hui, le prix que je débourse pour mon forfait mobile est passé de 3,50 €/mois à 2 €/mois (merci Free), et bizarrement, ça fait 4 ans que ça dure et que la qualité du service, avouons-le, pas brillante au début, s’est quand même nettement amélioré.</p>

<p>Et même si hausse il y a, il faudrait qu’elle soit au moins de 40 à 50 % pour retrouver son niveau d’avant Free Mobile. Vous pensez vraiment qu’un opérateur va s’y risquer tout seul ? Et s’ils s’y risquent ensembles, on va encore avoir droit à un procès pour entente des prix comme il y a 10 ans.</p>


feed_id: 20160404192241-article
title: @Le__Greg : Nous sommes en train de tuer Internet
uri: Le__Greg-Nous-sommes-en-train-de-tuer-Internet
url: http://lehollandaisvolant.net/?d=2016/04/04/19/22/41-le__greg-nous-sommes-en-train-de-tuer-internet
content:
<p>Ceci est un court commentaire à cet article de <strong>Le Greg</strong> : <a href="https://medium.com/@Le__Greg/nous-sommes-en-train-de-tuer-internet-401cbd3e7058">Nous sommes en train de tuer internet</a>.<br />
L’article dresse un petit état des lieux du web actuel : ce qui était il y a encore 10~15 ans un monde horizontal, où chacun était au même niveau de hiérarchie, est maintenant remplacé par un web « machine à statistiques », où le monde vénère ceux qui ont le plus de followers/abonnés/likes et où la quantité de lecteurs a remplacé la qualité de la lecture, le tout pour une question d’annonceurs, d’argent et d’égo.</p>

<p>Et ceci n’est pas le plus grave : après tout, tout le monde est libre de vivre sa vie comme il l’entend, que ce soit vivre ses rêves ou rêver de la vie des autres, mais les outils qui sont mis en avant et à disposition des internautes favorisent tous un seul de ces deux choix&nbsp;:</p>

<blockquote>Twitter affiche moins de publicités aux stars qu’aux autres utilisateurs. Facebook donne des outils supplémentaires aux utilisateurs dont le compte a été vérifié. Nous arrivons à un internet à deux niveaux&nbsp;: l’un pour les nantis, l’autre pour le reste du monde.</blockquote>

<p>Si je suis d’accord sur le constat et l’analyse qui en est fait, c’est la conclusion (et le titre) qui me semblent à modérer un peu : je ne pense pas que l’on soit en train de tuer le net (ou le web, plutôt).</p>

<p>Déjà, ce dernier peut s’étendre à l’infini : il y a donc de la place pour tout le monde, y compris les réseaux sociaux. Et ensuite, le web n’est-il pas ce que les internautes en font ? N’est-il pas l’un des seuls outils véritablement démocratique que nous avons, et à ce titre ne devons nous pas accepter que tout le monde le façonne tel qu’il le veut ? C’est la liberté de faire ce qu’on veut avec ce qu’on a. En plus de ça, que le réseau de Mark Zuckerberg prend des proportions démesurées ne nuit pas à ceux qui s’en fichent, que je sache.</p>

<p>Je pense que le net est plus vivant qu’il ne l’a jamais été :</p>

<ul><li> Il n’a jamais été aussi simple de commander un service d’hébergement et d’installer un moteur de blog ou une suite web.</li>
<li> Il n’a jamais été aussi simple de se mettre à l’auto-hébergement : on peut transformer son vieux téléphone en serveur à domicile ou installer un mini-serveur (comme un <a href="https://fr.wikipedia.org/wiki/Raspberry_Pi">Raspberry-Pi</a> à 20 € et consommant que dalle en énergie), surtout quand la bande passant — quoi que moisie en upload la plupart du temps — est illimité (en tout cas en France).</li>
<li> Il n’a jamais été aussi simple de se mettre à écrire, filmer, photographier, dessiner, coder, enseigner, apprendre, expliquer, rechercher et publier ce qu’on veut en ligne.</li></ul>

<p>Le seul truc est que les réseaux sociaux géants n’existaient pas il y a 15 ans, alors qu’aujourd’hui tout le monde ne voir plus que ça.<br />
Du coup, le «&nbsp;<em>net de l’époque</em>&nbsp;» est de moins en moins visible aux non initiés, mais il est toujours là et il le sera tant qu’il y aura quelqu’un en dehors des Facebook, Youtube et autres, et <a href="https://investor.verisign.com/releasedetail.cfm?releaseid=920138">il y a de plus en plus de monde</a>.<br />
Le web ne sera donc pas tué par les Gafam (Google-Apple-Facebook-Amazon-Microsoft), ni par personne. Faire un site web sera toujours possible.</p>

<p>Il s’agit simplement de faire attention : on fait de plus en plus souvent sous-traiter les données par les Gafam. Ceci passe par le délaissement du RSS au profit de l’abonnement sur Twitter, le délaissement des commentaires au profit des discussion sur Facebook, le délaissement des images/vidéos en local pour des scripts d’intégration Instagram/Youtube.</p>

<p>Ça ne tue pas le web et la liberté de parler, et de créer : ça tue le côté social et c’est dangereux. Car plutôt que se rendre des visite virtuelles les uns chez les autres, on préfère tous se retrouver dehors sur un réseau social impersonnel, stérile et encadré (et qui plus est, non plus pour parler des idées mais pour parler des personnes). Quant au côté dangereux : vous construiriez une maison autour en vous appuyant sur un mur posé là par un voisin ? Avec le risque que ce dernier le démolisse quand il en a envie&nbsp;? De même, sur un site web, il est « <a href="http://lehollandaisvolant.net/?id=20160329124404">suicidaire</a> » de compter sur les services externes pour fonctionner. S’en servir, aucun problème. Mais en dépendre, non.</p>

<p><em>(PS : tout comme dans l’article initial, je laisse de côté tout ce qui concerne la censure, l’oppression gouvernementale, et ce qui relève de la vie privée, comme les trackers, cookies tiers et autres).</em></p>


feed_id: 20160403151244-article
title: [TUTO] Installer XPosed sur la tablette Acer Iconia 10
uri: TUTO-Installer-XPosed-sur-la-tablette-Acer-Iconia-10
url:
http://lehollandaisvolant.net/?d=2016/04/03/15/12/44-tuto-installer-xposed-sur-la-tablette-acer-iconia-10

content:
<p>Je vous ait montré <a href="http://lehollandaisvolant.net/?d=2016/02/20/20/01/39-tuto-root-de-la-tablette-acer-iconia-10-a3-a30">comment rooter cette tablette d’Acer</a> et <a href="http://lehollandaisvolant.net/?d=2016/04/02/09/48/28-tuto-les-bloatwares-sous-android-5-lolipop">comment virer les applications pré-installées</a> grâce au root, voici désormais comment installer Xposed, qui permet à son tour d’installer des centaines de petits modules intéressants pour customiser un Android rooté.</p>

<p><strong>Note importante :</strong> les mêmes avertissements que pour le rootage s’applique ici, à savoir que faire n’importe quoi peut tuer votre appareil. Si vous suivez ce que j’écris ici, vous vous en sortirez bien. Dans tous les cas, vous prenez l’entière responsabilité de tout ce que vous faites.</p>

<p><a href="http://forum.xda-developers.com/showthread.php?t=3034811">Xposed pour Lolipop et Marshmallow</a> est une application framework qui offre de nouvelles possibilités pour d’autres applications, non permises par Google. Seule, l’application Xposed ne sert à rien, mais il permet de faire tourner d’autres applications.</p>

<p>La procédure est très similaire au root : en plus d’installer une application sous la forme d’un APK, il faut connecter la tablette à son PC, lancer une commande et redémarrer la tablette, installer manuellement un fichier Zip depuis la carte SD et redémarrer.</p>

<h3>Prérequis</h3>

<p>Premièrement, il faut <strong>télécharger deux fichiers</strong> donnés en bas de ce tuto ou sur <a href="http://forum.xda-developers.com/showthread.php?t=3034811">cette page officielle</a>.<br />
<strong>Le fichier <em>XposedInstaller</em> doit être installé sur la tablette</strong>. L’installation d’<strong>applications tierces</strong> doit être autorisée et il est conseillé à ce stade d’<strong>activer les options des développeurs et le débogage USB</strong> (il y en aura besoin par la suite de toute façon).<br />
<strong>Le fichier xposed-*-sdk-*.zip doit être placé sur votre carte SD</strong> externe (pas dans la mémoire interne du téléphone&nbsp;: chiffrée, on ne peut y accéder depuis le recovery).</p>

<p>Deuxièmement, sous Windows, assurez-vous d’avoir installé les 3 programmes qu’on avait déjà eu à installer/dézipper pour le root : ADB-Setup.exe, AcerDrivers.exe, IntelAndroid-FBRL.zip (<a href="http://lehollandaisvolant.net/?d=2016/02/20/20/01/39-tuto-root-de-la-tablette-acer-iconia-10-a3-a30">liens sur cette page</a>).</p>

<h3>Procédure</h3>

<p>Branchez votre tablette avec le débogage USB activé à votre ordinateur et sur ce dernier, lancez le fichier <em>launcher.bat</em> dans le dossier <em>IntelAndroid-FBRL</em>.</p>

<p>Si tout va bien, l’affichage sera en bleu-turquoise (et pas en rouge). <br />
Tapez « ACCEPT », puis pour le choix de la méthode du root, choisissez «&nbsp;cwm.zip&nbsp;» en tapant « 5 », puis pour le second choix, prenez « T4 » en tapant « T4 » et en validant.</p>

<p>La procédure de root recommence. Le but étant d’utiliser CWM pour installer le framework Xposed.<br />
Une fois dans le recovery, faites comme lors du root, mais choisissez votre fichier <strong>xposed-v80-sdk21-x86.zip</strong> et installez-le.</p>

<p>Quand c’est fait, sortez des menus, redémarrez et c’est bon. Maintenant vous pouvez ouvrir l’application <strong>Xposed Installer</strong>.</p>

<p>En cliquant sur la ligne « Framework », vous pouvez lire en vert « <em>Xposed framework version 80 is active</em> » ce qui est signe que le framework est installé.<br />
Pour installer un module sous Xposed, allez dans la ligne « Téléchargements » et recherchez un paquet.</p>

<p>Personnellement je recommande les paquets suivants :</p>

<ul><li> <strong>BootManager</strong> (3.7.1), pour bloquer le démarrage automatique des applications qu’on ne souhaite pas voir lancé au démarrage ;</li>
<li> <strong>GravityBox [LP]</strong> (5.3.8) (LP=Lolipop), un must-have qui permet de tweaker beaucoup de choses dans l’interface d’Android, comme ajouter le redémarrage ou la capture d’écran dans le menu d’extinction, ou centrer l’heure sur la barre des tâches, etc.</li>
<li> <strong>XPrivacy</strong> (3.6.19), pour restreindre les informations auxquelles les applications ont accès.</li></ul>

<p>Il suffit de faire une recherche dans la liste, de les sélectionner, puis d’installer la dernière version depuis l’onglet « versions ». Ensuite, revenez dans la page principale de Xposed, allez sur Modules et cochez les cases des modules à activer et enfin redémarrez la tablette pour prendre en compte l’activation. Ceci étant fait, les modules sont maintenant opérationnels.</p>

<h3>Les fichiers à télécharger</h3>

<ul><li> <a href="http://lehollandaisvolant.net/files/xposedinstaller_30_alpha4.apk">XposedInstaller_3.0_alpha4.apk</a> (0,6 Mo, Sha1 : 3e84a3895a8c0e812bad85b98e5f176266215fb4)</li>
<li> <a href="http://lehollandaisvolant.net/files/xposed-v80-sdk21-x86.zip">xposed-v80-sdk21-x86.zip</a> (4,0 Mo, Sha1 : 231d74fcbaa40807267a96bfdbad6e0d31bee29c)</li></ul>


feed_id: 20160415170442-article
title: Non, ce n’est pas une menace ça, ça s’appelle la démocratie !
uri: Non-ce-n-est-pas-une-menace-ça-ça-s-appelle-la-démocratie
url:
http://lehollandaisvolant.net/?d=2016/04/15/17/04/42-non-ce-nest-pas-une-menace-ca-ca-sappelle-la-democratie

content:
<blockquote>Les prochaines élections sont dans 1 an. Nous nous souviendrons de leur vote en 2017</blockquote>

<blockquote>Les anti-loi El Khomri menacent les députés PS de ne pas voter pour eux en 2017</blockquote>

<p>(<a href="http://www.lefigaro.fr/conjoncture/2016/04/15/20002-20160415ARTFIG00098-les-anti-loi-el-khomri-menacent-les-deputes-ps-de-ne-pas-voter-pour-eux-en-2017.php">via</a>)</p>

<p>Juste : non, ce n’est pas une « menace » ça.<br />
C’est simplement la démocratie (ou la république, plutôt).</p>

<p>Les députés et politiques sont là pour représenter la volonté populaire. Pas celui des porte-feuilles en costard.</p>

<p>« Tout flatteur vit au dépend de celui qui l’écoute », vous vous souvenez ? Nous, citoyens avons plus de pouvoir qu’on ne le pense : les « élus » ne sont à leur place que grâce à nous.</p>

<p><strong>Il n’y a pas besoin de s’indigner de la façon de faire de <a href="http://loitravail.lol/">Travail.lol</a> : c’est juste le processus de vote, dans son principe le plus simple, le plus basique.</strong></p>

<p>Bon, après il faut <a href="http://lehollandaisvolant.net/?d=2012/03/21/08/42/53-un-vote-democratique-ou-ca">transformer la république en démocratie</a>, et ça ce n’est <a href="http://lehollandaisvolant.net/?d=2015/07/10/12/19/06-democratie-que-faire-quand">pas totalement gagné</a> tant on a laissé le pouvoir à ceux qui le voulaient, mais il y a <a href="http://lehollandaisvolant.net/?d=2012/11/22/14/51/40-manifeste-pour-la-vraie-democratie">des idées</a> et même <a href="http://korben.info/laprimaire-org.html">de sérieuses initiatives</a>.</p>


feed_id: 20160416231000-article
title: 1000 articles
uri: 1000-articles
url: http://lehollandaisvolant.net/?d=2016/04/16/23/10/00-1000-articles
content:
<p>Juste un petit mot pour dire que ce blog totalise avec celui-ci <strong>1000 articles</strong>. C’est énorme.</p>

<p>Le site vient également de passer le cap des 7 années d’activités (soit un article tous les 2,6 jours en moyenne), et ça aussi c’est énorme. Pour moi, mais aussi en soi, sur le web : je ne compte plus le nombre de blogs naître, mourir ou être laissé à l’abandon entre temps…</p>

<p>1000 articles c’est aussi <strong>15 690 commentaires</strong>, dont la très vaste majorité constructifs, dans un français correct et apportant un gros plus aux articles et au site tout entier. Merci beaucoup pour ça.</p>

<p>Si vous me suivez sur le blog, sachez que ce site regroupe également <a href="http://lehollandaisvolant.net/tuto/">des dizaines de pages « tutoriels »</a> (dont certaines sont cachées&nbsp;:P) ; une trentaine d’<a href="http://lehollandaisvolant.net/tout/tools/">outils gratuits en ligne</a> ; et aussi une section de 15 186 <a href="http://lehollandaisvolant.net/?mode=links">liens partagés au fil du web</a> assortis de mes commentaires.</p>

<p>L’ensemble, depuis le début, totalise plus de 75 000 000 de pages vues, ce qui est là également beaucoup plus que ce que j’aurais jamais pu imaginer en mettant le site en ligne le tout premier jour.<br />
Pour un blog personnel où un internaute lambda ne fait que réagir à l’actu et partager quelques astuces, je trouve ça considérable également, mais je ne saurais dire pourquoi ou comment c’est arrivé ni ce que ça me fait : c’est gratifiant, touchant, effrayant… tout ça à la fois.</p>

<p>En ce qui concerne l’avenir, je ne compte pas changer mes habitudes : je continuerai à poster des choses, de façon irrégulière et au gré de mon humeur, donnant mon avis, qu’il plaise ou non, sur l’actualité et le monde.</p>

<p>Je ne sais pas trop quoi dire de plus, donc je m’en tiendrai à ça.<br />
Quoi qu’il en soit, encore une fois, merci à vous tous&nbsp;:D</p>


feed_id: 20160420200933-article
title: Microsoft, si t’aimes l’open-source…
uri: Microsoft-si-t-aimes-l-open-source
url: http://lehollandaisvolant.net/?d=2016/04/20/20/09/33-microsoft-si-taimes-lopen-source
content:
<p>L’UE <a href="http://arstechnica.co.uk/tech-policy/2016/04/anti-innovation-eu-excludes-open-source-from-new-tech-standards/">ne veut pas</a> mettre l’Open-Source en avant pour le format des données « officielles » à destination de tous (dont les citoyens).</p>

<p>L’Europe avait déjà par le passé imposé un format plus ou moins ouvert, au moins gratuit et sans restrictions, avant de faire quelques pas en arrière (notamment sur la définition d’un format « ouvert » qui n’a pas arrêté de changer) pour décider qu’un format de données suffisant soit qu’il fasse partie des recommandations « <a href="https://fr.wikipedia.org/wiki/Reasonable_and_non-discriminatory">FRAND</a> », c’est à dire en gros « pas trop cher ». Oui, c’est très vague et loin du gratuit.</p>

<p>On est loin de l’Open-Data, n’est-ce pas ?<br />
Et ça limite l’accès aux données aux seules personnes capables de débourser quelques euros pour pouvoir acheter un logiciel et un système d’exploitation spécifique, ou un droit d’accès au fichier concerné.</p>

<p>Maintenant je m’adresse à <strong>Microsoft</strong> : Microsoft, toi qui depuis quelques temps déclare ton « amour » au <a href="http://lehollandaisvolant.net/?id=20160311130942">logiciel libre</a>, <a href="http://lehollandaisvolant.net/?id=20160324064059">à l’open-source</a>, <a href="http://lehollandaisvolant.net/?id=20160404180403">au gratuit</a> et <a href="http://sebsauvage.net/links/?1CDm7Q">à la transparence</a>, alors que tu as toujours méprisé ça par le passé, <strong>c’est le moment d’ouvrir ta gueule</strong> et de dénoncer cette décision de l’Europe.</p>

<p>Mais je pense que tu ne feras pas ça.<br />
Un format fermé et payant c’est ton modèle. Et si désormais Windows 10 est « gratuit », ton nouveau modèle économique n’est ce pas — <em>justement</em> — des applications à prix accessible sur ton Windows Store ?</p>


feed_id: 20160421181238-article
title: Consulter les internautes pour chaque projet de loi ?
uri: Consulter-les-internautes-pour-chaque-projet-de-loi
url:
http://lehollandaisvolant.net/?d=2016/04/21/18/12/38-consulter-les-internautes-pour-chaque-projet-de-loi

content:
<p><a href="https://www.nextinpact.com/news/99556-un-depute-veut-que-internautes-soient-consultes-sur-chaque-projet-loi.htm">Un député veut que les internautes soient consultés sur chaque projet de loi</a></p>

<p>C’est une bonne idée d’inclure les citoyens dans le processus parlementaires. Ça se fait d’ailleurs de plus en plus, même si c’est toujours très peu pour l’instant, et encore faut-il que les parlementaires eux-mêmes en tiennent vraiment compte. Car quand ils avaient lancé une consultation sur le libre dans l’administration, l’avis des internautes était absolument sans appel. Mais les élus <a href="https://www.nextinpact.com/news/98171-les-deputes-refusent-priorite-logiciel-libre-dans-administrations.htm">ont balayé ça d’un revers de la main</a> et ont tout ignoré.</p>

<p>Ensuite, je vois une autre chose.</p>

<p>Pourquoi vote-t-on pour des élus&nbsp;? Parce qu’inclure chaque citoyen dans le processus de vote des lois était impensable en en 1789. Un référendum sur chaque texte est matériellement impossible&nbsp;: pas assez de papier, de temps, de personnes pour compter les voix… Bref, il était normal, technologiquement, de ne faire qu’un référendum ou vote tous les quelques ans.</p>

<p>Aujourd’hui, on a internet&nbsp;: on peut voter pour un texte en un mouvement de doigt et ça prend 2 secondes.</p>

<p><strong>Et si les gens ont assez de temps pour envoyer 1, 2 ou 3 par SMS pour sauver un guignol de la télé-réalité alors il a assez de temps pour participer à la vie citoyenne et accomplir son devoir civique.</strong><br />
Si il n’a pas envie, c’est son problème, mais qu’il ne vienne pas râler ensuite, c’est tout.<br />
S’il ne sait pas assez de choses pour participer en politique, c’est son problème aussi&nbsp;: dans l’ère de l’information, l’ignorance est un choix, premièrement. Et deuxièmement, on n’a pas besoin d’avoir bac+12 en politique pour savoir si un texte représente soit un avantage pour nous, ou si c’est au contraire un entubage bien profond. Et c’est justement ça la politique&nbsp;: choisir ce qui nous arrange le plus, selon nos idées et nos convictions et c’est la majorité qui aura le dernier mot.</p>

<p>Ce principe de vouloir faire voter tout le monde sur chaque projet de loi, chaque grand texte, c’est l’aboutissement d’internet afin de mettre en place une démocratie. La technologie de notre temps permet de faire participer tout le monde à la vie citoyenne. Ça n’était pas le cas par le passé, ça l’est aujourd’hui.</p>

<p>Il n’y a plus de raisons de rester en république alors qu’on pourrait être en démocratie.</p>


feed_id: 20160425174353-article
title: Gouverné par des illettrés de l’informatique
uri: Gouverné-par-des-illettrés-de-l-informatique
url: http://lehollandaisvolant.net/?d=2016/04/25/17/43/53-gouverne-par-des-illettres-de-linformatique
content:
<p>Alors que le service des impôts devrait libérer son code source, cette libération de code devrait également être étendue aux autres services administratifs.</p>

<p>Mais c’est sans compter le Sénat, dont certains membres manifestent encore leur incompétence sur les sujets débattus (incompétence qui va pourtant se répercuter sur 65 millions de personnes).</p>

<p>En effet, selon un sénateur :</p>

<blockquote>Transmettre le code source d’un logiciel permet (...) d’accéder aux informations qui régissent ce logiciel, il n’y a plus besoin de le pirater&nbsp;!</blockquote>

<p>Et aussi :</p>

<blockquote>le projet de loi Lemaire permet aux administrations de refuser la diffusion de certains documents administratifs (dont les codes sources) dès lors que leur divulgation porterait atteinte “à la sécurité des systèmes d'information des administrations”. Selon le député Luc Belot, […] il s’agit de protéger la sécurité informatique des administrations.</blockquote>

<p>(<a href="https://www.nextinpact.com/news/99591-au-senat-nouvelle-charge-contre-l-ouverture-codes-sources-administrations.htm">source</a>)</p>

<p>Ils n’ont encore rien compris (ou personne leur a expliqué, mais s’ils avaient demandé, on n’en serait pas là).</p>

<p><strong>Ce raisonnement est complètement crétin</strong>&nbsp;: c’est pas parce qu’un algo est caché qu’il est sécurisé.<br />
Si une application est mal foutue, ce n’est pas en cacher le code source qui la rendre plus sécurisée. Ça donne l’illusion de sécurité, mais ce n’est justement qu’une illusion.</p>

<p>Prenons un exemple : quand vous avez une porte protégée par un digicode, le clavier du digicode n’est ni protégé par un verrou ni gardé par un policier. Tout le monde y a accès et tout le monde peut essayer de deviner le code. La sécurité du digicode ne réside pas dans le fait que le clavier du digicode soit accessible ou non. La sécurité réside dans le fait que le code secret soit bien secret. C’est tout.</p>

<p>Dans le code de la cryptographie c’est pareil : le logiciel, le formulaire, le code source n’ont pas besoin d’être secrets, si les clés de chiffrements (les mots de passes, si vous préférez) sont suffisamment sécurisées.<br />
En pratique, ces clés de chiffrement sont <em>très longues</em> et <em>très compliquées</em>. Elles sont générées de façon très complexe, en utilisant des variables aléatoires, impossibles à reproduire même en utilisant le même programme dans les mêmes conditions. La sécurité (et la difficulté d’un bon système de chiffrement) réside là : dans l’unicité du mot de passe grâce au caractère l’aléatoire qu’on injecte dans les clés, puis dans le fait que ces clés soit bien secrètes.</p>

<p>La totalité des grands systèmes de chiffrements utilisés partout, que ce soit <a href="https://fr.wikipedia.org/wiki/Chiffrement_RSA">RSA</a>, <a href="https://fr.wikipedia.org/wiki/Advanced_Encryption_Standard">AES</a>, et leur implémentations comme <a href="https://fr.wikipedia.org/wiki/Transport_Layer_Security">TLS</a> (utilisé sur les sites « https » comme celui de votre banque) ou <a href="https://fr.wikipedia.org/wiki/Pretty_Good_Privacy">PGP/GPG</a> et bien d’autres, sont en fait open-source et souvent également libres. Ça ne les a jamais empêchés d’être suffisamment forts pour être utilisés à grande échelle (et de continuer à donner beaucoup de fil à retordre à la NSA).</p>

<p>Si vous voulez retenir quelque chose, retenez ça : <strong>en sécurité informatique ce n’est pas l’algorithme qu’il faut cacher. Ce sont les clés (mots de passe) qu’il faut cacher.</strong></p>

<p>De la même façon, cacher le code d’un programme utilisé par les administrations ne rendra pas le système moins vulnérable. Au contraire : s’il y a des failles de sécurité dans un programme lisible par des millions de personnes, alors des millions de cerveaux seront plus à même de les déceler que les 4 ou 5 stagiaires qui font les programmes.</p>

<p><strong>ÉDIT :</strong> pour répondre à certaines questions dans les commentaires et pour éviter de dévier.<br />
On parle ici de codes sources financés par l’argent public. Il n’est pas admissible que ceux qui payent pour ça n’y aient pas accès. L’État Français ce sont les citoyens, pas une poignée d’élus.</p>

<p>À ce titre, la question (selon moi) à débattre en général n’est pas <em>si on doit libérer le code source</em>, mais plutôt <em>comment s’y prendre</em>.<br />
Le rôle du sénateur c’est justement de dire si oui ou non il veut rendre au peuple ce qui lui revient de droit. Il n’est pas là pour causer technique comme il le fait.<br />
Pour la seconde question, <em>comment s‘y prendre</em>, c’est ensuite le rôle d’experts et d’ingénieurs en informatique de faire le travail, et d’y parvenir.</p>


feed_id: 20160429150447-article
title: Politique socialiste de mon cul
uri: Politique-socialiste-de-mon-cul
url: http://lehollandaisvolant.net/?d=2016/04/29/15/04/47-politique-socialiste-de-mon-cul
content:
<p>Putain de politique de merde.</p>

<p>Les citoyens lambda qui essayent de gagner de quoi finir leur mois sur internet, <a href="https://www.nextinpact.com/news/99670-les-senateurs-obligent-plateformes-a-declarer-automatiquement-revenus-leurs-utilisateurs.htm">on veut les fliquer un maximum</a> pour s’assurer qu’ils payent bien les 1,60 € d’impôts et de cotisations sur les 3,06 € de gagnés.</p>

<p>Par contre, quand les industriels et les politiciens millionnaires sont pris <a href="http://www.europe1.fr/international/drahi-platini-balkany-ces-francais-dans-la-tempete-panama-papers-2710279">la main dans le sac</a> avec les Panama Papers ou l’affaire Luxleaks, on ne dit rien, <a href="http://www.lemonde.fr/economie/article/2016/05/27/panama-papers-le-senat-renonce-a-poursuivre-frederic-oudea_4927531_3234.html">on les laisse faire</a>.<br />
Pire, <a href="http://www.lemonde.fr/international/article/2016/04/27/au-proces-luxleaks-le-lanceur-d-alerte-accuse-d-anticapitalisme_4909822_3210.html">on traîne en justice ceux qui les dénoncent</a>.</p>

<p>Fait chier.</p>


feed_id: 20160502174828-article
title: À propos de l’ITER et la recherche scientifique
uri: À-propos-de-l-ITER-et-la-recherche-scientifique
url: http://lehollandaisvolant.net/?d=2016/05/02/17/48/28-a-propos-de-liter-et-la-recherche-scientifique
content:
<p>J’avais déjà fait <a href="http://lehollandaisvolant.net/?d=2011/04/02/13/10/10-iter-nobyl">un article</a>, il y a 5 ans, sur l’ITER, le <strong>Réacteur Thermonucléaire Expérimental International</strong>.<br />
À la lecture <a href="http://www.reuters.com/article/us-france-nuclear-fusion-idUSKCN0XT0LY">d’un article un peu découragé à son propos</a> — le projet faisant face à des problèmes budgétaires — je me décide à refaire un petit point.</p>

<p>L’ITER retardé de nouveau, ça me fait penser à l’histoire du <em><a href="https://fr.wikipedia.org/wiki/Superconducting_Super_Collider">Superconducting Super Colider</a></em>, un accélérateur de particules absolument immense (beaucoup plus gros que le LHC) que les USA avaient commencé au début des années 1990 mais qui n’a jamais été fini faute d’investissements de la part du congrès Américain.</p>

<p>Rétrospectivement, beaucoup de gens s’accordent à dire que le problème était la communication : les scientifiques derrière le projet, et défendant leur cause devant les politiques, au lieu de vulgariser et faire passer <a href="http://lehollandaisvolant.net/?d=2012/04/02/10/38/28-a-quoi-sert-la-recherche-scientifique">les avantages à investir dans la recherche scientifique</a>, et en particulier sur les retombées économiques plusieurs ordres de magnitude supérieurs aux coûts que ça produirait, avaient jugé convenable de parler du boson de Higgs. Inutile de dire que la découverte d’une particule prédite par le modèle standard de la physique quantique n’est pas le meilleur moyen pour persuader une assemblée de politiciens de lâcher des sou-sous.</p>

<p>Le LHC n’a lui pas été abandonné et son développement a permis au CERN de créer le Web.<br />
Et sans eux, pas Google, pas Facebook, pas Twitter, pas Wikipédia, pas Netflix, pas Youtube, pas Amazon ni toute l’économie monstrueuse qui va avec tout ça : on estime que les inventions faites par et pour le LHC et <strong>le Cern génèrent 1 500 fois plus que son coût initial</strong> — qui est de 2 € par mois et par européen, juste pour remettre les choses à leur places — et ça, chaque année depuis 20 ans. Sans compter que des accélérateurs plus petits fonctionnent dans les hôpitaux, pour produire des atomes et ions destinées à sauver des vies. C’est loin d’être rien…</p>

<p>Revenons à l’<strong>ITER</strong>.<br />
Le réacteur thermonucléaire expérimental international (ITER, si on traduit en anglais) a pour but de voir si la <strong>fusion thermonucléaire</strong> est envisageable à long terme. Ce n’est pas lui qui va produire l’énergie de demain, il s’agit d’un <strong>prototype expérimental</strong>.<br />
Si c’est concluant, alors on aura entre les mains <strong>la puissance du Soleil</strong>, avec une énergie propre avec comme «&nbsp;déchet&nbsp;» un produit utile, propre et rare&nbsp;: de l’hélium (et comme combustible de l’hydrogène, donc de l’eau&nbsp;: soit rien qui nécessite de faire des mines profondes et qui expose les gens à des rayonnements et des produits toxiques).</p>

<p>Bref, l’ITER est très différente d’une centrale nucléaire habituelle (et ne mérite pas du tout les attaques des groupes écolos qui ne savent pas de quoi ils parlent), qui oui, coûte cher, mais dont les retombées sont très prometteuses, voire cruciale pour les siècles à venir.</p>

<p>Sans compter que si ça ne marche pas (ça peut arriver), alors l’investissement n’aura pas été vain non plus : tout comme le LHC, la Nasa, et les autres gros projets, l’ITER a et va mobiliser des ingénieurs et des chercheurs pour répondre à des problèmes. Les solutions pourront et seront alors utilisables et utilisées par d’autres, et pour le bien de tous. Comme j’ai dit : beaucoup d’hôpitaux utilisent des technologies inventées pour le LHC dans le but de sauver des vies ! Pour la Nasa, citons le fait — qui est loin d’être le seul — qu’elle a envoyé des satellites en orbite qui vous permettent d’avoir le GPS, la télé, la météo, et donc de vous protéger en cas de vigilance orage, cyclone ou typhon (ok, pas en France ça).</p>

<p>Et n’oubliez pas : si <a href="https://fr.wikipedia.org/wiki/Albert_Einstein">Einstein</a>, <a href="https://fr.wikipedia.org/wiki/Niels_Bohr">Bohr</a> ou <a href="https://fr.wikipedia.org/wiki/Richard_Feynman">Feynman</a> n’avaient pas été financés par l’argent public, la physique quantique ne serait pas inventée, ce qui signifie donc qu’on n’aurait ni smartphones, ni PC, ni écran-plats, ni CD, ni jeux-vidéos, ni TNT-HD couleur, ni ampoules LED ou écrans LCD, et <a href="http://www.physiquequantique.fr/comprendre-la-physique-quantique-inventions/">bien d’autres choses</a>, en particulier dans le domaine médical.</p>

<p>À vous de choisir.</p>


feed_id: 20160502213806-article
title: Les problèmes n’existent que si un député les voit
uri: Les-problèmes-n-existent-que-si-un-député-les-voit
url:
http://lehollandaisvolant.net/?d=2016/05/02/21/38/06-les-problemes-nexistent-que-si-un-depute-les-voit

content:
<ul><li> <em><a href="https://www.nextinpact.com/news/99691-victime-geoblocage-ebooks-senateur-a-appris-a-pirater.htm">Victime du géoblocage des ebooks, un sénateur a appris «&nbsp;à pirater&nbsp;» - Next INpact</a></em></li></ul>

<p>Ça m’énerve ça&nbsp;: il faut toujours qu’un sénateur ou un député soit face à un problème pour qu’il daigne vouloir faire quelque chose et faire avancer la situation. On avait déjà eu la même chose avec <a href="http://lehollandaisvolant.net/?d=2015/08/30/12/29/58-utiliser-libreoffice-pour-supprimer-les-pubs-sur-les-e-billets-a-imprimer">le problème de la publicité sur les e-billets</a> (classé sans suite par Bercy et donc toujours présent à ce jour), ou encore avec <a href="http://lehollandaisvolant.net/?id=20141211175339">ce député</a> qui découvre que tous les réseaux Wi-Fi sont fermés à cause de la Hadopi qu’il a lui-même voté.</p>

<p>À croire qu’il n’y a jamais de problème dans ce pays si un sénateur ne tombe pas par hasard dessus.</p>

<p>Car toi, tes problèmes, tu peux bien les gueuler dans la rue, ils ne changeront rien. Ou si&nbsp;: t’empêcher de gueuler dans la rue.</p>

<p>Vous comprenez maintenant pourquoi je souhaite que les élus soient payés au SMIC&nbsp;?</p>

<p>Pour qu’ils se rendent compte, eux aussi, comment ça fait de vivre avec 1 141,61 € par mois avec lequel tu dois tout survivre et payer factures, loyer, bouffe, voiture, loisirs, école, enfants et j’en passe. Et qu’ils se bougent le cul pour faire progresser la situation.</p>


feed_id: 20160509200050-article
title: Mais oui, demandons à Google et Facebook pour nous protéger des terroristes !
uri: Mais-oui-demandons-à-Google-et-Facebook-pour-nous-protéger-des-terr
url:
http://lehollandaisvolant.net/?d=2016/05/09/20/00/50-mais-oui-demandons-a-google-et-facebook-pour-nous-proteger-des-terroristes

content:
<p>Ça y est, <a href="http://www.lemonde.fr/pixels/article/2016/05/09/contre-la-propagande-djihadiste-en-ligne-le-gouvernement-se-tourne-vers-le-secteur-prive_4916283_4408996.html">Valls et les autres se tournent vers les géants du net</a> pour leur demander de déréférencer les sites terroristes et organiser un contre-discourt anti-djihadistes.</p>

<p>Pourquoi pas, même si dans l’idée, quelque soit le discourt, demander aux gens de diffuser une idéologie par la force (j’imagine qu’au final, les géants du net n’auront pas bien le choix), ça s’appelle de la propagande.</p>

<p>Et sinon, <strong>fermer les sites djihadistes et aller chercher et arrêter ceux qui sont derrière</strong>, ce n’est toujours pas d’actualité&nbsp;?</p>

<p>C’est sûr que quand il s’agit de protéger le Copyreich, on sait fermer Megaupload et poursuivre Kim Dotcom.</p>

<p>Mais pour protéger les citoyens, <em>fermer</em> (pas seulement <em>bloquer</em>) un site et mettre en prison ceux qui sont derrière, nan c’est pas possible et on se contente d’un blocage DNS qui ne sert à rien (mais qui offre un potentiel très intéressant pour les gouvernements en manque de pouvoir et de censure dans un monde qui va plus vite qu’eux).</p>

<p>Quand avouerez vous que la sécurité des citoyens, vous vous en foutez.<br />
Quand avouerez vous que votre but (avec l’excuse à la fois du terrorisme et chti'n'enfants), c’est le flicage de masse&nbsp;?</p>

<p>Je ne suis pas contre une coopération du secteur privée et du secteur public. Au contraire&nbsp;: tout ce qui peut être mis en œuvre devrait être fait. Mais il faudrait premièrement ne pas se tromper d’ennemi : le terrorisme tue moins que les policiers (<a href="http://filmingcops.com/new-study-americans-58-times-more-likely-to-be-killed-by-cops-than-by-terrorists/">58 fois plus de chances d’être tué par un policier que par un terroriste</a>, aux USA, alors qu’en France, <a href="http://www.lefigaro.fr/flash-actu/2016/03/14/97001-20160314FILWWW00009-un-mort-par-mois-de-violences-policieres-ong.php">la police tue une personne par mois</a>, soit environ autant que le terrorisme depuis 2000).</p>

<p>Et deuxièmement, faudrait arrêter de faire semblant de combattre le terrorisme avec des blocages DNS et de la propagande gouvernementale. Le cas Megaupload et même d’autres montre que quand on veut fermer un site et emmerder ceux qui les tiennent, on peut. Même quand ils ailleurs : la coopération internationale fonctionne bien pour ça (et pour Panama aussi, tout le monde s’entend). Faudrait peut-être la faire marcher aussi pour le terrorisme. Ah oui&nbsp;: par contre on n’est pas comme le Copyreich : nous on paye pas les flics pour agir où on veut. Enfin, si, on les paye avec nos impôts… pour recevoir <a href="http://lehollandaisvolant.net/?q=violence+polici%C3%A8re&mode=links">des coups de bâton et des grenades en retour</a>…</p>


feed_id: 20160519220429-article
title: Ces icônes qui vieillissent
uri: Ces-icônes-qui-vieillissent
url: https://lehollandaisvolant.net/?d=2016/05/19/22/04/29-ces-icones-qui-vieillissent
content:
<p>L’apparition des interfaces graphiques sur les ordinateurs et leur utilisation à la place des interfaces textuelles a eu une conséquence&nbsp;: l’usage d’icônes au lieu de mots pour représenter une action sur un écran. On clique en effet sur l’icône d’un haut-parleur pour gérer le son, et non pas sur un bouton inscrit de «&nbsp;gestion du son&nbsp;».</p>

<p>Choisir une icône relève d’un important travail&nbsp;: comment faire en sorte que le dessin d’une icône soit bien représentative de l’action qui lui est associée&nbsp;?<br />
Pour <a href="media/7b6cc724.MetroUI-Other-Sound-icon.png" data-original-source="http://icons.iconarchive.com/icons/igh0zt/ios7-style-metro-ui/512/MetroUI-Other-Sound-icon.png">l’icône du son</a>, par exemple : ce que l’icône représente n’est en fait qu’une partie généralement cachée d’une enceinte, le haut-parleur, justement. Pourtant il est communément accepté aujourd’hui.</p>

<p>Ce travail n’est pas simple du tout, mais ici je vais parler d’un autre problème&nbsp;: les icônes qui vieillissent.</p>

<p>Par exemple, l’icône aujourd’hui très répandue pour l’action «&nbsp;enregistrer&nbsp;» est une <em>disquette</em>&nbsp;:</p>

<p><img src="media/91ea0a8b.save.svg" data-original-source="https://lehollandaisvolant.net/img/a8/save.svg" alt="i" width="192" height="192" style="max-width: 100%; height: auto;" class="centrerinline" /><br />

Questions&nbsp;:</p>

<ul><li> qui sait ce qu’est une disquette&nbsp;?</li>
<li> qui en a déjà vu&nbsp;?</li>
<li> qui en a chez lui&nbsp;?</li>
<li> qui en utilise encore&nbsp;?</li></ul>

<p>Je pense que la majorité d’entre vous répondront «&nbsp;oui&nbsp;» aux deux premières questions (quoi que&nbsp;: si vous avez moins de 15-20 ans, ce n’est peut-être même pas sûr). Je suis même persuadé qu’une partie en a chez lui (c’est également mon cas). En revanche, je suis sûr qu’une vaste majorité n’utilise plus de disquettes du tout depuis au moins plusieurs années.</p>

<p>Alors comment se fait-il que tout le monde connaisse cette icône, alors qu’une portion grandissante des utilisateurs n’ont jamais utilisé de disquettes et même jamais vu&nbsp;?<br />
J’ai bien une idée de la réponse&nbsp;: c’est parce que «&nbsp;c’est comme ça&nbsp;». On vous a dit que c’était le bouton pour sauver votre travail et depuis vous savez que c’est ça, que ce soit sur un jeu vidéo, sur l’ordi, la tablette, le téléphone…</p>

<p>Juste pour info, voilà une photo de quelques disquettes 3½ pouces&nbsp;:</p>

<p><img src="media/1f9fe89a.disquettes.jpg" data-original-source="https://lehollandaisvolant.net/img/80/disquettes.jpg" alt="des disquettes 3½ pouces" width="997" height="663" style="max-width: 100%; height: auto;" class="centrerinline" /><br />

Comme c’est inscrit dessus, la capacité des disquettes est de 1,44 Mo. Oui, <em>méga</em>-octets. Leur taux de transfert maximal est de 62,5 ko/s. Et celles là sont des disquettes «&nbsp;hautes capacité&nbsp;», les dernières produites (avant il y en avait d’autres&nbsp;: plus grandes, plus lentes, moins capacitives).</p>

<p>L’icône de la disquette était très explicite il y a 25 ans&nbsp;: la disquette était le support de stockage communément utilisé (comme la clé USB aujourd’hui, ou même le <em>cloud</em>), et signifiait qu’on fixait son travail sur un support physique pour pouvoir la conserver pour plus tard ou pour le partager avec quelqu’un d’autre.</p>

<p>Aujourd’hui, l’enregistrement d’un fichier a toujours le même but, mais à aucun moment n’intervient la disquette. Aussi les applications ont-elle ajoutés des boutons pour être en phase&nbsp;: enregistrement PDF, envoie par e-mail, partage direct sur les réseaux sociaux. Mais le symbole de la disquette est toujours là.</p>

<p>Voici quelques autres icônes qui se retrouvent dans le même cas, à des degrés plus ou moins poussés :</p>

<p><img src="media/8050e532.aging-icons.png" data-original-source="https://lehollandaisvolant.net/img/04/aging-icons.png" alt="quelques autres icônes" width="977" height="438" style="max-width: 100%; height: auto;" class="centrerinline" /><br />

<em>Première ligne</em>&nbsp;:</p>

<ul><li> <a href="media/60993776.RC3A9pondeur" data-original-source="https://fr.wikipedia.org/wiki/R%C3%A9pondeur">le répondeur</a>&nbsp;: il représente deux bobines de bande magnétique sur laquelle étaient enregistrés les messages vocaux laissées sur les anciens téléphones. Le format de stockage pour ça était en effet de la bande magnétique (des petites bobines contenant des dizaines de mètres de ruban très fin).</li>
<li> <a href="https://www.flickr.com/photos/raster/188700129">le téléphone</a>&nbsp;: c’est le combiné téléphonique d’un téléphone fixe avec fil (oui on devait rester à côté du téléphone — de la taille d’une brique — pour parler). Bien loin des smartphones…</li>
<li> <a href="https://www.flickr.com/photos/excessial/11000707413/">une enveloppe</a>&nbsp;: (en papier) celle là est assez simple je pense pour ne pas avoir besoin d’explications. Qui utilise le courrier postal (coûte 1€ la feuille, arrive après 2 jours, obligé de se déplacer au bureau de poste pour envoyer) pour communiquer entre potes quand on peut le faire via e-mail, sms, ou les réseaux sociaux&nbsp;?</li>
<li> <a href="https://www.flickr.com/photos/raindog808/229655120/">un clavier de téléphone fixe</a>&nbsp;: la disposition des touches numériques sur les claviers de smartphone sont hérités de celle des vieux téléphones fixes. On y trouvait aussi les touches dièse et étoile.</li></ul>

<p><em>Seconde ligne</em>&nbsp;:</p>

<ul><li>  <a href="https://www.flickr.com/photos/rameshng/5645036051/">une pile</a>&nbsp;: là aussi on s’en souvient, mais à l’heure actuel tous les appareils sont rechargeables et les piles tendent être moins utilisées. Elles continuent cependant d’être l’icône des batteries sur les smartphones et les ordis.</li>
<li> <a href="https://www.flickr.com/photos/be-photos/5767804210/">une bobine de film photographique</a>&nbsp;: avant pour faire une photo, on achetait du papier photographique qu’on plaçait dans un appareil photo et on devait tourner une petite manivelle pour dérouler la bobine et prendre une nouvelle photo. Le film photo réagissait à la lumière (comme un capteur CCD, mais de façon chimique). Il fallait ensuite donner le film au photographe pour qu’il développe les photos sur du papier (opération qui se faisait avec des produits chimiques dans une pièce toute noire).</li>
<li> <a href="media/27645369.Alarm_clock" data-original-source="https://en.wikipedia.org/wiki/Alarm_clock">un réveil mécanique</a>&nbsp;: aujourd’hui, on utilise un smartphone pour se réveiller (les moins jeunes utilisent peut-être un radio réveil, qui fait radio en plus de réveil). Encore avant on avait cet objet entièrement mécanique dont on remontait le ressort avec une petite manivelle (ou une clé) au dos et une petite aiguille venait frapper deux cloches situées sur le dessus, à l’heure désirée.</li></ul>

<p>Certaines icônes tirent leur origines d’objets pratiquement disparus aujourd’hui&nbsp;: le répondeur ou le combiné téléphonique par exemple. Les icônes continuent pourtant d’être très répandus, et même d’être l’icône «&nbsp;<em>standard</em>&nbsp;» pour leur applications propres.<br />
D’autres sont plus faciles à identifier même pour les plus jeunes (email, par exemple) mais là encore, on a tendance à oublier que l’usage de ces objets s’est dévié&nbsp;: le courrier ne sert plus trop pour communiquer entre particuliers (pas dans ma génération en tout cas, et très certainement pas non plus celles à venir).</p>

<p>Et des icônes comme ça, il y en a plein d’autres&nbsp;: une carte routière (pliable), une disque vinyle, une loupe, un poste radio, un carnet de contact… ou même tout simple un dossier pour les fichiers.</p>

<p>Il est probable qu’un jour viendra où tout le monde utilisera encore ces icônes sans avoir la moindre idée de l’existence d’objets matériels à leur effigie.</p>

<p>Plus comique, viendra t-il un jour où on entendra « <em>pourquoi t’as une icône “enregistrer sous” sur ton bureau ?</em> » ou « <em>Bonjour, je cherche des icônes Gmail en papier, vous avez ça ?</em> » ? Ça serait amusant, je trouve.</p>


feed_id: 20160527152718-article
title: Copyreich : sites fermés et auteurs arrêtés
uri: Copyreich-sites-fermés-et-auteurs-arrêtés
url: http://lehollandaisvolant.net/?d=2016/05/27/15/27/18-copyreich-sites-fermes-et-auteurs-arretes
content:
<p>Le <a href="https://www.nextinpact.com/news/100011-telechargement-illegal-l-administrateur-planet-series-arrete-site-ferme.htm">site Planet-Series a été fermé et les auteurs arrêtés</a>. Ils risquent la prison et jusqu’à 500 000 € d’amende.</p>

<p>Quand il s’agit de protéger les intérêts privés des magnats du Copyreich, il y a du monde : police, justice, associations d’ayant-droits, coopération internationale… Tout ça marche bien pour fermer les sites <em>définitivement</em> et mettre les auteurs derrière les barreaux.</p>

<p>Par contre, pour protéger physiquement les citoyens du terrorisme on préfère fliquer tout le monde, instaurer un blocage DNS foireux et extensible administrativement (lire&nbsp;: sans juge et sans preuves), mettre tout le monde sur écoute. Par contre on n’entend toujours pas parler de raids policiers contre ceux qui tiennent le site ou contre les serveurs histoire de les mettre hors ligne une bonne fois pour toute.</p>

<p>J’en ai <a href="http://lehollandaisvolant.net/?d=2016/05/09/20/00/50-mais-oui-demandons-a-google-et-facebook-pour-nous-proteger-des-terroristes">déjà parlé</a>, je sais, mais c’est lassant.<br />
D’autant plus que les sites de téléchargement illégaux disparaîtraient rapidement s’il y avait <a href="http://lehollandaisvolant.net/?d=2015/01/02/12/58/19-cest-quoi-une-bonne-offre-legale">une offre légal potable</a>… Mais non, investir n’est pas leur but. Attaquer tout ce qui bouge et bouffer le fric sur le dos des gens, y compris des innocents (<a href="http://lehollandaisvolant.net/?d=2016/02/09/16/44/03-la-compensation-equitable">taxe copie privée</a>), voilà ce qu’ils font.</p>


feed_id: 20160524182950-article
title: Code des pirates
uri: Code-des-pirates
url: http://lehollandaisvolant.net/?d=2016/05/24/18/29/50-code-des-pirates
content:
<p>Les pirates, dans le sens des collègues de <del>Jack Sparrow</del> Capitaine Jack Sparrow (pas ceux qui partagent des films sur le net) avaient également un « code » de conduite, appelé le « Code des Pirates ».<br />
Ils sont mentionnés à plusieurs reprises dans les films <em>Pirates des Caraïbes</em>. À un moment on voit le gardien du code apporter un énorme livre censé représenter le code.</p>

<p>En vrai, le code des pirates est bien plus succins : une dizaine de règles tenant en une dizaine de phrases.<br />
En fait, on devrait dire « les codes des Pirates », car <a href="https://en.wikipedia.org/wiki/Pirate_code">selon Wiki</a> chaque capitaine avait un peu son propre code.</p>

<p>On peut les lire et on y note certaines choses intéressantes.</p>

<p>Voici par exemple le code des Pirates de Bartholomew :</p>

<blockquote><ol><li> Chaque pirate pourra donner sa voix dans les affaires d'importances et aura un pouvoir de se servir quand il voudra des provisions et des liqueurs fortes nouvellement prises, à moins que la disette n'oblige le public d'en disposer autrement, la décision étant prise par vote.</li><li> Les pirates iront tour à tour, suivant la liste qui en sera faite, à bord des prises et recevront pour récompense, outre leur portion ordinaire de butin&nbsp;: une chemise de toile. Mais, s'ils cherchent à dérober à la compagnie de l'argenterie, des bijoux ou de l'argent d'une valeur d'un dollar, ils seront abandonnés sur une île déserte. Si un homme en vole un autre, on lui coupera le nez et les oreilles et on le déposera à terre en quelques endroits inhabités et déserts.</li><li> Il est interdit de jouer de l'argent aux dés ou aux cartes.</li><li> Les lumières et les chandelles doivent être éteintes à huit heures du soir. Ceux qui veulent boire, passé cette heure, doivent rester sur le pont sans lumière.</li><li> Les hommes doivent avoir leur fusil, leur sabre et leurs pistolets toujours propres et en état de marche.</li><li> La présence de jeunes garçons ou de femmes est interdite. Celui que l'on trouvera en train de séduire une personne de l'autre sexe et de la faire naviguer déguisée sera puni de mort.</li><li> Quiconque déserterait le navire ou son poste d'équipage pendant un combat serait puni de mort ou abandonné sur une île déserte.</li><li> Personne ne doit frapper quelqu'un d'autre à bord du navire ; les querelles seront vidées à terre de la manière qui suit, à l'épée ou au pistolet. Les hommes étant préalablement placés dos à dos feront volte-face au commandement du quartier-maître et feront feu aussitôt. Si l'un d'eux ne tire pas, le quartier-maître fera tomber son arme. Si tous deux manquent leur cible, ils prendront leur sabre et celui qui fait couler le sang le premier sera déclaré vainqueur.</li><li> Nul ne parlera de changer de vie avant que la part de chacun ait atteint 1000 livres. Celui qui devient infirme ou perd un membre en service recevra 800 pièces de huit sur la caisse commune et, en cas de blessure moins grave, touchera une somme proportionnelle.</li><li> Le capitaine et le quartier-maître recevront chacun deux parts de butin, le canonnier et le maître d'équipage, une part et demie, les autres officiers une part et un quart, les flibustiers une part chacun.</li><li> Les musiciens auront le droit de se reposer le jour du sabbat. Les autres jours de repos ne leur seront accordés que par faveur.</blockquote>

<p></li></ol></p>

<p>Voyons quelques règles. L’avant dernière, pour commencer :</p>

<blockquote>Le capitaine et le quartier-maître recevront chacun deux parts de butin, le canonnier et le maître d'équipage, une part et demie, les autres officiers une part et un quart, les flibustiers une part chacun.</blockquote>

<p>C’est assez intéressant, alors que beaucoup de monde aujourd’hui réclame <a href="http://www.huffingtonpost.fr/2016/05/19/40-personnalites-plafonner-salaire-patrons-100-smic_n_10041364.html">un plafonnement des salaires</a>, c’est à dire que l’écart entre le salaire le plus bas et le plus haut ne peut excéder un certain facteur, comme 20 ou 100. Augmenter le salaire le plus haut contraindrait l’employeur à augmenter aussi les salaires les plus bas, ce qui me semble une bonne idée en soi quand-même.<br />
Ceci est à mettre en perspective avec le fait qu’aujourd’hui <a href="http://www.lefigaro.fr/conjoncture/2013/11/23/20002-20131123ARTFIG00235-le-grand-ecart-des-remunerations-entre-salaries-et-patrons-a-travers-le-monde.php">les salaires les plus haut</a> sont autour de 100 fois (France) et 300 fois (USA) plus gros que les salaires les plus bas…</p>

<p>À noter qu’on retrouve cette règle dans les codes des autres capitaines également, variant parfois légèrement.<br />
<a href="https://en.wikipedia.org/wiki/Pirate_code#Articles_of_Henry_Morgan_and_other_buccaneers">Celui de Morgan</a> mentionne que le coût des expéditions (nourriture, entretient des bateau) sont pris sur le butin collectif ; sous entendu <em>avant</em> le partage..</p>

<p>D’autres textes, comme le <a href="https://en.wikipedia.org/wiki/Pirate_code#Captain_John_Phillips.27s_articles">code du Capitaine John Phillips</a> mentionne ça :</p>

<blockquote>Si un homme perd une articulation alors qu’il est en service, il recevra 400 pièces de huit. Pour un membre, 800.</blockquote>

<p>Ça paraît assez grossier, mais ce n’est pas différent d’un système d’assurances maladie, financé sur le pot commun.<br />
On peut alors supposer que pour se retrouver avec une part plus importante du butin, il vaut mieux se protéger les uns les autres pour éviter de se retrouver à payer une compensation pour l’équipier qu’on aurait laissé tomber.</p>

<p>D’une façon générale, une chose intéressante est à voir ici que même les crapules ont un code de conduite avec un minimum d’éthique. Certes, c’est destiné à avoir un peu d’ordre dans le déroulement d’opérations criminelles, mais c’est tout de même à noter (et certaines règles, comme le plafonnement des salaires manquent cruellement au code du travail à mon goût).</p>

<p>Tout ça rejoint vaguement mon avis à propos du sabre-laser : même si une arme à feu est plus efficace sur tous les plans, il y aura toujours l‘honneur et le fait de se battre «&nbsp;<em>comme un homme</em>&nbsp;», c’est à dire à mains nues en duel.<br />
Je pense qu’on s’accordera à dire que bon nombre de films auraient un scénario bien plus pauvre si les héros commençaient par abattre froidement à distance les antagonistes et à ne plus se poser de questions, alors que Hollywood préfère plutôt mettre les armes de côté et prévoir une demi-heure de baston dans le film (un exemple récent pour moi serait les <em>Expendables 2</em>, où c’est exactement ce qui se passe à la fin).</p>


feed_id: 20160607173411-article
title: [CSS] Écriture italique et oblique
uri: CSS-Écriture-italique-et-oblique
url: https://lehollandaisvolant.net/?d=2016/06/07/17/34/11-css-ecriture-italique-et-oblique
content:
<p>En CSS, quand on veut mettre une portion de texte en italique, on utilise l’une des deux méthodes ci-dessous&nbsp;:</p>

<pre>font-style: italic</pre>

<pre>font-style: oblique</pre>

<p>Et ça met le texte en italique… Ou pas&nbsp;! Car ce qu’on appelle <em>italique</em> est en réalité… <em>oblique</em> !<br />
Il est en fait assez rare que les programmes utilisent l’italique à la place de l’oblique. La raison à ça est simple, mais pour la comprendre, il faut constater quelles sont les différences entre italique et oblique.</p>

<p>En fait, que le graphie soit romain (normale), italique, ou oblique, ce qui change est la forme des lettres (indépendamment de la police d’écriture elle-même).</p>

<ul><li> Pour le romain, les lettres sont droites</li>
<li> Pour l’italique, les lettres sont différentes, et inclinées (généralement plus arrondies)</li>
<li> Pour l’oblique, les lettres sont les mêmes que le romain, mais inclinées.</li></ul>

<p><img src="media/703076f8.italic-roman-oblique.png" data-original-source="https://lehollandaisvolant.net/img/15/italic-roman-oblique.png" alt="oblique VS romane VS italic" width="739" height="386" style="max-width: 100%; height: auto;" class="centrerinline" /><br />

Comme vous le voyez, à la fois l’italique et l’oblique sont inclinée. Cependant, les caractères romains et oblique sont identiques (à part l’inclinaison), mais les caractères italiques ont des tracés différents (en particulier le <em>a</em> et le <em>f</em>).</p>

<p>L’italique est donc bien une fonte en plus, et celle-ci doit être installée sur l’ordinateur pour que les logiciels puissent l’utiliser (ce qui n’est que rarement le cas)&nbsp;:</p>

<p><img src="media/1d5907b2.italic-roman-oblique-2.png" data-original-source="https://lehollandaisvolant.net/img/c0/italic-roman-oblique-2.png" alt="oblique VS romane VS italic" width="301" height="278" style="max-width: 100%; height: auto;" class="centrerinline" /><br />

Dans la création de sites web, quand vous voulez inclure une police d’écriture, vous avez généralement le choix de la police «&nbsp;normal&nbsp;» et des variantes «&nbsp;italiques&nbsp;» (par exemple <a href="https://www.google.com/fonts#QuickUsePlace:quickUse">sur Google Fonts</a>), et ceci pour les différentes graisses («&nbsp;font-weight&nbsp;»).</p>

<p>En revanche, le comportement des navigateurs n’est pas celui que l’on espérerait&nbsp;: de ce que j’ai pu tester, si vous décidez d’inclure les polices italiques dans vos feuilles de style, alors à la fois <code>oblique</code> et <code>italic</code> vous donneront les caractères en italique. Si vous ne les incluez pas, les deux seront oblique (les caractères sont ceux de la police de base mais obliqués).</p>

<p>Je n’ai pas pu avoir un seul navigateur qui applique les trois polices de façon attendue, mais je n’ai pas pu tester Safari, le navigateur d’Apple, qui est connu pour faire très attention à ce type de détails.</p>

<p>Enfin, pour la culture générale, sachez que la police normale se nomme «&nbsp;romaine&nbsp;», étant donnée qu’elle prend son origine dans l’empire romain, comme l’alphabet (Latin) que l’on utilise. La police <em>italique</em> a la même racine que le mot <em>Italie</em>, le pays&nbsp;: en effet, l’écriture italique serait née au XVe siècle à Venise, en Italie.</p>

<p>Ressources&nbsp;:</p>

<ul><li> <a href="https://fr.wikipedia.org/wiki/Italique_%28typographie%29">Italique (typographie) — Wikipédia</a></li>
<li> <a href="https://developer.mozilla.org/fr/docs/Web/CSS/font-style">font-style - CSS | MDN</a></li></ul>


