Un site de suivi pas mal du tout : il cherche tout seul à quel transporteur correspond le numéro, et permet de suivre les événements lié au colis même si ça change de transporteur, le tout classé dans l’ordre chronologique.

En prime, il donne les liens vers les différents transporteurs par qui s’est passé, là où un des transporteurs n’aurait eu que le tracking pendant sa prise en charge (pas forcément avant ni forcément après).

Par exemple, j’ai là un colis qui est passé par l’UK, la Belgique et la France, ben il donne les liens vers Royal-Mail, B-Post et La Poste.

Jérémy me partage cette suite de petits outils en ligne, également très complète.

C’est en licence (GNU GPLv3 : https://github.com/CorentinTh/it-tools

La principale raison :

L’outil de base :
– la page 2,97 Mo
– met 8 secondes à charger
– a 6 trackers
– fait 26 requêtes sur 7 domaines différents

Ma page :
– 44 ko
– charge en 0,3 secondes
– 0 trackers
– 5 requêtes, sur 1 seul domaine

D’autres raisons :
– j’aime les avoir les chez moi, pour savoir où ils sont et ne pas avoir besoin de les rechercher
– je sais qu’ils seront toujours là : les autres sites vont et viennent (pour une question de rentabilité des pages), les miennes sont là quoi qu’il arrive de ce côté là.
– je suis le premier utilisateur de mes outils, et on n’est jamais aussi bien servi que par soi-même. Et ici, je peux ajouter les fonctions dont j’ai besoin.

Les ajouts/modifs récents dans mes outils :

- Convertisseur d’unités (combiné avec le conv. de températures et d’octets + ajouts de pleins d’unités)
- Comparer le coût d’une voiture électrique et d’une voiture essence
- Données du GPS (marche sur mobile avec la géoloc : donne les coordonnées, ainsi que la vitesse, etc. Cliquez sur une ligne pour la mettre en grand).
- Calculer l’âge de votre chien (en années humains ; utilisant la formule d’un papier sorti il y a quelques temps)
- La couleur du jour pour le contrat TEMPO de EDF (rouge, bleu ou blanc selon le tarif du jour : EDIT : outil encore bugué un peu)
- Youtube 2 RSS (a été mis à jour pour les chaînes en « @username »)
- Encoder / décoder du morse (ajout de l’audio grâce à l’API Audio en JS : je ne fais pas la lecture de plein de « bip.mp3 », mais je génère un seul flux audio que je "coupe" ou "hache" pour faire des ti ti ti ta ta ta. Bien plus fluide. Essayez avec une appli de reconnaissance vocale de morse :D).

D’autres à venir :
- générateur de mots de passe
- générateur d’équation (tapez en LaTeX, récupérez une image de l’équation)
- frise chrono de gens célèbres (comme ici, ou là)
- grand randomizer du web, produisant des liens random vers Wikipedia, XKCD, whatever

Peut-être d’autres, selon le besoin du moment.

Diantre : un site avec près de 3 000 outils pour calculer tout et n’importe quoi : de l’aire d’un disque, à la vitesse maxi d’un bateau étant donnée sa puissance, en passant par des convertisseurs de style « cuillère à café de beurre/sucre/farine → grammes » ou la puissance de sortie d’une turbine hydroélectrique étant données ses paramètres.

J’ai refait un peu la disposition sur cette page.
Moins fouillis, plus lisible.

J’en ai beaucoup d’autres à faire, mais je n’ai plus beaucoup de temps.

En particulier, j’en prévois un qui est un lecteur RSS dans le navigateur, avec le stockage local. Mes deux outils « post-it » utilisent déjà le stockage local, par exemple.
Je ne sais pas ce que ça vaut niveau perfs, mais ça peut être sympa à expérimenter (par contre faut pas vider le cache local…).

Une page qui utilise une API HTML5 qui empêche l’écran d’un appareil de tomber en veille.

Ça semble marcher sur iOS : la page laissée ouverte empêche l’écran de s’éteindre. Par contre faut que l’onglet soit en premier plan.

Un petit outil de plus.
À nouveau car y en a raz le cul de n’avoir que des apps qui affichent de la pub pour des choses triviales.

L’outil fonctionne mieux sur mobile que sur PC (les PC n’ont pas de puce GPS). La localisation du PC utilise la détection par IP, peu précise.

Cela utilise l’API de localisation HTML5.
La page demande donc naturellement d’activer la localisation (sauf si vous la refusez par défaut).

Si, en cliquant sur le bouton, la localisation est affichée, même si elle est fausse, alors ça signifie que mon site, et probablement tous les sites peuvent l’avoir aussi. Ce n’est pas une bonne idée de laisser ça ainsi.

Pour les applications c’est pareil : une app de GPS ou de navigation, c’est normal d’avoir accès à ça. Mais l’application de votre assurance ou de votre banque, nettement moins.
Comme vous voyez, les données GPS incluent (de base) la vitesse de déplacement. Si elle affiche 170 km/h localisée sur une route, votre assureur saura que vous êtes un chauffard. Juste pour dire.

Android ou Apple vendent également ces données, anonymisées, mais associées à un ID unique. ID unique que les auteurs d’appli réassocient directement ou indirectement à vous quand vous installez leur application.

Si vous n’avez rien à vous reprocher, ok, mais votre assureur peut savoir si vous fréquentez des routes particulièrement dangereuses, par exemple. À nouveau, c’est juste pour dire.

Tout ceci est techniquement possible.
Et vous connaissez la règle : si c’est techniquement faisable, alors ça sera fait (et jamais dans votre intérêt).

Ma page cependant, n’envoie rien à personne.
Et si vous utilisez le navigateur Firefox, il n’enverra (probablement) rien à personne non plus. Pour les autres navigateurs, qui sont basés sur Chrome/Chromium ou Safari/Webkit, ils enverront tout à Google, Microsoft ou Apple.

Et ce n’est pas une supposition : c’est une affirmation.

..- -. -. --- ..- ...- . .-.. --- ..- - .. .-.. .--. --- ..- .-. -.. . -.-. --- -.. . .-. -.. ..- -- --- .-. ... . ---... -.--.-

Woah, une page avec des circuits logiques interactifs.

Prenez par exemple la NAND : https://lodev.org/logicemu/#id=nand_logic

Et vous pouvez voir les portes AND, OR, XOR… à l’œuvre. Amusez-vous à cliquer sur les entrées, pour voir comment les valeurs en sortie réagissent en fonction de leur état (allumé / éteint) et du type de porte (tous ont un comportement différent).

En prime, c’est tout en offline en JS dans le navigateur, pas dans le cloud.
C’est très Web 1.0, mais c’est absolument génial.

(Merci Newa pour le lien !)

Vous jouez à Wordle / Sutom ? Vous ne connaissez pas tous les mots en français ?

Je vous ait fait un z'outil (pas encore terminé) !.

Exemple, si le mot est « R . . . . . .S », tapez « R......S » et il vous sort tous les mots possibles (c’est en regex, donc le joker c’est le point).
Dans l’outil, le début est fixe (le « ^ » est implicite) mais pas la fin (le « $ » peut être rajouté à votre texte). En vrai il faut donc mettre «R......S$ ».

Le dictionnaire de mots utilisé fait 336 411 mots (y a les singuliers, les pluriels, les conjugaisons…) et pèse un peu. Attendez que le chargement se finisse avant de lancer la recherche.

Pour les plus férus, vous pouvez créer et taper la régex parfaite qui permettra à partir des lettres bonnes (en rouge) et les lettres déplacées (en jaune) =) de filtrer suffisamment pour réduire la recherche à tout juste quelques mots.

Il ne resterait plus qu’à utiliser le dictionnaire interne de Sutom et à faire un script qui analyse et automatise la résolution du jeu :-D.
Après tout, c’est de la pure logique, ça doit pouvoir se faire. On fait bien des solveurs de Sudoku ou de Rubik's-Cube.

En dehors de ça, cet outil peut aussi servir pour les mots croisés (toujours en exploitant la puissance des régex pour filtrer au nombre de lettres (avec « .{5}$ » par exemple).

(PS : ceux qui pensent que c’est de la triche, c’est votre droit, mais ne vous fatiguez pas : si vous n’êtes pas programmeur, vous ne comprendriez pas le fun de faire un script qui fait tout à votre place, y compris répondre une fois par jour à un jeu gratuit où y a rien à gagner ou à perdre :p)

Le "tout web" est vraiment une abomination.

*Le “tout web” mal fait.

Je fais le même constat, hein, mais Microsoft est un cas à part. Tu regarderas : tout leur site est d’une lenteur pas possible. Probablement parce que ça tourne sous Windows, avec ASP et Typescript. Trois technos à eux qui sont — en gros — trois merdes.
Les mêmes outils sous Linux, PHP et Vanilla-JS seraient bien plus rapide.

Ensuite, avec des gros sites, ils doivent supporter tout le monde. Et chez MS, va jusqu’à supporter IE8, donc forcément c’est lent…
Pour ce qui est d’Outlook, Microsoft paye en 2021 la merde d’IE d’il y a 15 ans. Le Karma :D

Enfin, quand on intègre des lib JS qui n’apportent rien comme jQuery ou TypeScript (oui : ces job n’apportent rien : à part traduire du code écrit par un dev en Vanilla JS, ça ne fait rien du tout), ça ne peut pas être rapide.

Des choix ont été fait chez eux, mais ils priorisent la compatibilité et des schémas d’architecture pensés pour tout sauf la rapidité.

Je vais pas citer mes outils (j’ai moi-même mon lecteur RSS, notes et agenda en Vanilla, en ligne et tout est absolument instantané), mais on peut comparer par exemple les libs d’affichage d’équations en HTML.

À savoir KaTeX et MathJaX : https://katex.org/ → ils montrent la comparaison de la vitesse de rendu et c’est spectaculaire. Et le pire, c’est qu’il y a encore plus rapide que KaTeX.

Alors certes, MathJax est le plus compatible et a quelques fonctions en plus. Mais les 3/4 du temps, personne n’a besoin de ça et c’est surtout incroyablement lent. Mais on doit se coltiner tout ça à chaque affichage d’une page…

Pour terminer, le pire dans tout ça, je dirais que tout le monde est habitué à la lenteur : la médiocrité est devenue un standard. Donc personne ne se pose de question quant à savoir si c’est normal ou pas. Pour les Michus, c’est normal : faut attendre.
Alors pour ceux qui ont commencé avec un client natif sous Linux où tout va vite, ben nous on voit la différence. Mais on représente 0,79 % de part de marché, qui plus est un concurrent de Microsoft.

(D’ailleurs, si tu as Vivaldi d’installé, essayes de changer l’User-Agent de Vivaldi pour celui de Edge (Vivaldi ne devrait pas poser problème vu qu’il partage son moteur de rendu). Tu pourrais avoir des surprises. Après tout, Google sabote la vitesse de ses sites pour tout ce qui n’est pas Chrome. Microsoft avec ses pratiques qui puent pourraient bien faire pareil).

Truc tout con, mais que je n’avais pas.

Notes :

— il n’affiche pas d’erreur si l’on met une température sous le zéro absolu, mais personne ne serait tenté de faire ça de toute façon. N’est-ce pas, bande de filous ?
— Y a beaucoup de choses à dire sur ces échelles. Un jour faudra aussi que je fasse un post pour dire pourquoi on met des degrés partout sauf à Kelvin (et Rankine, même si pour lui, l’usage fait qu’on parle de « degré Rankine » tout de même).
— L’échelle Rankine est à l’échelle Fahrenheit, ce que l’échelle Kelvin est à l’échelle Celsius.
— Je n’ai pas mis l’échelle centigrade. Je n’ai mis que les définitions modernes (sinon il y a au moins 3 échelles Fahrenheit et autant pour Celsius).
— Je n’ai pas mis de majuscule à « kelvin » dans la liste déroulante. C’est normal : les unités ne s’écrive pas avec des majuscules. Je répète : les unités ne prennent pas de majuscules, même si elles proviennent d’un nom propre. Les symboles, oui, les unités, non.

Je viens de rajouter le Y'CbCr sur ce sélecteur. C’est le format d’encodage de la couleur utilisée par exemple dans le format JPEG (voir là : https://lehollandaisvolant.net/science/jpg/ )

C’est un dérivé du Y'UV, lui-même étant une correction gamma du YUV (format qui sépare la luminance de la chrominance sur une couleur). Le Y'CbCr est utilisé en transmission numérique (YUV étant surtout analogique).

C’est censé appliquer des coefficients de pondération de la couleur à la fois pour les yeux humains et pour les luminophores des écrans, donc la formule est pleine de paramètres numériques.

C’est pas très facile à utiliser sur tous les sites que j’ai trouvé, y en a pas deux qui utilisent les mêmes coefficients. Et plus, il y a clairement des confusions entre YUV et Y'UV, et même RGB / R'G'B' / rgb… De ce que j’ai compris, et j’ai fini par appliquer ça :

– rgb : minuscules, donc valeurs ramenées sur une échelle 0..1
– RGB : valeurs entre 0..255
– R'G'B' : RGB avec correction gamma.

Aussi, vous verrez sur la page, il y a plusieurs types de Y'CbCr : une échelle complète (utilisée seulement pour les conversions et les fichiers), une échelle réduite (de 16..235 au lieu de 0..255, utilisée pour l’affichage, de façon à maintenir une marge d’erreur aux extrémités de l’échelle). Cette dernière se divise elle aussi en plusieurs normes, selon que ce soit pour la transmission vidéo SDTV ou HDTV (voire d’autres, j’ai pas été au delà).

Je vais les rajouter peu à peu (j’aime avoir quelque chose de complet).

Faut aussi que je rajouter YIQ, Y'DrDb, Y'PbPr…

On est vraiment obligé de tout faire soi-même en ligne de nos jours. C’est chiant. Mais d’un côté ça permet d’apprendre, donc bon.

Je voulais convertir un timestamp en date. Je cherche dans Google « timestamp to date ».

Les premiers sites que j’obtiens, dans l’ordre 
— https://www.epochconverter.com/ → 768 ko, 7 domaines connectés, 6 trackers. Et une interface composée d’une quinzaine de boutons.
— https://timestamp-tool.fr/ → 665 ko, 9 domaines, 4 trackers. Et 3 paragraphes pour expliquer ce qu’est le timestamp…
— https://www.infowebmaster.fr/outils/timestamp-date.php → 172 ko, 5 trackers, 4 domaines.
— https://timestamp.online/ → 218 ko, 4 trackers 7 domaines.

Aucun site.
AUCUN putain de site ne peut plus se passer de trackers de nos jours ?!

Ah et le poids des pages là, c’est avec AdBlock.
La première page met 7 secondes à s’afficher chez moi, depuis qu’Orange a décidé de se foutre de l’état des lignes cuivre vu qu’ils prévoient de fibrer la zone (ça fait un an qu’on attend).

Du coup j’ai amélioré mon outil à moi :
https://lehollandaisvolant.net/tout/tools/timestamp/

Avant il se contentait de donner le timestamp. Maintenant il le converti.
Zéro trackers. Zéro domaines tiers.
Et 50 ko.

Voilà.
C’est si difficile à faire ?