# articles

feed_id: http://lehollandaisvolant.net/?mode=links&id=20150128171500
title: La presse papier ne comprend toujours pas le numérique…
uri: La-presse-papier-ne-comprend-toujours-pas-le-numérique
url:
http://lehollandaisvolant.net/?d=2015/01/28/17/15/00-la-presse-papier-ne-comprend-toujours-pas-le-numerique

content:
<img src="media/664b7a13.journaux-papier.jpg" data-original-source="http://lehollandaisvolant.net/img/journaux-papier.jpg" alt="photo d’un étallage de journaux papier" width="400" height="268" style="max-width: 100%; height: auto;" class="one" />
Humanoïde, un magazine de presse high-tech a <a href="http://www.lefigaro.fr/medias/2015/01/28/20004-20150128ARTFIG00170-pour-defendre-la-presse-papier-humanoide-dechire-une-de-ses-pages.php">décidé de défendre son format papier</a> en déchirant une page dans toutes les éditions de son prochain numéro.<br/>
<br/>
Pourquoi ?<br/>
<br/>
Parce que «&nbsp;<span style="font-style: italic;">Une page déchirée, c'est moche, c'est frustrant</span>&nbsp;».<br/>
<br/>
Laissez-moi vous dire que vous n’avez rien compris&nbsp;!<br/>
Si je vous donne un journal au format numérique PDF dont il manque une partie des octets, ça vous énerverait aussi, non ? Ça serait frustrant aussi, non ? Ben ouais.<br/>
<br/>
En fait, ce n’est pas le format qui compte.<br/>
<br/>
Le papier a d’autres avantages que celui de ne pas être vendu pré-déchiré (archivage, pérennité, pas de batteries, etc.)…<br/>
<br/>
Si la presse numérique payante ne décolle pas bien, c’est juste que <span style="font-weight: bold;">les gens se sentent arnaqués</span> avec ce qu’ils trouvent&nbsp;: une liste d’octets, impossible à partager ou à lire ailleurs que sur un iPhone ou qui s’efface au bout de quelques jours ou bien si on passe une frontière ou qu’on désactive le GPS (merci les DRM), <span style="font-weight: bold;">au même prix</span> qu’un document papier qui ni ne s’efface ni ne refuse de sortir de votre salon.<br/>
Un journal, ça s’annote, ça se griffonne, ça se prête, ça se range, ça se retrouve 15 ans plus tard… Une tablette où sont enregistrés les journaux en version numérique, au bout de 6 mois il en faut une autre, et là on dit adieux à tous les vieux numéros (merci les DRM et les formats restrictifs).<br/>
Il n’est pas étonnant, dans ces conditions, que les gens ne veulent pas payer pour ça&nbsp;: si du jour au lendemain les journaux papier s’auto-effaceraient après 24h, ou étaient impossible à prêter, refuseraient d’être lus aussi bien chez soi qu’au boulot ou dans le métro, plus personne n’en voudrait non plus. C’est pourtant ce que la majorité des éditeurs numériques font, et pas juste les journaux, mais aussi la musique, les jeux vidéos, les films…<br/>
Si les versions numériques sont à chier, c’est juste parce que les éditeurs en ont fait de la merde.<br/>
<br/>
Les offres au formats numérique doivent être mieux que le papier pour fonctionner, pas pires (et surtout pas <span style="font-style: italic;">volontairement</span> pire).<br/>
Y a deux solutions à ça&nbsp;: soit un format dégradé mérite un prix dégradé, soit un prix haut doit être justifié par un format et une accessibilité au moins aussi grande que celle du papier.<br/>
<br/>
Vouloir à tout prix ralentir la technologie et continuer d’hiberner au moyen-âge est impossible&nbsp;: le monde avance et les traînards mourront.<br/>
<br/>
<br/>
Et pour ça&nbsp;:<br/>
<br/>
<span style="font-style: italic;">«&nbsp;la version web […] est volontairement bardée de fausses publicités animées et rapidement épuisantes&nbsp;»</span><br/>
<br/>
… ça vous étonne, que des gens n’aiment pas vos versions numériques quand vous les bardez vous-même de pub ? Retirez la pub, et vous verrez&nbsp;: ça ne sera pas épuisant.<br/>
Encrasser volontairement un format pour dire ensuite «&nbsp;<span style="font-style: italic;">c’est de la merde</span>&nbsp;» ou pour pleurer car «&nbsp;<span style="font-style: italic;">personne n’en veut</span>&nbsp;», c’est totalement idiot comme stratégie.<br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/hindrik/7385727834">image de Hindrik</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150204162342
title: Pour redonner un peu de stabilité dans la force…
uri: Pour-redonner-un-peu-de-stabilité-dans-la-force
url:
http://lehollandaisvolant.net/?d=2015/02/04/16/23/42-pour-redonner-un-peu-de-stabilite-dans-la-force

content:
Je clos toutes les parenthèses qui ont été ouvertes sur l’Internet, sans jamais avoir été fermées&nbsp;:<br/>
<br/>
))))))))))))))))) )))))) )))))))))))))))))))))))))))))))))))))) ))))))))))))) )))))))))))))) ))))))))))))))))) )))) )  )))))))))))))))))))))))))))))))))))))) )))))))))) ))))))))))) ))))))))))) )))))))))))))))) ))))))))))))) ) ))))) ))))))))))))))))))))))))))) )))))))))))))))) ))))))))))))))))))) )))))))))))))))))))))))) ))))))))))))))))))) ))))))))))))))) ))))))))))) ))))))))))))))) )))))))))))))))))))))))))))) )))))))))))))))) ))))))))))))))))))) ))))))))))))))))))))))))))))))))))))) )))))))))))))))))))))))) )))))))))))))))))))))))))))))))) ) ) )))))))))))))))))))))))))))))))))))) )))))))))))))))))))))))) ))) )) ) )))))))))))))))))))))))))))))) )))))))))))))) )))))) )))))))) )))))))))))))) ))))))))))))))))).<br/>
<br/>
Voilà.<br/>
<br/>
De rien.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150208112625
title: Actu en vrac
uri: Actu-en-vrac
url: http://lehollandaisvolant.net/?d=2015/02/08/11/26/25-actu-en-vrac
content:
<img src="media/3b464f5f.lego-news.jpg" data-original-source="http://lehollandaisvolant.net/img/lego-news.jpg" alt="fox news with lego" width="400" height="224" style="max-width: 100%; height: auto;" class="one" />
<br/>
Il se passe trop de choses pour pouvoir choisir parmi toute la merde politicienne, les astuce pour les réparer ou les vidéos de chats pour oublier, alors voilà toutes les infos en vrac&nbsp;:<br/>
<br/>
<ul>
<li> The Pirate Bay a été fermé, puis a été rouvert, et maintenant <a href="http://www.nextinpact.com/news/92988-blocage-imminent-the-pirate-bay-chez-bouygues-telecom-free-orange-et-sfr.htm">il est bloqué en France par les principaux FAI</a>&nbsp;: Free, Orange, Bouygues, SFR. Les FAI comme OVH ou les autres ne sont pas concernés et leurs abonnés sont des citoyens autorisés à télécharger comme ils veulent, du moins c’est comme ça qu’on peut interpréter <a href="https://root.suumitsu.eu/links/?w5i-eQ">la situation de blocage</a> imposée à certains et pas à d’autres… Le blocage est de type DNS, et donc <a href="http://www.freenews.fr/freenews-edition-nationale-299/freebox-9/le-blocage-de-pirate-bay-est-actif-chez-free-comment-le-contourner">contournable</a> en deux clics (voire moins, si on choisit un autre site de torrent, il y en a des milliers).</li>
<li> D’ailleurs, attendez-vous à ce que d’autres sites soient bloqués&nbsp;: <a href="http://www.nextinpact.com/news/92978-la-france-active-blocage-sites-sans-juge-une-premiere.htm">le gouvernement va faire le ménage</a>. Hurlez pas, c’est pour votre bien. Si vous n’aimez pas, vous êtes un dangereux terroriste. Ayez confiance.</li>
<li> La préversion de <a href="http://windows.microsoft.com/fr-fr/windows/preview-iso">Windows 10 est disponible</a>.</li>
<li> <a href="http://www.theregister.co.uk/2015/02/04/tim_bernerslee_calls_for_net_neutrality_in_europe/">L’inventeur du Web</a> appelle à la neutralité du net. A-t-on besoin d’en dire plus ?</li>
<li> GnuPG, le système de chiffrement des emails, utilisé dans le monde entier est maintenu par un seul gus dans son garage, financé par les dons. Encore une fois, c’est bien malheureux que certains se tuent <a href="http://sebsauvage.net/rhaa/index.php?2010/03/03/12/17/13-un-manque-de-reconnaissance-certain">dans l’indifférence générale</a> pour servir le monde entier. Sa campagne de don pour cette année a tout de même été un succès et <a href="http://lehollandaisvolant.net/?id=20150205204621">il a été entendu</a>.</li>
<li> <span style="text-decoration: line-through;">Bientôt un <a href="http://www.minimachines.net/actu/jaasta-propose-un-clavier-aux-touches-encre-numerique-26231">super clavier</a> à encre électronique, où les touches peuvent changer leur affichage&nbsp;: pratique pour passer véritablement de Qwerty à Azerty ou à Bépo, Dvorak, le clavier japonais, coréen, à un clavier d’émoticons, à celui d’un jeu ou d’un programme… Vivement que ça sorte&nbsp;!</span> → C’est un fake&nbsp;:(</li>
<li> Tout le monde s’est ému devant Charlie Hebdo, mais personne n’a assez de courage pour faire ce qu’ils ont fait&nbsp;: <a href="http://www.liberation.fr/culture/2015/01/29/apres-charlie-hebdo-la-culture-s-autocensure_1191212">le monde préfère s’autocensurer</a> pour ne pas choquer les petites natures des extrémistes religieux.</li>
<li> Astuce&nbsp;: <a href="http://lehollandaisvolant.net/?id=20150201112318">partager son Wifi avec un QRcode</a>, très simplement.</li>
<li> <a href="http://www.contrepoints.org/2015/02/04/196732-voila-pourquoi-je-nembaucherai-pas-marcel">Voilà pourquoi je n’embaucherai pas Marcel.</a></li>
<li> Bientôt, <a href="http://www.lefigaro.fr/flash-eco/2015/02/05/97002-20150205FILWWW00060-des-puces-implantees-sous-la-peau-des-salaries.php">les salariés auront des puces implantées sous la peau</a>. Là encore, c’est pour votre bien.</li>
<li> Mon premier article pour <a href="http://www.physiquequantique.fr/10-choses-grace-a-la-physique-quantique/">physiquequantique.fr</a>. Je vais en écrire d’autres pour ce site, mais <a href="http://www.matronix.fr/10-choses-qui-existent-grace-a-la-physique-quantique-et-que-vous-utilisez-tous-les-jours-physiquequantique-fr/">rassurez-vous</a>, <a href="http://couleur-science.eu/">C-S.eu</a> aura aussi sa dose d’articles.</li>
<li> <a href="http://www.lefigaro.fr/secteur/high-tech/2015/02/04/01007-20150204ARTFIG00242-la-poste-presente-sa-serrure-connectee.php">La Poste va proposer des serrures de porte connectées</a>&nbsp;: c’est bien, comme ça on pourra se faire pirater sa maison. Faut vraiment être un fou pour avoir ça chez soi…</li>
<li> Est-ce que <a href="http://lehollandaisvolant.net/?id=20150203212303">les téléphones provoquent vraiment des tumeurs au cerveau</a> ? Voici une petite analyse qui montre que pour le moment, il n’y a aucune relation de cause à effet entre les deux.</li>
<li> L’État du Colorado autorise le cannabis et prélève une forte taxe dessus. Résultat&nbsp;: <a href="http://www.franceinfo.fr/emission/le-17-20-numerique/2014-2015/dans-le-colorado-la-marijuana-rapporte-trop-04-02-2015-11-34">ils ont tellement d’argent</a> qu’ils sont obligés d’en reverser une partie aux citoyens. En attendant, on France, on préfère laisser les dealers se charger de distribuer ça, sans taxes, là où ils sont intouchables.</li>
<li> <a href="http://www.washingtonpost.com/blogs/worldviews/wp/2015/01/31/croatia-just-canceled-the-debts-of-its-poorest-citizens/">La Croatie a annulé la dette</a> de ses citoyens les plus pauvres. C’est une bonne idée&nbsp;: il est anormal que tout le monde paye pour les déboires de quelques banques.</li>
<li> Enfin, <a href="https://vimeo.com/117815404">une vidéo pour comprendre l’immensité de l’espace</a>&nbsp;: vous partez du soleil et vous voyagez à la vitesse de la lumière. Au fur et à mesure du voyage, vous passez à côté des planètes et des astres.</li></ul>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/blackzack00/13307284214">Image de Black Zack</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150209165332
title: La coqueluche en hausse de 750% en deux ans, en Wallonie. Merci les abrutis !
uri: La-coqueluche-en-hausse-de-750-en-deux-ans-en-Wallonie-Merci-les-ab
url:
http://lehollandaisvolant.net/?d=2015/02/09/16/53/32-la-coqueluche-en-hausse-de-750-en-deux-ans-en-wallonie-merci-les-abrutis

content:
En Belgique (selon <a href="http://www.rtl.be/info/belgique/societe/cette-maladie-mortelle-a-explose-en-wallonie-l-an-dernier-la-faute-a-qui--698116.aspx">l’article</a>) la coqueluche a progressé de 750% entre 2012 et 2014. Tout ça parce que certains se sont mis dans la tête qu’il fallait mieux avoir 70% de risques de mourir d’une maladie que 0,1% du vaccin contre cette maladie.<br/>
<br/>
Tant que les gens vaccinés restent protégés, j’en ai pas grand chose à foutre&nbsp;: les gens font ce qu’ils veulent, c’est de la sélection naturelle après tout.<br/>
<br/>
C’est juste injuste pour les nourrissons qui meurent, alors que des gens sa propre espèce aurait pu le sauver avec la technologie dont elle dispose.<br/>
<br/>
Malheureusement, la même espèce a également inventé le concept de «&nbsp;<span style="font-style: italic;">responsabilités</span>&nbsp;» qui autorise aux parents complètement cons de décider ce qui est mieux même à la place du plus bienveillant et du plus honnête des médecins et de choisir de laisser crever un bébé.<br/>
<br/>
Bravo.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150212174554
title: Firefox sacrifie la liberté pour la sécurité, lui aussi…
uri: Firefox-sacrifie-la-liberté-pour-la-sécurité-lui-aussi
url:
http://lehollandaisvolant.net/?d=2015/02/12/17/45/54-firefox-sacrifie-la-liberte-pour-la-securite-lui-aussi

content:
Mozilla a décidé que <a href="https://blog.mozilla.org/addons/2015/02/10/extension-signing-safer-experience/">Firefox bloquera l’installation chez l’utilisateur des extensions tierces</a> qui ne seront pas signées et vérifiées par Mozilla, ceci un contexte de sécurité.<br/>
<br/>
En gros&nbsp;: pour créer et diffuser une extension pour Firefox, il faudra l’approbation préalable de Mozilla.<br/>
<br/>
<a href="http://hoa.ro/chez-mozilla-la-securite-avant-la-liberte">L’article d’Arthur</a> sur la question est assez complet et reflète bien mon avis également.<br/>
<br/>
Sachant que la vaste majorité des utilisateurs de Firefox, ou même d’un navigateur en général ne sont pas des experts en informatique, il est bien que quelque chose soit fait concernant la sécurité. Comme les programmes, <span style="font-weight: bold;">les extensions peuvent contenir des fonctions malveillantes</span>.<br/>
<br/>
Ce qui est moins bien en revanche, c’est que Mozilla va obliger les développeurs à faire vérifier leurs extensions&nbsp;: il ne sera plus possible du tout d’installer une extension non-vérifiée par Mozilla. <span style="font-weight: bold;">Ce sera donc Mozilla qui choisiront ce qu’on a le droit d’installer</span> sur nos ordis ou non, et ça c’est tout de suite moins acceptable.<br/>
<br/>
Ce n’est à personne d’autre que moi de savoir ce que j’ai envie d’installer sur <span style="font-style: italic;">mon</span> ordinateur.<br/>
<br/>
Si je tiens tellement à cette <span style="font-weight: bold;">liberté d’installer ce que je veux</span>, c’est que c’est mon ordinateur. Est-ce que vous laisseriez le fabriquant de votre frigo vous imposer la marque de ketchup que vous avez le droit d’y mettre ? Non&nbsp;! Et bien sur l’ordinateur c’est la même chose&nbsp;: je ne laisse pas le fabriquant du logiciel choisir ce que j’ai le droit de faire dedans.<br/>
<br/>
En plus tout ceci pose d’autres problèmes.<br/>
<br/>
Premièrement la sécurité&nbsp;: une extension approuvée qui comporte une faille devra être corrigée. Avant, la correction est disponible et appliquée dans les heures ou les jours qui suivent. Après, il faudra que Mozilla approuve la mise à jour et ça prendre des semaines ou des mois. Tout du temps pendant lequel les installations de Firefox chez les utilisateurs seront vulnérables…<br/>
<br/>
Ensuite, un problème de neutralité&nbsp;: <span style="font-weight: bold;">Mozilla impose ses propres règles</span> concernant ce qui sera accepté ou pas, en matière d’extensions. En gros, si la personne en charge de la vérification (ou Mozilla tout entier) d’une extension est corrompue, il y a fort à parier que des extensions malveillantes seront rendues disponibles quand même. À l’inverse, Mozilla pourra très bien interdire l’extension développée par quelqu’un qu’ils n’aiment pas.<br/>
<br/>
Enfin l’inutilité. Il est tout simplement impossible de bloquer toutes les extensions malveillantes&nbsp;: les catalogues d’applications pour iPhone ou pour Android en sont un parfait exemple&nbsp;: ils sont plein de malwares et d’applications intrusives, alors que la raison invoquée aux approbations par Apple ou Google des applications est bien-sûr la sécurité. C’est de la poudre aux yeux.<br/>
<br/>
<br/>
Sacrifier la liberté pour la sécurité revient à sacrifier la liberté pour rien du tout, car la sécurité absolue n’existe pas. Au final on n’a donc ni l’un ni l’autre. Firefox devrait laisser le choix à l’utilisateur final. Le choix devrait toujours revenir à l’utilisateur final. C’est ça qui fait la force d’un logiciel libre. C’est ça qui a fait la force de Firefox jusqu’à maintenant. C’est le fait, à une époque, que l’utilisateur avait le droit d’installer un autre navigateur sur son ordinateur, que Firefox est aussi populaire.<br/>
<br/>
Si Microsoft avait fait comme Mozilla va le faire, alors Mozilla ne serait même plus là aujourd’hui.<br/>
<br/>
(Dailleurs, Microsoft le fait&nbsp;: pas avec les navigateurs, mais avec le système d’exploitation et Windows, installé par défaut sur les ordinateurs&nbsp;: on voit où en sont les autres systèmes d’exploitations sur PC&nbsp;: ils ne représentent pas 1% du parc informatique mondial).


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150214175059
title: Micro-gravité ou apesanteur, dans l’ISS ?
uri: Micro-gravité-ou-apesanteur-dans-l-ISS
url: http://lehollandaisvolant.net/?d=2015/02/14/17/50/59-micro-gravite-ou-apesanteur-dans-liss
content:
<img src="media/5445c192.iss.jpg" data-original-source="http://lehollandaisvolant.net/img/iss.jpg" alt="iss et endeavour" width="400" height="318" style="max-width: 100%; height: auto;" class="one" />
Ceci est une réponse à Bruce, de la chaîne <span style="font-style: italic;">e-penser</span>, à propos de <a href="https://www.youtube.com/watch?v=t-nWPBBWRZs">sa vidéo</a> «&nbsp;<span style="font-style: italic;">Pourquoi les astronautes flottent dans la station spatiale internationale</span>&nbsp;».<br/>
Bien que la probabilité qu’il passe ici soit aussi grande que celle pour le chat de Schrödinger de devenir un lapin (qui n’est pas nulle bien que très faible), je poste ça ici plutôt que sur <a href="http://couleur-science.eu/">Couleur-Science</a> justement par ce que c’est en commentaire à sa vidéo (et que je ne peux pas poster sur Youtube).<br/>
<br/>
<br/>
Dans la vidéo, Bruce se pose la question du titre&nbsp;: <span style="font-style: italic;">Pourquoi les astronautes flottent dans la station spatiale internationale ?</span><br/>
<br/>
Il dit, tout au long et avec conviction, que ce n’est pas de l’apesanteur (ni de l’impesanteur) mais qu’il s’agit plutôt de micro-gravité.<br/>
<br/>
<span style="font-weight: bold;">Je ne suis pas d’accord avec ça.</span> Et il se contredit d’ailleurs.<br/>
<br/>
Il dit, à juste titre, que l’attraction gravitationnelle de la Terre est telle que l’accélération de la pesanteur est (à un tout petit peu près) la même dans l’ISS à 400 km d’altitude que sur Terre. Autrement dit, <span style="font-weight: bold;">la gravité est la même dans l’ISS que sur Terre</span>. Alors pourquoi qualifie t-il la gravité dans l’ISS de «&nbsp;micro-gravité&nbsp;», si c’est la même que sur Terre ?<br/>
<br/>
Si je prends le dictionnaire, la <a href="https://fr.wikipedia.org/wiki/Microgravit%C3%A9">micro-gravité</a> est un état où les forces gravitationnelles sont très faibles (en particulier par comparaison à ce qu’on ressent sur Terre). Le terme lui-même dit d’ailleurs ce qu’il veut dire&nbsp;: «&nbsp;petite gravité&nbsp;».<br/>
Cela peut se produire si on est dans un espace «&nbsp;vide&nbsp;», loin de tout astre massif, ou alors si on est situé exactement entre deux astres identiques&nbsp;: chaque astre nous attire vers lui avec autant de force et au final ces deux forces s’annulent et on ne  tombe ni vers l’un ni vers l’autre (c’est cependant un état d’équilibre instable et un simple éternuement vous ferait basculer vers l’un et pas l’autre). <br/>
<br/>
Du coup, sur l’ISS, ils ne sont certainement pas en état de <span style="font-style: italic;">micro-gravité</span>.<br/>
<br/>
<br/>
L’apesanteur alors ?<br/>
L’apesanteur, comme dit son étymologie, désigne un état où il n’y a pas de pesanteur, où l’on n’a pas de poids. En fait, plus scientifiquement et selon la définition de Wikipédia (qui dit aussi et à juste titre que l’apesanteur et l’impesanteur sont deux termes pour la même chose, la seconde est simplement préférée pour sa prononciation moins ambiguë), l’apesanteur désigne un état où l’on ne sent plus l’accélération de la pesanteur.<br/>
<br/>
Dans l’ISS (ou lors d’un vol parabolique, ou dans tout autre phase de chute libre), les gens et les objets "flottent". Donc, c’est comme si ils n’étaient pas attirés par la Terre&nbsp;: c’est comme s’ils n’avaient pas de poids. Pas de pesanteur.<br/>
N’est-ce pas là la définition d’«&nbsp;<span style="font-style: italic;">apesanteur</span>&nbsp;» ?<br/>
<br/>
Donc je le dis&nbsp;: dans l’ISS, ils sont en état d’apesanteur et non de micro-gravité (considérant les définitions actuelles d’«&nbsp;<span style="font-style: italic;">apesanteur</span>&nbsp;» et de «&nbsp;<span style="font-style: italic;">micro-gravité</span>&nbsp;»).<br/>
<br/>
<br/>
D’où vient son erreur alors ?<br/>
D’une mauvaise traduction, probablement&nbsp;: le terme anglais «&nbsp;<span style="font-style: italic;">microgravity</span>&nbsp;» se traduit en français par «&nbsp;<span style="font-style: italic;">micro-pesanteur</span>&nbsp;» (selon Wiki).<br/>
<br/>
En toute rigueur, dans l’ISS, ils sont en état de micropesanteur (pesanteur très faible) et pas d’apesanteur (pesanteur égale à zéro). Mais confondre les deux est moins grave que confondre apesanteur et micro-gravité.<br/>
<br/>
<br/>
<span style="text-decoration: underline;">Pour résumer&nbsp;:</span><br/>
<ul>
<li> <span style="font-weight: bold;">microgravité</span> (fr)&nbsp;: qualificatif d’un point de l’espace ou d’un état où la gravité est très faible ;</li>
<li> <span style="font-style: italic;"><span style="font-weight: bold;">microgravity</span></span> (en) et <span style="font-weight: bold;">micropesanteur</span> (fr), ces deux termes étant traductions l’une de l’autre&nbsp;: qualifie un état où la pesanteur est très faible. </li>
<li> apesanteur ou <span style="font-weight: bold;">impesanteur</span> (synonymes, le second étant à privilégier pour sa prononciation moins ambiguë)&nbsp;: qualifie un état où la pesanteur est nulle (le terme est donc plus fort que <span style="font-style: italic;">micropesanteur</span>).</li></ul>
<br/>
<br/>
Enfin, pour terminer sur une citation, prenons celle de François Pérusse, dans l’épisode «&nbsp;<span style="font-style: italic;">la science et vous</span>&nbsp;»&nbsp;:<br/>
<q>Professeur, nous avons une question qui revient souvent. L’attraction sur d’autres planètes, la gravité…<br/>
— Attention, l’attraction et la gravité sont un complément, et non pas deux choses pareil. Commet par exemple, il peut y avoir une attraction sans gravité. Comme eurodisney&nbsp;: c’est vraiment une attraction sans gravité.<br/>
— C’est ça, c’est pas grave d’aller à Euro-Disney.<br/>
— Par contre, les danseuses nues sont une attraction assez grave.<br/>
— Ça peut le devenir, oui.</q><br/>
<br/>
<span style="font-weight: bold;">MÀJ&nbsp;: <a href="https://twitter.com/lehollandaisv/status/566651411405209600">la réponse de Bruce</a></span><br/>
En fait, le poids (donc la pesanteur, c’est la même chose) est une conséquence de l’accélération de la pesanteur. Cette accélération est généralement due à la gravité. Cette accélération peut aussi être dû à un mouvement accéléré du référentiel&nbsp;: c’est l’expérience de pensée d’Einstein dans son ascenseur&nbsp;: si on est dans un ascenseur dans le vide et qu’on est plaqué au sol, on ne peut pas savoir si c’est parce que l’ascenseur accélère vers le haut ou si c’est parce qu’on passe à côté d’un astre&nbsp;: les deux produiraient le même effet.<br/>
L’ISS est en orbite, mais il tombe quand même. Il tombe juste en courbe, et cette courbe possède le rayon de courbure de son orbite&nbsp;: c’est un cercle (ou une ellipse, mais le résultat est le même). Vu que sa trajectoire est une courbe, il accélère. Non pas en intensité, mais en vecteur. D’où la génération d’une accélération et donc un poids.<br/>
<br/>
Or, vu que l’ISS est en orbite, cette accélération là (due à la courbure de la trajectoire) compense exactement l’accélération de la pesanteur due à la gravité terrestre. Les deux vecteurs s’annulant à tout moment, le poids sur un pèse personne est nul.<br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/lightsinthedark/5810724330">image de Jason Mayor</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150216164307
title: Mon avis sur le gaz de schiste
uri: Mon-avis-sur-le-gaz-de-schiste
url: http://lehollandaisvolant.net/?d=2015/02/16/16/43/07-mon-avis-sur-le-gaz-de-schiste
content:
<img src="media/0f2bafd5.petrole.jpg" data-original-source="http://lehollandaisvolant.net/img/petrole.jpg" alt="puits de pétrole" width="400" height="225" style="max-width: 100%; height: auto;" class="one" />
Le <a href="https://fr.wikipedia.org/wiki/Gaz_de_schiste">gaz de schiste</a>, c’est du gaz naturel contenu dans des couches d’argile plus ou moins en profondeur. La différence avec le gaz habituel, c’est l’argile justement&nbsp;: cette roche est imperméable et demande une grande quantité d’énergie pour en extraire le gaz (là où les autres roches sont bien plus simples à dégazer).<br/>
<br/>
Je ne sais pas (parce que je n’ai pas encore lu) ce que va faire si on exploite ce gaz, en fonction des procédés, surtout. Mais même sans ça, je pense que c’est une connerie.<br/>
<br/>
Pourquoi ?<br/>
<br/>
En fait, ce que je ne comprends pas (enfin si&nbsp;: le moteur de tout ça, c’est le fric et le profit de Total, Shell et les autres destructeurs de planète), c’est <span style="font-weight: bold;">pourquoi ces fumiers continuent de se focaliser sur les énergies fossiles</span>, alors qu’actuellement le nucléaire est déjà plus propre (le nucléaire, à production d’énergie égale, émet moins de radioactivité dans l’air), faut déjà le faire, mais surtout qu’<span style="font-weight: bold;">on a toutes les technologies nécessaires pour capter les énergies produites par le soleil</span> (vent, marrée, solaire voltaïque et solaire thermique) et par la Terre (thermique, pompe à chaleur).<br/>
<br/>
<span style="font-weight: bold;">Les énergies fossiles, on le sait&nbsp;: à un moment on n’en aura plus.</span> Pourquoi fermer les yeux sur ça ?<br/>
<br/>
Et au delà des voitures ou des avions qui n’avanceront plus, ça sera également toute la synthèse chimique qui aura des problèmes&nbsp;: plus de pétrole, c’est plus de plastiques.<br/>
Regardez autour de vous&nbsp;: plus de plastiques, c’est plus de vêtements synthétiques, plus de peinture, plus d’encres, plus d’emballages (c’est peut-être pas mal, ça), plus de produits ménagers, plus de colorants dans la bouffe (ça aussi, c’est pas pire)… Si vous retirez tout le plastique de chez vous, il ne reste que le bois, le verre, le métal et la pierre. Oui, comme au 18e siècle, et autant dire que ça ne fait plus grand chose d’utile…<br/>
<br/>
Un grand scientifique a dit un jour qu’<span style="font-weight: bold;">il ne faut pas brûler le pétrole, mais qu’il faut le garder pour la synthèse chimique</span>. Ce scientifique, c’était Mendeleïev, l’un des pionnier de la chimie il y a 150 ans.<br/>
<br/>
Actuellement, ce qui me chagrine, c’est que rien à grande échelle n’est fait, ni même essayé, pour faire en sorte de se passer des énergies fossiles. On continue de brûler des restes de dinosaures pour transformer la Terre en une serre géante qui va tous nous détruire, alors que <span style="font-weight: bold;">la Terre reçoit tous les quart-d’heure plus d’énergie que l’homme en a besoin pour toute une année de la part du Soleil</span>.<br/>
<br/>
Il y a pourtant des moyens plus ou moins viables (totalement viables si on les additionne, j’en suis convaincu)&nbsp;: si le nucléaire est pour l’instant et selon moi la meilleure solution (à condition que ce soit effectivement mieux géré que par Tepco ou <a href="http://coordination-antinucleaire-sudest.net/2012/index.php?post/2015/02/08/Fuite-radioactive-confirm%C3%A9e-au-Tricastin-:-EDF-avoue-avoir-menti">EDF, qui masque des fuites radioactives survenues en 2014</a>) et <span style="font-style: italic;">seulement</span> à défaut de ne pas encore avoir un parc de centrales à énergie renouvelable suffisant ; il faudrait également investir <span style="font-style: italic;">massivement</span> dans l’éolienne ou le solaire&nbsp;: il y a des régions du monde ou le soleil est plus qu’abondant (les déserts, mais pas que) et en mer, il y a du vent toute l’année, tous les jours. Et ne me parlez pas des barrages hydrauliques en béton&nbsp;: la production du béton génère plus de CO2 que tous les transports réunis (dans le monde).<br/>
<br/>
Quant au transport de l’électricité produite dans le désert, c’est un problème (technique) oui. Mais on peut très bien changer la donne&nbsp;: ils peuvent déjà transporter du gaz d’un pays à l’autre, avec des gazoducs. Ils peuvent produire de l’hydrogène dans le désert et le transporter. On a déjà des voitures et des bus à hydrogène qui fonctionnent très bien. Et je ne vois aucun soucis à brûler massivement de l’hydrogène «&nbsp;propre&nbsp;» pour produire de l’électricité «&nbsp;propre&nbsp;».<br/>
<br/>
L’hydrogène coûte cher à produire (en énergie)… mais il ne coûtera rien si c’est l’énergie solaire qui s’en charge.<br/>
Et brûler de l’hydrogène, ça ne libère qui de l’eau (eau qui était de toute façon déjà dans l’atmosphère ou dans les océans, pas piégé dans les roches du sol).<br/>
<br/>
Selon moi, l’énergie de l’avenir c’est l’hydrogène&nbsp;: il est impossible qu’on vienne à manquer d’eau sur Terre et on ne manquera pas non plus d’énergie pour la transformer en hydrogène, si on utilise le soleil pour ça. Et si un jour on songe à voyager dans l’espace, l’hydrogène compose 92% des atomes de l’univers. Si on manque de ça, c’est qu’on aura vraiment élu les mauvaises personnes…<br/>
<br/>
Quoi qu’il en soit, s’ils se mettent vraiment à rechercher du gaz de schiste un peu partout, j’aurais honte. Honte de l’espèce humaine. On aura vraiment l’air de cons, si il s’avère un jour qu’il existe de la vie ailleurs&nbsp;: comment voulez-vous leur expliquer sans pleurer qu’on provoque des guerres et qu’on fouille dans la boue à la recherche de pétrole alors qu’on a tout ce qu’il faut avec le solaire, qui nous livre chaque instant 30 000 fois plus d’énergie qu’on en consomme ?<br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/podruzny/5247736300/in/photolist">image de POD</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150317170659
title: Un VPN va devenir obligatoire après ça…
uri: Un-VPN-va-devenir-obligatoire-après-ça
url: http://lehollandaisvolant.net/?d=2015/03/17/17/06/59-un-vpn-va-devenir-obligatoire-apres-ca
content:
<img src="media/af9a01cc.crypto.jpg" data-original-source="http://lehollandaisvolant.net/img/0e/crypto.jpg" alt="" width="400" height="267" style="max-width: 100%; height: auto;" class="one" />
<br/>
La France <a href="http://www.numerama.com/magazine/32502-terrorisme-la-france-exigera-dechiffrement-et-detection-automatique-de-suspects.html">veut tout pouvoir déchiffrer</a>, tout pouvoir inspecter et tout pouvoir automatiser, dans leur lutte contre le terrorisme.<br/>
<br/>
<span style="font-weight: bold;">Le but est louable, les moyens employés ne le sont pas.</span><br/>
<br/>
Les <a href="http://www.un.org/fr/documents/udhr/">droits de l’Homme</a> déclarent (article 12) que <span style="font-weight: bold;">chacun a droit à une vie privée</span> et que personne n’a le droit de la violer de façon arbitraire. Cela signifie entre autre que le gouvernement n’a pas à mettre son gros nez dans mes affaires personnelle.<br/>
<br/>
Vous laisseriez la police fouiller votre boîte aux lettres ?<br/>
Vous laisseriez le maire de votre ville inspecter votre ticket de caisse ?<br/>
Vous laisseriez un élu regarder tous vos SMS ?<br/>
Vous laisseriez les gendarmes regarder combien vous gagnez par mois ?<br/>
Vous laisseriez un député exiger la liste de vos bouquins empruntés à la bibliothèque ?<br/>
<br/>
NON&nbsp;!<br/>
<br/>
<span style="font-weight: bold;">Ce sont vos données. Vous les cachez car c’est votre vie privée ET VOUS AVEZ RAISON.</span><br/>
<br/>
<br/>
Et <span style="font-weight: bold;">sur le net c’est exactement pareil</span>&nbsp;: non je ne suis pas un terroriste, non je ne planifie pas de faire sauter une banque, non je n’achète pas de drogues ni d’explosifs sur Internet. Mais ce n’est pas pour ça que je n’ai pas de choses à cacher&nbsp;: j’ai le droit d’envoyer des emails de façon privée, j’ai le droit d’acheter des trucs sans que le gouvernement sache, j’ai le droit d’envoyer des SMS à qui je veux, j’ai le droit de recevoir de l’argent (peu importe de qui) tant que je le déclare sur ma fiche d’impôts, j’ai le droit de lire tous les livres numériques que j’ai envie.<br/>
<br/>
<span style="font-weight: bold;">Voilà exactement pourquoi j’utilise un VPN</span>, un tunnel chiffré entre mon PC et un serveur quelque part dans le monde (Russie, Thaïlande, Canada…) hors de portée de Manuel Valls et son pote François Hollande. Ces gens n’ont pas à savoir tous mes faits et gestes, et encore moins sans l’accord d’un juge et d’une action menée en justice (surtout que la mode est à se passer de système judiciaire, en ce moment).<br/>
<br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/anonymouscollective/2291139919">image anonyme</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150316193528
title: L’apologie de l’anorexie maintenant…
uri: L-apologie-de-l-anorexie-maintenant
url: http://lehollandaisvolant.net/?d=2015/03/16/19/35/28-lapologie-de-lanorexie-maintenant
content:
Aller hop, et bientôt la censure de <a href="http://www.nextinpact.com/news/93468-lapologie-anorexie-sur-internet-bientot-infraction.htm">ça aussi</a>. Oh et celle de la malbouffe aussi, tiens.<br/>
<br/>
Et puis merde&nbsp;: criminalisons aussi tous ceux qui publient des recette de cuisine avec&nbsp;:<br/>
<br/>
<ul>
<li> de la viande (choquant pour les végan) ;</li>
<li> du porc (choquant pour les musulmans) ;</li>
<li> des frites + burger (choquant pour José Bové et d’autres vieux autarciques) ;</li>
<li> des suchis (stéréotypant pour les asiats) ;</li>
<li> du sel, du gras, du sucré (choquant pour les membres de l’association des diabétiques de St-Gertrude-les-Asperges) ;</li>
<li> des ustensiles de cuisine en bambou (choquant pour les pandas) ;</li>
<li> de la bouffe (choquant pour les anorexiques)</li></ul>
<br/>
<br/>
Et puis… question… <br/>
Si vous voulez punir l'apologie de l'anorexie sur Internet… Pourquoi vous laissez l’apologie de l’anorexie à la TV ? Avec toutes les publicités pro-minceur, pro-0% et tout le reste ? Hein ?


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150310163045
title: Censure généralisée : les élus la réclament
uri: Censure-généralisée-les-élus-la-réclament
url: http://lehollandaisvolant.net/?d=2015/03/10/16/30/45-censure-generalisee-les-elus-la-reclament
content:
<img src="media/09c12a33.politics-ballons.jpg" data-original-source="http://lehollandaisvolant.net/img/18/politics-ballons.jpg" alt="" width="400" height="229" style="max-width: 100%; height: auto;" class="one" />
Il fallait s’y attendre, maintenant que le gouvernement peut  bloquer des sites web sans l’avis d’un juge, <a href="http://www.nextinpact.com/news/93398-et-si-l-on-bloquait-sites-injurieux-envers-elus-sans-juge.htm">ils veulent étendre ça aux sites qui disent du mal des élus</a>. C’est un député socialiste qui demande ça.<br/>
<br/>
Expliquez-moi comment un pays peut-être dit «&nbsp;<span style="font-style: italic;">libre</span>&nbsp;» si on ne peut pas se plaindre de ses élus (ne rêvons pas&nbsp;: hier c’étaient les menaces, aujourd’hui ce sont les injures, demain ce sera la simple plainte ou remise en question d’un politicien) ?<br/>
<br/>
<br/>
Le député (Guy Delcourt, député du Pas-de-Calais) demande l’extension de la censure en raison du développement d’Internet (ça fait juste 15 ans que c’est là ce truc «&nbsp;Internet&nbsp;», hein) et du fait que les procédures judiciaires sont trop lourdes pour traiter tous les cas d’injure.<br/>
<br/>
Rappelez-moi là aussi <span style="font-style: italic;">qui</span> sont ceux qui votent les lois qui composent ces procédures judiciaires (et qui contribuent à rendre tout ça plus lourd que nécessaire) ?<br/>
<br/>
Aussi, <span style="font-weight: bold;">il y a une raison pour laquelle ces procédures sont lourdes</span>&nbsp;: c’est pour garantir que chaque étape soit bien constitutionnelle et qu’il n’y a pas d’abus de pouvoir, tout ceci pour garantir le système démocratique et rester dans un État de droit et libre. C’est pareil que pour le vote&nbsp;: c’est lourd, c’est long, <a href="http://lehollandaisvolant.net/?d=2015/01/23/20/37/04-les-machines-a-voter-pourquoi-cest-mal">mais tout ceci est nécessaire</a>.<br/>
<br/>
Ensuite, si ça fait trop de dossiers pour tout le système judiciaire, ben… fallait pas fermer la moitié des tribunaux il y a quelques années (sous le règne de $arko)…<br/>
<br/>
<br/>
La tournure que prend ce système de censure administrative ne me plaît pas du tout. Ça fait <a href="http://lehollandaisvolant.net/?d=2015/01/19/16/58/04-censure-administratif-et-separation-des-pouvoirs">à peine un mois</a> que cette merde a été votée (pour bloquer rapidement les sites terroristes à la base) et ils veulent déjà l’étendre à toutes les sauces&nbsp;: antisionisme, piratage, pédophilie, injure…<br/>
Un député c’est une personne qui décide à votre place ce qui est légal ou illégal&nbsp;: il ne leur faudra que le temps pour faire voter toutes les extensions nécessaires et bloquer n’importe quel site qui ne leur plaît pas. <br/>
<br/>
<p class="small"><a href="https://www.flickr.com/photos/newfrontiersmedia/5568117010">image de Newsfrontier</a></p>


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150224173511
title: « François contre Internet ».
uri: François-contre-Internet
url: http://lehollandaisvolant.net/?d=2015/02/24/17/35/11-francois-contre-internet
content:
TF1 vous présente le nouveau jeu télévisé&nbsp;: <span style="font-weight: bold;">François contre Internet</span>.<br/>
<br/>
<img src="media/074c44bb.francois-le-champion.jpg" data-original-source="http://lehollandaisvolant.net/img/1d/francois-le-champion.jpg" alt="françois hollande tout mouillé" width="770" height="576" style="max-width: 100%; height: auto;" class="centrerinline" />
<br/>
Le principe est simple&nbsp;: François jette un dé et en fonction du résultat, on utilise un prétexte pour faire chier les internautes. Je rappelle la règle&nbsp;:<br/>
<br/>
Le dé tombe sur&nbsp;:<br/>
<ul>
<li> 1 ou 4, le prétexte est le terrorisme ;</li>
<li> 2 ou 5, le prétexte est la pédophilie ;</li>
<li> 3 ou 6, le prétexte est l’antisémitisme.</li></ul>
<br/>
*François jette le dé*<br/>
<br/>
Et ce sera… un 6, l’antisémitisme&nbsp;! Bravo François&nbsp;! On applaudit bien fort.<br/>
<br/>
<br/>
Donc voilà, notre gagnant repart avec 3 lois destinées à stigmatiser l’Internet comme responsable de <a href="http://www.nextinpact.com/news/93175-antisemitisme-francois-hollande-accuse-complicite-intermediaires-indifferents.htm">l’antisémitisme</a>.<br/>
François, je vous le rappelle, s’est déjà servi de son joker 49/3, mais il lui reste l’avis du public qu’il n’a toujours pas utilisé depuis 2012&nbsp;! Quel courage ce François.


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150324183208
title: Flattr c’est terminé pour moi
uri: Flattr-c-est-terminé-pour-moi
url: http://lehollandaisvolant.net/?d=2015/03/24/18/32/08-flattr-cest-termine-pour-moi
content:
<a href="http://lehollandaisvolant.net/?d=2013/04/10/13/35/53-pourquoi-flattr">J’utilise Flattr</a> depuis quelques années&nbsp;: c’est un système de dons, qui permet aux internautes de gratifier les créateurs d’un don ponctuel.<br/>
Je pense que c’est un moyen sympa d’aider la création et les créateurs directement, sans passer par un contrat avec un industriel qui va alors s’accaparer tous les bénéfices.<br/>
<br/>
Sauf que… Il reste l’intermédiaire «&nbsp;Flattr&nbsp;».<br/>
<br/>
Depuis le début j’utilisais Flattr avec Paypal&nbsp;: j’ai un compte Paypal depuis encore plus longtemps et, mis à parti leur positions vis à vis de certains comptes (ils bloquent les transactions vers les hacktivistes, par exemple) je n’ai pas grand chose à leur reprocher d’autre.<br/>
<br/>
Flattr a décidé de ne plus utiliser Paypal, mais plutôt de passer par Moneybookers (Skrill). Le système est le même, c’est juste un autre site.<br/>
<br/>
Je me suis donc inscrit sur Moneybookers… Déjà, il faut vérifier la carte bancaire… Puis revérifier… Puis re-revérifier avec des codes, retraits de montants aléatoires, encore des codes.<br/>
Et au final, le transfert d’une somme de 20€ <span style="font-weight: bold;">me coûte 2,95€ de frais de transfert</span> (hors commission Flattr (10%), hors commissions de Moneybookers (2%)). C’est la goûte d’eau&nbsp;: j’en ai assez de tout ce monde qui se gave pour rien&nbsp;: frais de dossiers disproportionnées par ici, commissions abusées par là…<br/>
<br/>
Je ne pense pas que ceux qui m’ont fait un don sur Flattr aiment voir leur argent aller dans les poches des banques&nbsp;: ce ne sont pas eux qui proposent des sites web avec des tutos, des outils, des scripts à télécharger ou des articles de blog.<br/>
J’arrête ces conneries&nbsp;: <span style="font-weight: bold;">Flattr, tout ça, c’est terminé.</span> Merci de ne plus me flattrer. Les dons du mois en cours et ce qui se trouve encore chez eux seront donnés à <a href="https://soutien.laquadrature.net/">LQDN</a> et à <a href="https://soutenir.framasoft.org/">Framasoft</a> (environ ~15€).<br/>
<br/>
<br/>
Je remercie sincèrement tout ceux qui m’ont fait un ou plusieurs dons depuis le début, vraiment, ça me touche et ça montre que certains reconnaissent le travail et le temps investi sur l’ensemble du site et qui valorisent tout ça au point de vouloir aider à maintenir tout ça en place (oui, vos dons ont permis ça).<br/>
<br/>
Mon site continuera bien-sûr à exister&nbsp;: je ne manque par d’argent pour ça et la motivation ne me manque pas non plus.<br/>
<br/>
Si vous voulez me faire plaisir ou continuer à soutenir le site, vous pouvez le faire simplement en partageant mes liens à ceux à qui ces liens peuvent aider ou plaire&nbsp;: que ce soit les articles de mes blogs (<a href="http://lehollandaisvolant.net/">1</a>, <a href="http://couleur-science.eu/">2</a>, <a href="http://science-abuse.net/">3</a>), mes tutos (<a href="http://lehollandaisvolant.net/tuto/">ici</a>, <a href="http://lehollandaisvolant.net/linux/">ici</a>, <a href="http://lehollandaisvolant.net/windows/">là</a>), mes <a href="http://lehollandaisvolant.net/tout/tools/">outils en ligne</a> ou n’importe quelle page.<br/>
Vous pouvez aussi aider l’internet en soutenant LQDN, Framasoft et d’autres projets du genre.<br/>
<br/>
<span style="font-weight: bold;">Une chose n’a pas changé depuis le début&nbsp;: je suis toujours aussi heureux de savoir que mes pages aident des personnes ailleurs dans le monde&nbsp;: c’est vraiment très gratifiant (et ça va bien au delà de mon égo, croyez-moi ou pas, certains savent de quoi je parle). Pas besoin de Flattr pour ça.</span>


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


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

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


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


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


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


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


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


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


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


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


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


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


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

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


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


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


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

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


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


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


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

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


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


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


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


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


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


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

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

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

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


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


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

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


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


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


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

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


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


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

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


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

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


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


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150808181534
title: Mon top de musique métal
uri: Mon-top-de-musique-métal
url: http://lehollandaisvolant.net/?d=2015/08/08/18/15/34-mon-top-de-musique-metal
content:
<img src="media/248a3050.Black_Sails_At_Midnight.jpg" data-original-source="http://lehollandaisvolant.net/img/b4/Black_Sails_At_Midnight.jpg" alt="black sails at midnight cover" width="400" height="400" style="max-width: 100%; height: auto;" class="one" />
En plus de la musique de jeux vidéos, films ou autres musique «&nbsp;épique&nbsp;» et la K-Pop/J-Pop, j’écoute aussi du métal — du folk métal — et selon certains (coucou Thierry) je serais le seul à écouter aussi bien SNSD que Ensiferum&nbsp;:D.<br/>
<br/>
Pour la musique épique et la K-Pop&nbsp;:<br/>
<ul>
<li> <a href="http://lehollandaisvolant.net/?d=2013/07/14/22/41/42-mon-top-de-chansons-j-pop-et-k-pop">Mon top de chansons J-Pop et K-Pop</a></li>
<li> <a href="http://lehollandaisvolant.net/?d=2012/11/02/12/33/41-mon-top-de-musique-epique">Mon top de musique épique</a></li></ul>
<br/>
Concernant le métal, j’écoute uniquement du «&nbsp;<strong>folk métal</strong>&nbsp;» et quelques dérivés (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/>
<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/>
<br/>
Pour les pochettes d’album, j’ai une petite collection ici&nbsp;: <a href="http://lehollandaisvolant.net/tout/folio/?fol=metal+covers">http://lehollandaisvolant.net/tout/folio/?fol=metal+covers</a>


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


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


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

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

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

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

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


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

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


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

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


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


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

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


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

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


feed_id: http://lehollandaisvolant.net/?mode=links&id=20150920182205
title: Quelques astuces pour les clés GPG
uri: Quelques-astuces-pour-les-clés-GPG
url: http://lehollandaisvolant.net/?d=2015/09/20/18/22/05-quelques-astuces-pour-les-cles-gpg
content:
L’ami <a href="http://www.matronix.fr/nouvelle-cle-publique-pour-me-contacter/">Matronix</a> a perdu sa clé GPG et a donc été obligé d’en créer une nouvelle. <em>Bouuuhouu… *paf*</em><sup>[1]</sup>
<br/>
Le problème maintenant&nbsp;:<br/>
<ul>
<li> tous ses contacts doivent mettre à jour sa clé publique</li>
<li> si la clé n’a pas de date d’expiration, on peut continuer à lui envoyer des messages chiffrés, mais il ne pourra pas les lire.</li></ul>
<br/>
Pour éviter ça, il y a des solutions&nbsp;!<br/>
Ne pas perdre sa clé publique est la plus évidente, mais personne n’est à l’abri d’une panne ou d’une mauvaise manipulation.<br/>
<br/>
<h3>Pour éviter de perdre ses clés</h3>
<br/>
Sauvegardez votre clé publique et privée sur un stockage externe<sup>[2]</sup>, de préférence dédié à ça. S’il vous reste une vieille clé USB de 64 Mo (une antiquité, quoi), vous pouvez l’utiliser pour ça. Une disquette, c’est possible aussi, mais qui lit encore les disquettes&nbsp;? Qui sait même encore ce qu’est une disquette, de nos jours&nbsp;?<br/>
<br/>
Une clé USB pour stocker ses clés GPG c’est bien, donc. Mais si la clé tombe en panne&nbsp;?<br/>
<br/>
Ma solution, c’est d’<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 URL 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. 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 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).


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 que 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), j je préfère avoir une solution de secours. Et Vivaldi, bien qu’encore assez jeune, peut déjà faire un bon navigateur secondaire (chez moi c’est Chromium qui occupe en ce moment ce poste… pour l’instant).<br/>
<br/>
Ressource&nbsp;:<br/>
<ul>
<li> <a href="https://vivaldi.com/">Vivaldi</a>&nbsp;: site officiel de Vivaldi.</li>
<li> <a href="http://vivaldi-fr.com/blog/">Vivaldi-Fr</a>&nbsp;: Forum, Blog, Wiki (non officiels) mais en français à propos de Vivaldi.</li></ul>


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


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


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


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/>
<p class="small"><a href="https://www.flickr.com/photos/kkoshy/13845819085/">image de Koshi Koshi</a></p>


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


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


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/>
<p class="small"><a href="https://www.flickr.com/photos/mobilestreetlife/9494677089/">image de David Blackwell</a></p>


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

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


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

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


feed_id: 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 l’être maintenant.<br/>
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/>
<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.<br/>
<br/>
<br/>
Ensuite, 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/>
<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/>
<br/>
<br/>
<br/>
Enfin, il faut faire face à des pénuries sur Terre : 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 — ces deux derniers ne faisant pas partie des « terres rares » pour rien) sont de plus en plus rares. 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 solaire ou autres : 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, c’est qu’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.<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 les agences gouvernementales (Nasa, Esa…) qui prennent les risques pour envoyer des hommes sur la Lune ou pour faire atterrir un engin sur une astéroïde. Ce sont eux qui montrent que c’est possible. Ce sont après les entreprises privées qui 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.<br/>
<br/>
De ce point de vu là, la recherche est très lucrative de façon indirecte&nbsp;: pour la conquête spatiale, chaque dollar investi par la Nasa a permit d’en gagner trois. Pour le Cern et d’autres projets similaires, la rentabilité est encore plus grande (le Cern a inventé le <em>world wide web</em>, et sans elle, toute l’économie qui en découle ne serait pas là).<br/>
<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. Logiquement donc, il ne devrait pas y avoir de problèmes avec ça. Ce qui se passera avec l’espace, c’est ce qui a déjà lieu sur Terre.<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=20151129143818
title: Je ne comprend pas les imprimantes
uri: Je-ne-comprend-pas-les-imprimantes
url: http://lehollandaisvolant.net/?d=2015/11/29/14/38/18-je-ne-comprend-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 comprend 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;:)


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 dangers 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-dangers-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 dangereux…<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 site 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. Pour un site qui affiche de la publicité, 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 faille 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 maintenant. 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, le lecteur Youtube HTML5 de Firefox est incroyablement lent : 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 ce code ? <strong>Il fait croire à Youtube que vous utilisez Chromium</strong>, 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 pour pouvoir montrer que Chrome(ium) fonctionne tellement mieux.<br/>
<br/>
<strong>Google : vous êtes des enfoirés.</strong><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 (pour installer l’add-on, il faut s’identifier comme Firefox, et donc réinitialiser la clé dans "about:config", via un clic droit).<br/>
Pour vérifier votre User-Agent, allez sur mon <a href="http://lehollandaisvolant.net/tout/tools/browser/">détecteur de navigateur</a>.


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/121541157173">eBay</a>, 3 $, 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=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:
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;».<br/>
<br/>
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.<br/>
<br/>
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.<br/>
<br/>
<br/>
<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.<br/>
<br/>
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.<br/>
<br/>
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 mois, mais ça marchait.<br/>
<br/>
<br/>
<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.<br/>
<br/>
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.<br/>
<br/>
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.<br/>
<br/>
<br/>
<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.<br/>
<br/>
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 ;).<br/>
<br/>
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.<br/>
<br/>
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).<br/>
<br/>
Mais au final, la gue-guerre Windows-Linux on se rend compte que c’est débile. Au fond on sait que Windows c’est une perte de temps, mais on sait aussi que troller et essayer de convaincre des gens pas motivés c’est aussi une perte de temps (souvent bien plus grande).<br/>
<br/>
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 ne savent pas utiliser Windows 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.<br/>
<br/>
—<br/>
<br/>
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%.<br/>
<br/>
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).<br/>
<br/>
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.<br/>
<br/>
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.<br/>
<br/>
Windows nous cache la ligne de commande (car elle 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). <br/>
<br/>
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.<br/>
<br/>
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.<br/>
<br/>
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>.


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</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</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 de ça, je vous conseille d’appliquer la procédure suivante dans Regedit pour masquer l’icône de GWX (Get Windows 10)&nbsp;:</p>

<ul><li> Ouvrez Regedit et allez à la clé <em>HKEY_LOCAL_MACHINE</em> > <em>SOFTWARE</em> > <em>Policies</em> > <em>Microsoft</em> > <em>Windows</em> > <em>Gwx</em></li><li> Créez une nouvelle clé <em>REG_DWORD</em> du nom de <em>DisableGwx</em> et d’une valeur de <strong>1</strong></li></ul>

<p>Pour le moment, ces deux manips dans Regedit et le bloquage des mises à jours permettent de repousser le passage à Windows 10.<br />
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=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 véritables guillemets français : « », les points de suspension « … » ou l’apostrophe typographique « ’ » et bien d’autres.</p>

<p>On peut 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</a> normal.</p>

<p>Euh, 'scusez, vous permettez ? J’ai un clavier AZERTY et je sais taper tout ça sans problème :</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" /><br />

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

<p>La disposition française-alternative (image) dans Gnome/Mate sous GNU/Linux n’est sûrement pas parfaite non plus, mais elle permet au moins de taper tous les diacritiques et les ligatures, les apostrophes françaises «&nbsp;’&nbsp;», les points de suspension «&nbsp;…&nbsp;», les espaces insécables, les tirets typographiques, les guillemets français («»), anglais (“”) et américains, ceux de la prog ("), allemands („”), les signes mathématiques (÷×⋅±≠) et plein d’autre choses…</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. C’est natif sous Linux, mais il y a des logiciels pour le faire sous Windows et c’est sûrement possible sous OS-X également (et sous Android et iOS aussi, depuis longtemps et nativement)</p>

<p>Parce que je les vois déjà venir&nbsp;: demain il y aura des claviers approuvés par le ministère (avec mouchard intégré) au double du prix…<br />
(Mais bon, s’ils avaient préféré Linux dans les écoles plutôt que s’enrôler chez Microsoft, peut-être que quelqu’un se serait accidentellement rendu compte qu’on pouvait accentuer les majuscules)…</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. Et c’est spécialement conçu pour le français et les caractères spécifiques à la langue française (parce que bon, la disposition AZERTY était prévue pour éviter que les machines à écrire mécaniques ne s’enrayent, sans tenir compte de la santé 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: 20160120161414-article
title: Si, écrire en français avec un clavier AZERTY est possible !
uri: 2016-01-29-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: 20160116132906-article
title: Windows 7/8 : bloquer les mises à niveau vers Windows 10
uri: 2016-01-29-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: 20160114194626-article
title: Retour d’un Linux-User
uri: 2016-01-29-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: 20160111191610-article
title: Dessiner avec de la lumière
uri: 2016-01-29-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: 20160103163039-article
title: Youtube lent en HTML5 avec Firefox 42+ ?
uri: 2016-01-29-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: 20151215165347-article
title: [CSS] Utiliser des couleurs relatives
uri: 2016-01-29-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…


