#18698

How to clear HSTS settings in Chrome and Firefox

Parfois, quand un site change d’émetteur pour le certificat HTTPS (site qui se met subitement à utiliser cPanel au lieu de LetsEncrypt, par exemple, pour le certificat), les navigateurs détectent le changement, trouvent ça louche et bloquent totalement l’accès au site. Même en cliquant sur « options » il est impossible d’accepter une exception.

Firefox (et Chrome) détectent ce changement car ils connaissent l’ancien émetteur. Pour accéder au site, il faut donc lui faire oublier cette information.

Allez dans la gestion de l’historique > trouvez le site en question > clic-droit > oublier ce site > relancez Firefox.

Voilà, maintenant Firefox ne connaît plus ce site et ne voit plus de changement et donc pas de truc louche.

https://www.thesslstore.com/blog/clear-hsts-settings-chrome-firefox/

#18640

Note : astuce d’accessibilité en HTML

Quand on mettez un texte alternatif sur les images (attribut « alt ») ou les vidéos (directement dans l’élément <video></video>), mettez une phrase : avec une majuscule et un point.

Comme ça, les lecteurs d’écrans vont lire ça correctement, et pas juste comme 2 ou 3 mots sortis de nulle part.

(Bien-sûr, pour ça faut déjà mettre un texte alternatif à la base, n’est-ce pas ¬_¬.)

https://lehollandaisvolant.net/?mode=links&id=20190521231649

#18601

Générer une commande FFMpeg - le hollandais volant

Parce que je ne m’en souviens jamais et qu’il y a vraiment trop d’options, j’ai pondu cet outil.

C’est rudimentaire, mais ça suffit pour quelques commandes de base :
– choix d’un codec, audio ou vidéo (et on peut désactiver l’un ou l’autre)
– changement de débit
– changement de format de l’image
– extraction d’une portion du média

Tout n’y est pas, et y a pas de garde fou anti-erreurs, mais ça me suffit pour l’instant.

Concernant la liste des codecs, j’en ai sélectionné quelques uns que je considère comme les plus courants. Pour lister ceux installés chez vous :

ffmpeg -codecs
https://lehollandaisvolant.net/tout/tools/ffmpeg/

#18586

Configure Files to use double click - elementary OS Stack Exchange

Comment changer le simple clic en double-clic pour ouvrir des fichiers dans elementary-OS. Ce comportement me tape sur les nerfs et y'a pas d'options dans les paramètres. Il faut passer par gsettings (en cli).

https://elementaryos.stackexchange.com/questions/38/configure-files-to-use-double-click

#18583

[Note] 2 code pour 1 mois d’accès premium à NextInpact !

NextInpact ( https://www.nextinpact.com/ ) avait organisé une campagne de financement pour leur 15 ans (aujourd’hui est leur 16e anniversaire). J’avais participé pour obtenir un magazine anniversaire.
Le magazine n’est pas encore sorti, mais ils ont dores-et-déjà proposé un petit truc en plus : ils offrent 3 codes pour avoir un accès premium à leur site durant 1 mois.

J’ai utilisé un des codes moi-même et je vous met les deux autres là :

653E-BBC8-1DAA-4C30
1069-CEB1-01F9-4AF8

La version premium de leur site offre :
– zero pub, zero trackers (on peut activer les boutons FB/Twitter si on veut) ;
– un flux RSS complet ;
– un accès en entier aux articles dès qu’ils sont publiés (autrement il faut attendre quelques temps pour les voir en entier) ;
– un mode incognito (le site prend l’aspect de Word et on peut lire tranquillement au bureau sans se faire prendre).

Tout ça pendant un mois.

Note : je n’ai que deux codes et ils risquent de partir très vite. S’ils ne marchent plus, c’est qu’ils auront été pris.

Pour ceux qui auront réussis à prendre un code (oui : svp, n’en prenez qu’un~), si je n’ai qu’une section à vous recommander, ce sont les dessins de Flock, chaque samedi. Les articles deviennent publics après un mois, mais si vous voulez voir les derniers, c’est par ici.

Autrement, l’abonnement coûte 5 € par mois (si on est déjà abonné > 6 mois ou si on s’abonne sur le long terme, ça descend, jusqu’à 3,30 €/mois).

**

(Non je ne suis pas payé par eux, je pense juste que c’est un des rares sites de presse high-tech qui en vaut vraiment la peine : ils font des dossiers sérieux, ont une communauté sympa, sont accessibles et présents dans les commentaires, et ne prennent pas les gens pour des cons. Très loin du reste de la presse.
Ils ont aussi fait le choix de supprimer la pub intrusive, réduire les trackers, bref, ils vont dans le sens qu’il faut, celui qu’on aimerait voir partout.)

https://lehollandaisvolant.net/?mode=links&id=20190506222432

#18570

CCleaner Is Silently Updating Users Who Turned Off Automatic Updates - Le Hollandais Volant

Bon, comme alternative à CCleaner, on peut prendre Bleachbit : https://linuxfr.org/news/bleachbit-2-2-est-disponible (dispo sous Linux et Windows).

Il n’est pas aussi complet (pas du registre par contre), mais fait le nettoyage habituel.
Pour supprimer les applications, on pourra aller dans les paramètres de Windows, et pour les applications au démarrage, dans le gestionnaire des tâches (y a un onglet pour ça) ou dans MSConfig.exe.

Sinon, l’outil de nettoyage de disque de Windows est pas mal non plus, surtout quand on va sur « supprimer aussi les fichiers systèmes » (qui supprime les fichiers des anciennes install de Windows).

(Merci à Killou pour l’information !)

https://lehollandaisvolant.net/?mode=links&id=20190413232429

#18565

Louis D. sur Twitter : "Pro-tip: vous pouvez insérer nativement des formules LaTeX dans Thunderbird: Insérer > math"

Oh !

(L’option « insérer » n’est là que quand on tape ses mails en mode édition / texte riche. Pour ceux qui utilisent Thunderbird en mode texte, il faut cliquer sur "répondre" ou "écrire" en maintenant le bouton "shift" enfoncé.
En mode texte, notez que la syntaxe markdown est acceptée).

https://twitter.com/akkes/status/1123958560780619778

#18554

[commentaire] - C’est quoi le pH ? - Couleur-Science

Ah oui, c’est important : quand on dilue un acide, on verse toujours l’acide dans l’eau et pas l’inverse.

(je recopie mon commentaire ici :)

La dissolution d’un acide dans de l’eau libère de l’énergie (chaleur).

Si on verse l’acide dans l’eau, la chaleur se dissipe très bien dans l’intégralité de l’eau.
Si on verse de l’eau dans l’acide, la faible quantité d’eau (par rapport à l’acide, initialement) absorbe beaucoup de chaleur, peut bouillir et projeter de l’acide partout. C’est très dangereux.

Une façon de s’en souvenir :
On met l’acide dans l’eau, car il y a un « A » dans « eau ».
Par contre, on ne met pas d’eau dans l’acide, car il n’y a pas d’O [eau] dans « acide ».

(Et du coup, pareil pour les bases)

Ça semble logique de mettre le soluté dans le solvant, mais on ne le fait pas toujours pour autant. Certains mettent le sucre ou le cacao avant de verser le lait ou l’eau.

Si de la poudre de cacao partout c’est seulement chiant, avoir des éclaboussures d’acide partout, c’est dangereux : l’acide peut détruire votre carrelage, vos vêtements, vos mains, vos yeux, vos cheveux et/ou y mettre le feu.

Ça fait partie des règles qu’on doit toujours avoir en tête, tout comme « une arme est toujours chargée (jusqu’à ce qu’on ait vérifié) » ou (en ferronnerie) « le fer est toujours chaud » (car généralement, on ne se brûle pas sur un fer chauffé au rouge/jaune, mais toujours sur un bout de métal à largement assez chaud pour faire fondre votre main, mais pas assez pour briller rouge)…

(ça vaut aussi pour l’eau de la douche (toujours faire couler l’eau froide avant), un fer à repasser, une casserole…)

https://couleur-science.eu/?d=ffacb1--cest-quoi-le-ph#id9fbd4b

#18505

Note : démontage Asus X541U

Si vous avez ce PC et que vous souhaitez le démonter, faites très attention.

Il faut retirer les vis au dos, puis retirer le panneau supérieur (avec le clavier).
C'est la que c'est dangereux : la nappe qui relie le clavier à la carte mère est tendue. Ce suu fait que si vous soulevez le clavier, ça tire la nappe, casse le connecteur et vous êtes fichus.

C'est la première fois que je vois ça, et je doute que ce soit fait par erreur.

Pour démonter le clavier il faut utiliser une carte de crédit, qu'on passe entre le panneau supérieur et le panneau inférieur. Une fois le panneau détaché, soulevez le 2~3 mm, puis décalez le vers la gauche : ça mettra un peu de mou dans la nappe et vous pouvez soulever le panneau un peu plus.

Détachez ensuite les nappes du clavier et celui du touchpad, et le panneau supérieur est libre.

Franchement, Asus m'avait habitué à mieux. Généralement ce genre d'expérience de merde, c'est plutôt du style de HP ou Acer...

https://lehollandaisvolant.net/?mode=links&id=20190407141110

#18479

All About mailto: Links | CSS-Tricks

Ah tiens, on peut ajouter des sujets, cc, cci, contenu aux liens "mailto:".

Pour la note de fin, où il préconise de ne pas les utiliser car ça peut-être chiant, je dirais que c’est à l’utilisateur d’apprendre à configurer son navigateur pour ne pas ouvrir le client e-mail lors d’un clic sur ce genre de lien.

Le "mailto:" est fait pour les e-mails (après oui, je ne les mettrais que sur les emails, pas sur un lien dont le texte n’est pas une adresse, en tout cas pour les utilisateurs).
Par contre je vois bien d’ajouter une petite icône en CSS pour signifier que c’est un lien « envoyer un e-mail ».

Tout comme le lien "tel:" (pour les numéros de téléphone, marche bien sur mobile) et "callto:" (qui est là pour Skype, surtout).

https://css-tricks.com/all-about-mailto-links/

#18475

"where 1=2" - Liens en vrac de sebsauvage

Ça évite de faire une grosse erreur, oui.

De l’autre côté, c’est de ses erreurs qu’on apprend.
Je suis plutôt de ceux qui pensent que si on met des garde fous partout, on ne rend pas les gens plus intelligents.

Du coup, j’aurais plutôt viré le "where" : comme ça le neuneu en question casse tout une seule grosse fois, mais ça lui sert de leçon pour toute sa vie.

C’est violent et cruel, c’est vrai, mais ça rentre mieux dans la tête.

Par exemple, dans mon cas, ma plus grosse "erreur" en informatique, c’était de ne pas avoir fait de backup, une fois (ça devait faire 1 an que j’avais mon premier ordi : j’avais 1 an d’âge geek). Bah depuis on ne m’y reprendra plus de ne pas faire de backup[i]s[/s].
Ne d’insérer le premier CD-Rom venu, car j’avais tout perdu en lançant sans vraiment savoir la procédure de réinitialisation en sortie d’usine de mon ordi : CD, suivant, suivant, reboot, ok… oh… tout a disparu ?!

https://sebsauvage.net/links/?GQZy3g

#18470

Optimiser son site web - YouTube

J’ai loupé ça, mais je regarde ça :3

Voir aussi ma page : https://lehollandaisvolant.net/tuto/pagespd/

MÀJ : ouais, par contre, minifier le JS (qui va, comme il dit, transformer tout ce qui a un nom (variables, fonctions…) en truc du style "a", "b", "x", histoire de faire au plus court) c’est inutile quand on utilise un système de compression (Gzip, Deflate…) entre le serveur et le navigateur, comme c’est le cas généralement aujourd’hui.

Le système de compression fonctionnent *déjà* sur cette méthode là : factoriser les chaînes de caractères afin d’en réduire le poids.

Le minifiage ne fait donc que rendre du code illisible, avec assez peu de gain supplémentaire.

Pour le Lazyload : https://lehollandaisvolant.net/?mode=links&id=20181113162019
Faut faire gaffe… souvent les scripts qui le font sont tellement lourds qu’ils absorbent le gain du lazyload.

https://www.youtube.com/watch?v=Fnr0sFbWki4

#18402

font-feature-settings - CSS : Feuilles de style en cascade | MDN

Encore un petit bout de CSS sympa. En particulier le "tnum" qui permet d’aligner les chiffres verticalement :


1,23
2,34
3,45

Ici, par exemple, ça alignerait les unités les unes sous les autres, comme les dixièmes, les centièmes.

Par contre, je ne vois pas l’intérêt par rapport à une police à chasse fixe, et ceci ne fonctionne que pour les polices OpenType.

Peut-être en combinaison de l’unité 'ch' ?

https://developer.mozilla.org/fr/docs/Web/CSS/font-feature-settings

#18397

:empty - CSS : Feuilles de style en cascade | MDN

C’est tellement pratique ça !

Par exemple, je mets un <div id="error"></div> sur ma page, et si y a une erreur, JS/AJAX met l’erreur dedans. Si y a pas d’erreur, le nœud reste vide.

Ben suffit de faire ça :
#error { background: red }
#error:empty { display: none;}

Pas d’erreur ? Le nœud est vide, il est caché.
Une erreur ? Le nœud n’est pas vide, il s’affiche.

Pas besoin de s’emmerder à ajouter du JS pour faire des if/else, ni d’ajouter une classe, ni d’ajouter un nœud dynamiquement ou de le virer en cas d’absence d’erreur.

Si le code est conçu correctement, une erreur vide c’est une chaîne vide, et donc le :empty reste valable.

Vraiment, en plus de grid/flex (qui sont des grosses nouveautés du CSS), ce genre de petits truc est sympa aussi.

Même remarque pour le ":placeholder-shown" (sur un input/textarea). Il permet de contourner le "bug" qui fait qu’on peut pas utiliser de « input[value=""] » car la valeur détectée par CSS est celle de la source HTML, pas celle du DOM, et ajouter du texte dans un champ ne déclenche pas ce sélecteur CSS.

Et bien d’autres…

https://developer.mozilla.org/fr/docs/Web/CSS/:empty