#20255

Traduire une date - le hollandais volant

JavaScript contient une solution d’internationalisation assez puissant, qui permet de détecter la langue d’un texte ou de formater une date, un nombre…

Ici, j’utilise tout juste 10 lignes de JS pour capter une date entrée par l’utilisateur et la traduire dans la langue qu’il souhaite.

J’ai mis une liste immense de codes de langues, mais beaucoup ne sont pas supportées. Je vais peut-être faire un filtre pour les virer dynamiquement.

En attendant, vous pouvez essayer des langues un peu communes : anglais, allemand, danois… Même le perse, l’arabe ou le japonais sont supportés !

Et ça formate la langue correctement, avec les majuscules, les vigules et l’ordre tout comme il faut. Actuellement il n’y a pas les variantes (pour l’anglais, par exemple j’ai juste « anglais », sans distinguer anglais UK et anglais US).

J’étofferais ça probablement un jour, peut-être avec les émoji de drapeaux, etc. pour faire joli.

ÉDIT : on me signale qu’iOS aurait du mal avec cette page et affiche des "invalide date" partout. Je regarde ça dès que possible, mais comme c’est des fonctions internes à JS et au navigateur, il n’est pas garanti que je puisse trouver une solution. Au mieux je pourrais alors mettre un message de non support de la fonction dans le navigateur.

https://lehollandaisvolant.net/tout/tools/ln-date/

#20209

Spectrographe audio - le hollandais volant

Plus intéressant : le spectrographe d’une chanson.
Là aussi, avec un minimum de code.

C’est particulièrement joli avec des fichiers audio issus de fichier MIDI (comme ceux de vieux jeux vidéos – voir là).

Essayez aussi des morceaux de piano/classique, de métal, ou d’autres genres pour voir les différences. C’est très joli à voir. Ça fait des images sympa.

Au passage, il est possible de cacher des images dans des fichiers audio de cette manière, de façon plus ou moins subtile, plus ou moins audible dans l’audio finale.

(PS : ceux qui ont déjà joué au Konami sur mon site — ou sont en train ;) — savent où je vais cacher mes prochaines énigmes ;)).

(PPS : le code est également mis là : https://codepen.io/lehollandaisvolant/pen/GRmjKzd )

https://lehollandaisvolant.net/tout/tools/spectrum/spectrograph.php

#20188

Générer des figures de Lorenz - le hollandais volant

À l’image du générateur de figures de Mandelbrot et des figures de Julia, en voici une avec les « figures en papillon », que j’appelle « figures de Lorenz ».

Je ferais un article pour discuter de ce qu’on voit`exactement (probablement en fin d’année, vu que j’en ai un tas d’autres prévus), mais je viens de finir ça et même si l’outil n’est pas encore fini ni au point (certains boutons ne marchent pas encore), je ne peux m’empêcher de partager ça :-)

Essayez de mettre un nombre de points très important (100 000 à 500 000) et un trait très fin (0,25 px). Selon votre ordi, ça prendra ~5 secondes pour charger, mais le résultat est bô. J’ajouterais un bouton pour voir le tracé se faire lentement, façon "écran de veille".

Comme pour les Mandelbrot, toute la « magie » se passe sur seulement 3 lignes de code, correspondant au calcul des 3 équations différentielles d’un attracteur de Lorenz (la fonction mathématique dont la représentation est cette figure).

https://lehollandaisvolant.net/tout/tools/lorenz/

#20137

5 éditeurs PDF en ligne

Sous le coude, même si perso j’utilise https://www.pdfescape.com/open/

Le premier (probablement pas le seul) que j’ai trouvé et qui permette de tourner une page parmi d’autres, d’annoter, de dessiner, ou de virer des pages.

J’aurais aimé que ça soit un outil en JS, mais visiblement le PDF est trop complexe pour ça.

https://www.ballajack.com/editeurs-pdf-online

#20135

Liste d’émojis - le hollandais volant

Parce que j’en ai marre d’avoir à ouvrir Twitter pour avoir accès à un emoji quelconque.

Note : selon le système où vous affichez cette page, toutes les emojis ne sont peut-être pas disponibles, ni affichés correctement. Ça dépend en partie de la police utilisée par le système. Sur les systèmes récents, ça ne devrait pas poser trop de soucis.

Sous windows, il y aurait eu aussi « Win + ; ».

https://lehollandaisvolant.net/tout/tools/emoji/

#19924

Mes petits outils en ligne - le hollandais volant

J’ai refait un potipeu le design de mes outils. C’est moins criard que le vert fluo ^^"

D’autres outils vont venir sous peu. J’ai des idées de trucs qui me cassent les pied et pour lesquels un outil JS me servirait. Truc con : un outil qui fasse un tableau HTML de taille LxH arbitraire, par exemple. Ou un optimiseur de SVG.

C’est tout con, mais ce genre d’outils j’en ai marre d’en chercher des potables à chaque fois.

https://lehollandaisvolant.net/tout/tools/

#19857

The small web is beautiful

Un article sur le concept de « petits sites » en poids total.

J’y découvre ce genre de listes :
https://1mb.club/ (liste de sites faisant moins de 1 Mo)
https://512kb.club/ (liste de sites faisant moins de 512ko)
https://10kbclub.com/ (sites de moins de 10 ko (!!))

C’est amusant :D

~

Pour info, pas besoin de beaucoup d’espace disque pour faire beaucoup de choses.

Je ne dis pas que mes outils sont hyper optimisés, et je me permets d’être relativement « fancy », mais voici quelques exemples d’outils en ligne légers : https://lehollandaisvolant.net/tout/tools/

J’avais démarré ces outils juste parce que j’en avais plein le cul d’avoir des outils simples dans des pages de 5 Mo pleines de pub, de trackers, et codés avec les pieds (genre celui-ci par exemple : l’outil initial utilisait jQuery et était lent comme les pieds ; j’ai refait l’interface sans jQuery et là c’est rapide).

Typiquement, une page pour créer un QRcode, décoder du Base64, ou calculer une MD5 en ligne. Ce genre d’outils. Si vous ne les connaissez pas, la grande majorité de ces outils fonctionnent dans le navigateur (rien n’est alors envoyé chez moi ou en ligne).

Je suis le premier utilisateur de ces outils et je suis content de les avoir fait.

https://benhoyt.com/writings/the-small-web-is-beautiful/

#19177

Minifier et déminifier du code - le hollandais volant

Un nouvel outil : postez votre code HTML, JS ou CSS et vous pouvez le minifier et déminifier (« beautifier »).

C’est un aggrégat de plusieurs outils en ligne différents (les libs utilisées [tous sous licence MIT] sont liés sur la page).

https://lehollandaisvolant.net/tout/tools/minify/

#19171

[Outils] Mes services en ligne · Pofilo.fr

Une série d’applications / outils web en ligne.

Concernant le fait de rendre ça payant, j’avoue y avoir songé aussi pour les applications les plus lourdes (notamment ceux qui demandent des appels serveur).

Perso je n’en propose pas (encore ?) et je me contente de mettre à disposition des outils plus simples et généralement totalement en JS (donc sans coût supplémentaire pour le serveur : toute la puissance est déportée chez l’internaute :P), même si j’avoue que ça ne fait pas tout non plus.

https://www.pofilo.fr/post/20191224-services/

#19106

Who Can Use

Un site pour vérifier si tout le monde est susceptible de bien voir/lire vos choix de couleur dans les pages web (en fonction de leur vue).

Modifiez la couleur en bas à gauche, et vous verrez les scores à droite mises à jour.

https://whocanuse.com/?b=da3&c=302929&f=22&s=b

#18681

GitHub - timovn/MyWebTools

J’ai mis mes mini-tools sur Github au fait~

C’est une copie brute : certains liens sont encore des liens internes. Mais tout y est.

https://github.com/timovn/MyWebTools

#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/

#18542

SQLite Browser

Un visualiseur (pas d'édition ?) de bases de données SQLite en ligne en JS, avec export en XML, Json, CSV...

https://sqliteonline.com/