#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

#18384

Note CSS, pseudo-éléments et icônes web-fonts

En HTML/CSS, Si vous utilisez des icônes avec une web-font (donc dans un fichier woff/woff2 dédié aux icônes), et que vous affichez les icônes dans un pseudo-élément avec la propriété "content" alors, il est possible que vous fassiez comme moi :

::before, ::after {
    font-family: icons.woff;
}

Comme ça, tous les pseudo-éléments de la page, pour peu qu’ils aient un « content: », utiliseront la police des icônes.

Sauf que, et c’est pas intuitif, il faut savoir que le contenu de l’attribut « alt » des images est affiché avec un pseudo-élément (au moins dans Firefox).

Donc lui aussi va utiliser la police dédiée aux icônes, ce qui n’est pas une bonne chose : généralement les icônes sont encodés sur 3 ou 4 octets, et ça risque d’afficher un charabia d’unicode invalide.

Faut donc ajouter :

img::after, img::before {
    font-family: initial;
}

Ou, si vous voulez combiner ces deux déclarations CSS en une seule :

:not(img)::before, :not(img)::after {
    font-family: icons.woff;
}

Ça appliquera la police des icônes sur tous les éléments, sauf les images.

… par contre, ça ne tiendra pas compte des autres éléments qui ont un attribut de remplacement (les area et certains input). Du coup, je propose ça :

:not([alt])::before, :not([alt])::after {
    font-family: icons.woff;
}

Application sur tous les pseudo-éléments qui n’ont pas d’attribut « alt ».

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

#18342

Note : lenteur JS

Rhaaa…

(oui, encore sur le JS)

Les fonctions sur les dates en JS sont pratique. Je parle celles des formats et l’internationnalisation, celle qui quand on lui dit "Fr" nous sort « mercredi 20 février » et quand on lui dit “de” nous sort « Mittwoch, 20. Februar ».

Voyez là :
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Date/toLocaleDateString
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/DateTimeFormat

Mais bordel, qu’est-ce que c’est LENT !!

J’utilise ça pour afficher la date dans mon lecteur RSS.
Bah ça me prenait 700 ms pour afficher ~650 posts.

Vous ne voyez pas le problème : 1 ms par post, c’est pas énorme à première vue. Mais moi si : en mettant la fonction qui définit le format en dehors de la boucle, je ne mets plus que 50 ms pour afficher 650 posts.

Aaah, voilà qui est mieux =).

Donc faut faire comme ça :


var DateTimeFormat = new Intl.DateTimeFormat('fr', {year: "numeric", weekday: "short", month: "short", day: "numeric", hour: "numeric", minute: "numeric"});

feedList.forEach(function(item) {
    …
    …
    li.querySelector('.post-head > .date').textContent = DateTimeFormat.format(item.datetime);
    …
}

Ça semble logique, mais c’est tellement con et je m’en tape la tête contre les murs >_<.

C’est comme vider un nœud de ses éléments :

element.innerHTML = "" // trèèès lent.
// très rapide !
while (elementfirstChild) {
    elementremoveChild(element.firstChild);
}

=_=

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

#18333

Note : ffmpeg/avconv

Ces dernières années le développement de avconv et de ffmpeg a été bordélique, en particulier avec les dépôts linux : l’un étant le fork de l’autre, ils sont entrés, sortis, re-rentrés dans les dépôts, etc.
Y a même eu des paquets de compatibilité qui faisaient des alias de l’un vers l’autre.

Aujourd’hui en 2019, c’est ffmpeg qu’il faut utiliser.

Je viens de passer 1 h à essayer de trouver pourquoi je ne pouvais pas utiliser ffmpeg : j’avais fait un alias à moi dans mon .bashrc >_<.

Bref…

Voici un script pour convertir tout un tas de MP4 en MP3. En prime, il déplace tous les MP4 dans un dossier "mp'.old" et affiche une notification quand une vidéo est terminée :


#!/bin/bash

for i in *.mp4;
	do ffmpeg -i "$i" -c:a libmp3lame -ab 320k -vn "$i.mp3";
	notify-send --icon="info" "Conversion terminée" "$i" --expire-time=2000;
	mkdir mp4.old;
	mv "$i" mp4.old/"$i";
done
notify-send --icon="info" "Toutes les conversion sont terminée !" ":-)";

Sous Mint Mate : mettez ça dans un fichier "mp4tomp3.sh" puis dans le dossier ~/.config/caja/scripts. Rendez-le ensuite éxecutable :

cd ~/.config/caja/scripts && chmod u+x *.sh

Ensuite allez dans un dossier avec des vidéos, clic droit > scripts > mp4tomp3.sh et c’est bon =)

(d’autres scripts )

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

#18312

Comment partager la connexion Internet 4G d'un smartphone - Tech - Numerama

Par USB est le plus pratique : non seulement ça consomme mois (et ça recharge le téléphone au passage), mais en plus la connexion est plus stable, et ça permet également de partager une connexion Wifi à laquelle seul le téléphone aurait accès, comme par exemple le réseau Free Wifi Secure pour les abonnés Free Mobile (et qui utilise l’authentification SIM).

https://www.numerama.com/tech/140993-comment-partager-la-connexion-internet-dun-smartphone.html

#18302

[astuce] Firefox

Les onglets avec le popup « Cette page demande de confirmer sa fermeture ; des données saisies pourraient ne pas être enregistrées. » sont chiantes : ça oblige à déplacer le souris au milieu de l’écran quand on veut fermer l’onglet.

Si l’on ferme (comme moi) les onglets en faisant un clic-molette dessus, on peut outrepasser ce popup en cliquant une nouvelle fois avec la molette.

Cela marche aussi quand on ferme l’onglet avec la petite croix, ou avec Ctrl+V : vous avez juste à recliquer sur la croix ou à refaire Ctrl+V.

J’ai découvert ça récemment, mais ça permet de virer ce petit truc chiant des sites web 0.0.

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

#18294

French Hollidays .ics

ICS/VCAL c’est au événements (agenda) ce que le RSS est aux blogs.
Ici, c’est un flux ICS (à ajouter à votre agenda) qui contient les jours fériés, fêtes légales et événements légaux en France (donc aussi bien Noël, que la Fête Nationale, ou que le passage à l’heure d’été).

C’est produit par Google, par contre, mais c’est un flux public.

Ils en ont tout un tas : pour chaque pays, déjà, mais aussi les fêtes religieuses (orthodoxes, juives, musulmanes…), les calendriers sportifs, ou celui-là, avec les phases de la lune.

Si vous avez un compte Google, allez dans calendar.google.com et fouillez dans les paramètres, c’est facile à trouver.

Y’en a d’autres là :
https://www.officeholidays.com/ics/index.php (les fêtes, pour les pays de votre choix)
https://www.data.gouv.fr/fr/datasets/le-calendrier-scolaire-format-ical/ (le calendrier scolaire)
https://cantonbecker.com/astronomy-calendar/ (lunaire et astronomique)

ÉDIT :
Seb me signale que Mozilla les propose également : https://www.thunderbird.net/en-US/calendar/holidays/

https://calendar.google.com/calendar/ical/fr.french%23holiday%40group.v.calendar.google.com/public/basic.ics

#18274

Note : astuce formulaires

Dans le genre de trucs chiants, il y a le formulaire avec un « recopiez votre e-mail » où le copier-coller est désactivé.

Une astuce est de remplir le second champ, puis de copier son contenu dans le champ 1. Parfois ça marche.

Autrement, je viens d’en trouver une autre :
– remplissez le premier champ ;
– sélectionnez son contenu ;
– puis drag and drop du texte dans le second.

Sous Firefox, ça copie-colle le contenu du premier dans le second (par contre, sous Webkit (Chrome, Opera, Vivaldi…), ça coupe-colle le contenu du premier dans le second).

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