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

#18503

Maps to GPX

Un outil qui permet de transformer un itinéraire personnalisé dans Google Maps en un fichier GPX, qu’on peut ensuite ouvrir avec OSM-And.

Une fois que vous avez votre trajet, faites "partager le lien". Il faut copier ce lien là dans l’outil, puis vous avez un fichier GPX.

Ensuite, sur android, il faut naviguer dans les fichiers, trouver le fichier GPS, puis "ouvrir avec OSM-And", ensuite il vous affichera votre course.

https://mapstogpx.com/

#18362

Encoder un caractère (en unicode, bytecode, xml…) - le hollandais volant

J’ai ajouté un petit outil : entrez un caractère et il donne les codes qui lui sont associés (hexcode-point, entité XML, %encoding, json, UTF-8, UTF-8 octal, binaire, base64).

J’ai fait cet outil pour les émojis qui ne passaient pas partout. Entrez un émoji quelconque, par exemple ce cookie 🍪, et il donnera, entre autres, le code XML :

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

#18068

Favicon Kit · get and embed Favicons from any website with this simple API

Classiquement, j’utilise ce service pour obtenir les favicon des sites : www.google.com/s2/favicons?domain=lehollandaisvolant.net/

C’est un service Google, mais si j’utilise mon script qui prend le favicon la première fois et le met en cache local, ce n’est plus un problème.

Par contre, les favicon renvoyés ne font que 16x16. Certes, la spec des favicon est comme ça, mais on peut faire mieux.

Favicon Kit permet justement ça.

Par ailleurs, je sais que les favicon sont normalement situés sous /favicon.ico sur beaucoup de sites, mais c’est loin d’être le cas partout (malheureusement).

https://faviconkit.com/

#17975

Encoder et décoder des données en base64 - le hollandais volant

J’ai refait rapidement mon outil là.
Il n’utilise plus de lib externe, juste les fonctions interne du navigateur.

J’ai aussi combiné l’outil "base64 texte" avec "base64 images".

Sinon, mes récents outils :

Chiffrement de César / Vigenère
Un mur de note (dont j’ai parlé y a pas longtemps)
Post-It (une version améliorée des notes, là aussi PWA compatible, tout offline)
Écran de veille façon Matrix (ça sert à rien, ok, mais c’est joli :p)

Pour ceux qui n’ont pas suivi, j’ai pas mal amélioré cet outil aussi :
détection de navigateur (pas mal d’ajouts)

Et avant j’avais fait ça :
Jeu du tableau périodique (pour les plus geek d’entre nous)

Un outil est à venir et permettra de donner le code XML/UTF-8/Héxa/%code/U-code/bytes-code/base64… d’un caractère unicode.

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

#17960

SVGOMG - SVGO's Missing GUI

Un optimiseur de SVG.

Il y a beaucoup d’options.
Sur les icônes SVG, la plus importante source de réduction est la précision des chemins. Vous n’avez qu’à essayer dans l’outil : il est absolument inutile d’avoir des précisions à 10⁻⁶ près. Des précisions à 10⁻² ou même 10⁻¹ suffisent largement.

Si votre icône contient 1000 chemins, donc 1000 fois des nombres façon « 10.123456 » avec 6 chiffres après la virgule, alors passer à 10⁻¹ sur la précision permet de réduire de 5×1000 octets, soit 5 ko. Sur une icône de 20 ko, ça se sent et s’est imperceptible (une icône, même en 512x512 sera rarement zoomé 10 fois…).

https://jakearchibald.github.io/svgomg/