Un "floating label" en CSS qui marche tout le temps (sans JS).

Ça utilise le :placeholder-shown, mais peu importe, c’est relativement bien supporté : https://caniuse.com/#feat=css-placeholder-shown

Ah et surtout, ça utilise un vrai "label" et pas le placeholder, justement (qui est là et nécessaire, mais vide). Ça reste donc accessible pour les lecteur d’écran. Le fait de placer un span dans le label ne doit pas changer quoi que ce soit de ce côté là.

— (permalink)

Il va se faire bâcher à être modéré comme ça, et prétendre que le lait n’est ni indispensable et essentiel, ni toxique et cancérigène.

— (permalink)

Purée, les Grid en CSS c’est trop bien !

J’avais déjà été ébloui par les flex-box et leur possibilités (voir là), mais les grid ne sont pas en reste non plus !

Par exemple, je veux faire un formulaire pour remplir sont adresse postale, sous la forme suivante :

|--------------------------|
| n° | nom de rue          |
|--------------------------|
| complément               |
|--------------------------|
| cp     | ville           |
|--------------------------|
| état        | pays       |
|--------------------------|

C’est à dire en respectant la disposition des champs. (un peu comme là)

Le truc, c’est que j’ai juste un seul <div> avec sept <input> qui se suivent. Je ne veux pas utiliser de <p> ou de <br/>.

La solution ? Les grid (comme dans Tron) !

Je déclare le <div> comme étant une grille, divisée en 10 sections de 10 % chacune sur la largeur. Pour les lignes, le retour à la ligne est automatique ici (mais le grid permet également de modifier ça comme on veut !).

Ensuite, je donne à chaque <input> sa position : numéro de ligne, numéro de colonne et un sorte de « colspan ».

J’en ai fait un codepen pour voir ça directement : https://codepen.io/lehollandaisvolant/pen/aPjBXK?editors=1100

Et tout est parfaitement aligné, responsive et flexible ! C’est ça qui est tellement mieux qu’avec des floats !

— (permalink)

Yarn, NPM, Git, Go, Brew…

Y a que moi qui trouve ça complètement débile de devoir installer un de ces systèmes, pour pouvoir installer la moindre bibliothèque ou le moindre programme/script ?

Parfois vous pouvez pas juste nous fournir un .js/.sh/.py/.run/.bin/.zip ou quoi que ce soit, qu’on aurait juste à copier/chmoder/lancer ?

Ok, les « app store » (y compris les dépôts yum/apt) sont sympa, mais c’est pas une raison pour faire un tel système (quand-même assez looooourd) pour tout et n’importe quoi ;-;

Ah, Arfy me signale également cette méthode pour tester son site en live (et en HTTPS) sur un autre serveur que le sien.
Une seule commande à lancer et ça marche.

Ce n’est pas 100 % hébergé sur sa propre machine mais ça peut dépanner.

— (permalink)

Quoi qu'on en pense, ça permet de rappeler que ces plates-formes ont également des CGU et un contrôle sur ce que vous faites.

EDIT : et Schiappa qui considère ceux qui donnent comme de la complicité et souhaite avoir la liste des noms...

Heureusement, Eolas est pour nous dire ce qu'il en est : https://mobile.twitter.com/Maitre_Eolas/status/1082613386641395712

— (permalink)

Les attaques anti-gafa envers les gens (!) sont aujourd’hui les mêmes que ceux utilisés par les linuxiens contre les utilisateurs de Windows. Je suis moi-même passé par cette étape trollesque (lisez mes vieux articles à propos de linux), mais j’ai arrêté et je ne sais donc pas si c’est encore d’actualité ; en tout cas ça m’y a fait penser :

les conseils de déGAFAisation individuelle sont souvent présentés de façon culpabilisatrice, « Ne soyez pas une poire, arrêtez d'utiliser les GAFA », voire en blamant les victimes « Oui, Facebook a vendu vos données personnelles à Cambridge Analytica, mais c'est de votre faute aussi, pourquoi n'utilisiez-vous pas Diaspora ? ».

Pour ma part, que ce soit les gafa ou Windows, je pense qu’une utilisation raisonnée est possible.

Il faut juste que chacun prenne bien conscience d’une chose : tout ce que vous postez pourra et sera exploité à votre insu (mais on a le droit de garder le silence).

C’est tout.

Après l’utilisateur doit en apprécier les conséquences. Peut-être qu’il s’en fout, peut-être pas. C’est à lui de voir.

Me concernant, j’ai arrêté de faire du prosélytisme pro-linux ou anti-gafa et je suis redevenu pragmatique. Si une personne me demande d’installer ou de donner les avantages de Linux, je le fais. Mais je vais pas formater des PC à l’insu des gens.
Au contraire : récemment, une dame avait son PC hyper lent et voulait « autre chose [que Windows 8] ». Je lui ait montré mon PC (sous Linux Mint), mais j’ai aussi dit « attendez, je vais décrasser Windows et après on verra ».

Résultat : W10 d’installé, j’ai aussi viré les 3 anti-virus, les 12 toolbar et viré 30 Go de fichiers inutiles et le PC respirait à nouveau.

J’aurais bien installé Linux Mint, avec plaisir, mais comment expliquer que ça signifie aussi plus de Word, plus de Excel, plus de Photoshop, plus de Jeux (dont elle se servait tous les jours dans un contexte professionnel) ? Ça posera plus de problèmes que ça n’en résout…

Je pense qu’avec les outils anti-gafa, aussi bon qu’ils soient, c’est la même chose : comment leur expliquer que leur compte GoogleDrive ne sera plus là, et que ses collègues ne la verront plus parce qu’elle utilise un truc décentralisé et non la même chose que tout le monde ?

La décentralisation, ça marche bien pour un compte e-mail en remplacement de gmail/hotmail. Pas pour tous les trucs. C’est dommage, mais bon. Actuellement aucun acteur de peut renverser les Gafa.

Il est plus simple de leur expliquer que « il est préférable de ne pas donner ton numéro de compte en banque via gmail, ni de stocker tout ton carnet d’adresse chez Google ».

— (permalink)

Voilà, Neil Tyson explique ce ce que j’écrivais dans (le commentaire en dessous de) mon récent article : « how to get children interested in science ? get out of theire way ! ».

***

Concernant son anecdote sur la paire de jumelles, c’est intéressant : à ~10 ans, une très vieille amie de ma mère (vieille dans les deux sens, mais pas en mal^^) m’avait offert une paire de jumelles (que j’ai toujours). J’ai aussi eu (bien avant) une magnifique loupe (y a encore l’étiquette dessus « 56 francs »).

En dehors de pouvoir regarder de loin, et de près, avec tout ça, j’ai aussi pas mal fait le con, en particulier avec la loupe en plein soleil, si vous voyez ce que je veux dire. Rien de grave, mais probablement dangereux (la boîte de la loupe est recouverte de trous de brûlures).

Yup, c’était le genre de cadeaux que je recevais à mon anniv : des trucs pour explorer le monde. Et j’adorais ça.

Et oui : regarder la Lune ne serait-ce qu’avec une paire de jumelles, c’est beau. C’est comme il dit : on voit les montagnes, leur ombres, etc. Essayez !

Ensuite, une petite lunette astronomique (ou une paire de jumelles un peu plus puissante) permet de voir les anneaux de Saturne, voire la tache de Jupiter (utilisez une application comme Stellarium pour savoir où trouver ces planètes).

Enfin, si vous habitez en ville, allez un jour en pleine cambrousse (dans la Creuse ou l’Allier, c’est parfait) et levez la tête. Si à Paris on voit seulement 10~15 étoiles, sans pollution lumineuse on en voit 2 000… avec la voie lactée.

On n’est pas tous sensible à ça, mais pour ceux qui sont curieux et fascinés par la nature, ça devrait vous plaire. Et c’est simple à faire, en plus.

— (permalink)

Tiens, un petit boîtier qui permet de relier sa manette Wii à son PC pour jouer avec la manette au lieu du clavier, en plus de la souris (voyez la vidéo).
L’auteur du projet fait ça lui-même et peut en faire à la demande, pour 25 € (+1,50 d’envoi) sur eBay.

Plus d’infos sur son blog : https://selenith.fr/site/20

Je n’ai pas testé moi-même, mais j’ai découvert le site hier et le projet pourrait vous plaire, si vous jouez.

— (permalink)

Voir le premier commentaire : j’y liste quelques dépenses du gouvernement.

Alors OUI, c’est juste un calcul rapide, y a sûrement des erreurs, et probablement que j’omets beaucoup de choses, mais ça montre un peu l’ampleur du désastre.

4,4 M€/an pour les déplacements du 1er ministre ? Moi je dis non.
18 000 €/mois pour un seul député (en plus de ses autres avantages lié au poste) ? Moi je dis non.
10 000 €/mois pour le coiffeur personnel du président ? Aussi bon soit son boulot, je dis non.
Un coiffeur est un coiffeur, s’il veulent augmenter celui-ci, qu’ils les augmentent tous. Pareil pour les chauffeurs, personnel de sécurité, cuisiniers, coursiers…

Bref, y a moyen de dépenser mois, tout de même.

— (permalink)

Ah oui : Assemblée (565 M€) + Sénat (320 M€) + Élysée (100 M€), ça fait pratiquement 1 milliard d’euros (et ça ça date de 2017 : en 2018, le budget aurait explosé).

Tout ça pour ~800 vieux cons et un petit banquier.
Chaque année.

Si ces gogoles faisaient leur réunion dans une salle polyvalente ou dans une mairie, comme le commun des mortels, on n’en serait peut-être pas là.

— (permalink)

(par les Revues du Monde)

Je pense que cette vidéo est d’utilité publique : pas seulement en ce qui concerne le message vers Squeezie, mais aussi concernant le fonctionnement de la science en général.

— (permalink)

Spainsellers.com : un vendeur de composants de téléphones / tablettes que vous pouvez ajouter à votre liste. Je viens de recevoir ma commande, tout est nickel.

Pour info, j’ai commandé un dos pour mon téléphone BQ. Je parle bien du dos, pas d’une coque externe. Pour BQ, ce sont les seuls qui les vendent (le service commercial de BQ lui-même ayant été totalement inutile sur ce point).

Je l’ajoute donc à cette liste :
– https://hexapart.com/ (batteries, chargeurs, dalles d’écran pour PC portables : très bon !)
– http://www.protectionfilms24.com/ (films de protection, films "vie privée", etc.)

Par contre, évitez comme la peste ce vendeur (que je ne nommerais plus) :
– https://lehollandaisvolant.net/?q=vendredvd&mode=links (d’ailleurs, ils sont actuellement devant la cour d’appel de Grenoble pour une liste longue comme le bras d’infractions : travail dissimulé, arnaque, évasion fiscale…). J’avais moi-même déposé une plainte contre eux pour menace de mort et tentatives d’intrusion : le type se faisait passer pour moi auprès de mon hébergeur demandant de « supprimer mon site ».
Vous lirez les différents postes, je suis loin d’être le seul dans ce cas.

***

Et tant que j’y suis : https://lehollandaisvolant.net/?d=2016/07/24/12/21/46-larnaque-des-assurances-garanties
Oubliez les assurances pour mobile. Ça coûte aussi cher qu’un téléphone neuf et ça ne couvre rien (et pour cause). Apprenez plutôt à réparer vos affaires et surtout, s-u-r-t-o-u-t, prenez soin de vos affaires.

(Bon, moi en ce qui me concerne, démonter mon téléphone m’a permis de débrancher physiquement mon lecteur d’empreintes digitales, ce qui n’est pas mal).

— (permalink)

Crevard.

« déposez plainte, chuis commandant »

Sous entendu « je ne risque rien » (il a été décoré par Macron 3 jours plus tôt).

Il a fait quoi ? Oh, juste pris un manifestant pour un punchingball : https://twitter.com/ClementAgostini/status/1081896356682366976

Contrairement au boxeur qui a repoussé des CRS à mains nus, et bien qu’il ait lui aussi été reconnu, la justice ne sera pas saisie (c’est confirmé). Et si elle l’est, ça sera classé sans suite immédiatement.

État de droit ? Désolé de froisser @Eolas, mais non.

Dans les deux cas (le boxeur et Andrieux), y a sûrement des choses à dire, mais que l’un ne soit pas poursuivi et l’autre si, c’est ça qui est de nature à faire soulever un peuple, c’est aussi ce pourquoi tout le monde se bat : contre cette justice à deux vitesse : les chômeurs poursuivis par Pôle Emploi d’un côté, et les #rendsLargent de l’autre, et maintenant les crevards au dessus de l’autorité comme lui et les citoyens de l’autres.

==

Oh et arrêtez de parler de « violence policière ». La police n’est pas violente en soi.

Parlez de « violence des policiers ». Ce sont ces sauvages à la botte de Castaner qui sont violents et qui méritent l’internement.

— (permalink)

C’est dingue ça : sous Mint, impossible d’avoir le Bluetooth désactivé par défaut.

Au démarrage, il est toujours allumé. Vous pouvez aller ouvrir le programme "bluetooth" dans les menus (blueberry) : il est allumé et il recherche les périphériques.

Sur batterie, il me dit qu’il tourne ainsi 100 % du temps.

Et impossible de désactiver Blueberry. On peut bien mettre un rfkill ou même ça

systemctl disable bluetooth.service

Et le bluetooth sera bien désactivé, mais blueberry, lui, tournera quand-même et cherchera une puce bluetooth qu’il ne trouvera pas.

Du coup, ben, j’ai viré blueberry, installé blueman (le premier est trop limité et buggué, le second est plus complet), j’ai fais la commande avec le systemctl ci-dessus, et j’ai désactivé le bluetooth dans l’UEFI. Ça semble être la seule solution.

ÉDIT : et non, je refuse de faire comme là : https://medium.com/@vxp/solved-how-to-disable-bluetooth-at-startup-on-linux-mint-19-tara-cinnamon-f5e0bd97e14d

C’est à dire, laisser le BT s’allumer à l’ouverture de session puis le désactiver à chaque fois que je me connecte. C’est pas une solution, c’est contourner le problème. Ça ne me va pas.

— (permalink)

… et il contient la série Foundation, d’Asimov.

Asimovception :D

— (permalink)

Petite mise à niveau de cette page avec mes récentes découvertes (async, defer, json…).
Bref, un tas de bonnes pratiques pour les performances (mais aussi un brin d’accessibilité).

**

Il faut aussi noter que les outils comme GTMetrix font des analyses instantanées d’une page : ils ne regardent pas le contexte global dans lequel une page est vue par le navigateur.

En ce qui me concerne, je préfère avoir une seule image d’illustration : que l’article soit dans un petit bloc ou dans un gros bloc, l’image est unique. Et si le visiteur visite deux pages à la suite, il n’aura à télécharger le fichier qu’une seule fois.
C’est le cas par exemple pour les images d’illustration des articles sur le blog.

Bien souvent, en revanche, GTMetrix me dit de spécifier des images à la bonne taille pour chaque affichage : donc une petite et une grande. Si l’utilisateur affiche les deux pages à la suite (très courant pour mon site), alors il devra télécharger plusieurs images… Ce n’est donc pas optimal.

Il faut donc appliquer tout ça de façon pragmatique et réfléchie, pas appliquer bêtement juste pour avoir un bon score à tout prix (justement par ce que ce score ne reflète pas une navigation réelle).

Même chose pour l’aliasing sur les images : parfois un gros PNG en 1000x1000 sera bien plus léger qu’un PNG mis à l’échelle en 500x500.
Or, GTMetrix dira que votre image est trop grande et devra être réduire de moitié. Il dira même que votre image sera 50% plus légère, ce qui est faux.

Exemple :
https://lehollandaisvolant.net/img/45/1000x1000.png (1,9 ko)
https://lehollandaisvolant.net/img/3a/500x500.png (2,5 ko)

Ceci vient du fait que PNG aime les applats de couleur unis, et que si on réduit une image, il y a un flou sur les applats, ce qui casse ce cote uni et coûte cher en taille de fichier. Ceci est un exemple bidon, mais il illustre bien le concept, et il est assez courant.

— (permalink)

Ça parle tout seul.

— (permalink)

Les humains :
– y a trop de CO2 dans l’air. On peut faire quoi ?
– arrêter d’en émettre ?
– Non. On va en brûler encore plus dans le but de balancer des aérosols dans l’air et de réduire la lumière du Soleil.
– …

Les humains dans 100 ans :
– y a trop d’aérosols dans l’air. On peut faire quoi ?
– Arrêter d’en émettre ?
– Non. On va envoyer des lances flammes au gaz dans les air pour brûler les aérosols.
– …

— (permalink)

Les humains :
– hé, génial : y a du carbone dans le sol ! Et si on déterrait tout ?
– oh oui, super idée !

[180 ans après]
– hé génial : regarde ce qu’on peut faire si j’enterre ce carbone ! Et si on enterrait tout ?
– oh oui, super idée !

— (permalink)