Sous GNU/Linux (Mint), je fais toujours un clic droit puis "démonter". J’attends aussi que la clé disparaît du bureau ou des menus. La plupart des clés sont en NTFS et le support NTFS dans Linux est merdique.

Si je ne le fais pas, les fichiers sont toujours corrompus…

(via)
— (permalink)

Essayes d’accéder directement via l’IP ? Il y a des chance que ton site ne soit bloqué qu’au niveau du DNS.

Sur mon site, avant que je n’avais une IP fixe, je devais faire « http://<ip>/~<username>/ ».

Je n’étais cependant pas chez OVH.
— (permalink)

AMHA, c’est pas un rafraîchissement dont il a besoin, mais d’un retour aux sources.
On veut un navigateur à améliorer soi même, pas un sapin de Noël déjà décoré.
— (permalink)

« Mais l'initiative n'est pas au goût de tous. Depuis la genèse du projet, plusieurs syndicats dénoncent « une technologie mise au service de la réduction d'emplois ». En cause, les gains de productivité qui pourraient supprimer des postes sédentaires. »

Faut vraiment que l’emploie cesse de devenir le "graal" absolu. Ça en devient ridicule : ils préfèrent que les gens se fassent chier avec de la paperasse plutôt que d’embrasser la technologie.

Mais pour ça, faut qu’un emploi cesse d’être obligatoire dans nos vies.

Tout ce fric gaché pour payer des gens à trouver du taf des stages, pour payer les déplacements des chômeurs pour aller chez Paul Emploi, le papier et l’encre, un site web qui marche à moitié, et quinze millions d’ordinateurs qui (à en croire les gens) ne passent leur temps qu’à faire des « bogue informatiqueuh », toutes les études et statistiques sur le taux de chômage, tout ce temps passé sur TF1 pour dire que les chômeurs sont des fainéants et des voleurs (basés sur d’autres études débiles qui pourraient être économisés), ben tout cet argent pourrait être dépensé beaucoup plus intelligemment.

Si on donnait l’argent à ceux qui en ont besoin plutôt que de le dépenser dans des études visant à compter le nombre de personnes qui ont besoin d’argent, ça serait pas mieux ?
— (permalink)

Et merde-merde-merde, maintenant les P-B se mettent également à la surveillance de masse.

Le projet de loi autoriserait la captation, le stockage et le décryptage de toutes les formes de communications numériques.

Le prétexte ? La sécurité.

Rien ne dit évidemment pas qu’ils ne le faisaient pas avant (tout comme en France), mais ce qui m’emmerde, c’est que tous les états vont peu à peu rendre légal ce qu’ils faisaient dans l’ombre (et NON le terme « alégal » ne veut rien dire : si ce n’est pas interdit par la loi, c’est autorisé, point. Le truc, c’est que la captation massive des correspondances privée devrait justement être interdite ! Maintenant, voir ça se faire interdire devient impossible).

(via)
— (permalink)

Des combats de robots géants *˛*

(via)
— (permalink)

5 états sur 28 représentent 48% du poids de vote au parlement. Ok, ils représentent également plus de 50% de la population, mais dans ce cas pourquoi ne pas demander directement l’avis à la population ?
L’Union Européenne dans ce cas, c’est un continent dirigé par 5 pays (dont les 4 premiers font également partie du G8).

Quand il s’agit d’une Union qui doit décider certaines questions comme l’entrée d’un nous pays ou — ici — des crédits à apporter à la Grèce, je vois pas trop pourquoi certains pays ont plus de poids que d’autres.
La porté des questions débattues n’est pas la même quand il s’agit de statuer sur un état ou sur la population de toute l’Europe.
— (permalink)

Franchement…
— (permalink)

Sans le savoir, nous donnons bien plus pour la prospérité de la fière Allemagne que pour aider la petite Grèce. »

Oh wait !
L’Allemagne a 4 fois plus de sièges que la Grèce, au parlement !

Ben ça alors !

Il serait peut-être intéressant de donner le même nombre de sièges et de voix au conseil à tout le monde, si on veut que chaque pays soit considéré de façon égale !
— (permalink)

Le nombre en bas à droite d’un shaarlink, c’est le nombre de clics ?
Ce n’est pas indiqué explicitement.

Pourquoi ne pas utilisé une image de fond sur le chiffre, genre un petit curseur de souris, pour modéliser le "clic", ou alors faire un peu comme les boutons FB ou Twitter : un logo shaarli avec le nombre juste en dessous (hé, on est en train de produire un vrai rézososio là !).

Je pense qu’on peut trouver mieux que le curseur de souris en fond, mais faudrait qu’on sache ce que ça veut dire^^.
N’hésitez pas à mettre des attributs « title » partout non plus : ils sont invisibles, sauf quand la souris passe par dessus (après, « title » n’est pas le top sur mobile, mais ça sera toujours ça pour desktop).


Parlant de mobile, je vois ceci : http://lehollandaisvolant.net/img/94/Screenshot_2015-07-07-10-08-21.png

Je vois plusieurs problèmes :

▶▶ les liens en haut sont trop serrés à droite. Solution : utiliser "flex" pour les distribuer sur toute la largeur.
Dans le thème mobile (dans le @media (max-width: 600px)), ajouter ça :

.menu ul.show-for-small-only { display: flex; float: none; }
.menu ul li { flex: 1 1 auto; text-align: center; }

(1 1 auto : le premier 1 pour dire que chaque "li" a un poids de 1 dans la réduction de taille (un bloc avec 2 serait doublement réduit) lors du redimentionnement flexible ; le seconde 1 c’est la même chose pour l’agrandissement ; le dernier "auto" c’est pour dire que le bloc n’a pas de taille fixe (en px) minimal. Mettre « 100px » aurait permit un agrandissement/rétrécissement flexible dans la limite inférieure de 100px.)

(aussi je vois dans le code qu’il y a 3 fois le HTML : une fois pour mobile, une fois pour desktop, une fois pour grand-desktop. C’est assez moyen comme pratique. Il faut mieux limiter le HTML et le rendre adaptable. En faisant ça, on se force à le simplifier (en nombre d’éléments HTML)).

Résultat pour le menu en haut : capture.

▶▶ Les boutons "top du jour" "top hebdo" sont trop petits.
Solution : ajouter un padding sur les liens. Ça va agrandir les liens ET l’espace cliquable (ou touch-able) en même temps. J’augmente aussi la taille de pixel, un peu (même s’il faudrait tout mettre les font-size en "em" ou "%", pour faire les choses bien).

.row .button.microscopic { padding: 1.3 em; font-size: 12px; }

Ces boutons sont maintenant juste un peu plus gros. Je choisis ces valeurs dans l’éditeur de code sur Firefox Desktop. Il le peut qu’ils soient à ajuster lors d’un essaie réel sur mobile.

▶▶ Le champ de recherche est large et fin. Trop fin sûrement.
Regardes le champ de recherche (en mobile) sur la page de Google, DuckDuckGo ou même la barre d’url sur les navigateurs mobiles : ils ont une taille adaptée au tacile.

Ici pareil, un simple padding fait l’affaire.
On centre avec "margin: 0 auto", On remet "height:auto" (sinon le padding bug) et je met aussi la largeur à 90%, question d’esthétique) :

#searchbar { margin: 0 auto; height: auto; padding: 15px; width: 90%; }

▶▶ Chaque bloc de liens est accolé à celui du dessus et celui du dessous. C’est bien pour gagner de la place, mais pour voir où l’un débute et l’autre fini, sachant qu’il y a une bordure sur les blocs, c’est pas facile.

Sur desktop, même en réduisant la largeur de l’affichage pour faire jouer le responsive-design, il semble y avoir un "linear-gradient". C’est bien, c’est ce que j’allais proposer, mais il n’est pas visible sur mobile, bizarrement.

Dans tous les cas, la bordure du dessous d’un bloc, et la bordure du dessus du bloc d’en dessous (on suit) se touchent et ça donne une double bordure de 2 px qui n’est pas jolie.

.article + .article { border-top: 0; }

Ainsi, tous les blocs, à commencer par le second bloc, n’auront pas de bordure en haut. La séparation sera assurée par la bordure du dessous du bloc au dessus.

Voici ce que ça donne avec un avant/après : capture.

▶▶ La ligne avec les tags et le nombre de clics se fait (sur mobile) sur deux lignes : le nombre de clics est passé en dessous. C’est pas esthétique.
Là aussi, ça peut être résolu avec flex.

Dans le code, pour le bloc avec les tags et le nb-clic, il y a un <div class=""> (la classe est vide!). Il faudrait y mettre quelque chose comme "article-footer".

À ce moment là, on mettrait :

#div-container-articles .article-footer { display: flex ; }
#div-container-articles .article-footer > div { float: none; }
#div-container-articles .article-footer > div.text-left { flex: 1 1 auto; } /* le bloc des tags est flexible entièrement */
#div-container-articles .article-footer > div.text-right { flex: 0 0 40px; } /* le bloc du nb-clic est fixe, non flexible. */

40px devraient suffire pour le nombre de clics. Je pense pas qu’on arrive à un nombre de clics à 30 chiffres. Sinon, il serait intéressant de commencer à mettre « 4k » ou « 3M » si le nombre de clics est de 4000 ou 3000000.

(en parlant de ça : le TOP hebdo/du jour : c’est en fonction du nombre de partage ou du nombre de clics ?

▶▶ Enfin, dernier point : la prévisualisation d’un lien (l’image sur la droite, là) est sympa sur desktop, mais sur mobile, il fait 40px sur 40px. Je ne sais pas si à ce niveau il est encore utile.
Je sais qu’on peut cliquer dessus pour la voir en grand (même sur mobile), mais le bouton pour le refermer est foireux : à chaque fois ça m’ouvre le lien plutôt que fermer la prévisualisation.
Peut-être ajouter un « z-index: +1; » sur la petite croix.

(il se peut qu’il y ait des soucis de priorité CSS. Je n’ai pas pu tester en réel.)

C’est à peu près tout.
— (permalink)

J’ai refait ma page 404 \o/
— (permalink)

omg, c’est énorme !
— (permalink)

New Horizons, qui voyage en direction de Pluton depuis 2006 a connu un dysfonctionnement à quelques jours où il passera devant sa cible.

Apparemment il est sorti du mode de secours et ça devrait bien se passer, mais ça serait bien décevant si la mission foirait, après 9 ans et demi d’attente.
— (permalink)

On peut s’amuser et faire de la science en même temps.
Il suffit de verres polarisés, d’une pièce de monnaie et d’une bassine d’eau et les verres polarisés feront disparaître tantôt la pièce tantôt les réflexions du paysage sur l’eau.

C’est magnifique :D
— (permalink)

C’est comme ceux qui fêtent le 14 juillet : doit-on dire que ça marque l’anniversaire d’une tuerie ?
Où les gens sont décapités non en fonction de leurs actes mais en fonction de leur classe sociale ?

Prenez Lavoisier par exemple, décapité après qu’on lui ait dit « la République n'a pas besoin de savants ni de chimistes ».

Ou même la découverte de l’Amérique : combien d’amérindiens sont tués par les conquérants et leurs descendants : 10'000 ? 100'000 peut-être ?
En fait, le chiffre se rapproche plutôt de 100 millions (selon les sources : 50M, 114M, 100M…).

Ou encore qu’à une époque, en France, il était normal d’avoir des esclaves, de brûler des gens ou d’interdire aux femmes de voter, de traiter l’homosexualité comme une maladie ou de taper les élèves pas sages avec un bout de bois.


Là où je veux en venir, c’est que les temps changent. Les héros d’un jour seraient des criminels 50 ans après leur mort. Leurs actions n’ont pas changés, c’est leur perception qui l’est.
Mais tant mieux si ça choque. Ça prouve que les mentalités ont évoluées.

(lien via)
— (permalink)

Et on vient nous dire « Uber tue les emplois ». Haha.
Quant à tout le reste, ben on dirait que tout ce bordel (prix des licences, charges…) soit créé de toutes pièces. Pas étonnant donc que la concurrence arrive à faire des tarifs plus attractifs.
— (permalink)

Voir aussi : Blitzortung pour le monde entier et cette image pour les précipitations ; l’image est mise à jour toutes les 15 minutes.

(Via Arfy)
— (permalink)

Mon outil dont je parlais précédemment pour tracer des graphiques.

C’est l’outil que j’ai utilisé pour tracer le premier graphique de cet article (les autres images ayant été faits avec ça).

Ça évitera à avoir utiliser l’outil de Google pour tracer des graphs.
Mon outil permet de tracer cos(x) ou sin(x), mais également des graphiques comme la courbe Batman.
— (permalink)

Les icônes sur Shaarli ont été redimensionnées dans les posts, mais comme les images sources ne sont toujours que de 16px, ça fait un effet pixelisé pas très joli (le favicon de Biniou est lui grand et s’affiche bien, d’autres probablement aussi, mais c’est loin d’être le cas partout).

Les favicon peuvent depuis un moment faire plus de 16px.
Perso j’ai utilisé cet outil : http://www.icoconverter.com/ pour refaire la mienne : http://lehollandaisvolant.net/favicon.ico (5,7 ko)

Les favicon peuvent aussi contenir plusieurs tailles d’icônes dans un seul fichier, mais là le fichier sera beaucoup plus lourd (>100 ko).

Gimp permet aussi d’exporter en .ico, et les fichiers semblent fonctionner (ce n’était pas le cas il y a un temps).

Notez que les navigateurs affichent le favicon au format ICO même quand il n’est pas explicitement indiqué dans le l’entête HTML de la page, il suffit que le fichier "favicon.ico" soit présent à la racine du site.

Quand on met la ligne HTML du favicon dans la page, on peut utiliser du PNG ou un autre format ou taille d’image (sauf IE <=10, qui ne détecte rien d’autre que le ICO pour l’icône).

Pour Shaarli (l’icône transparente & carrée) :
http://lehollandaisvolant.net/img/2b/logoShaarli.ico (70ko)
http://lehollandaisvolant.net/img/20/logoShaarli.png (5 ko)

Si le cache d’icône peut être mis à jour et prendre en compte les changements, l’affichage sera plus joli :)
— (permalink)

— (permalink)