📋 Note pour plus tard

• retirer des éléments d'une photo simplement: https://cleanup.pictures/ ou https://cleanupphotos.com/
• supprimer des objets ou des gens d'une image: https://www.hama.app/
• supprimer le fond automatiquement: https://www.remove.bg/fr ou https://removal.ai/
• agrandir une image sans perte : http://waifu2x.udp.jp/ ou https://imglarger.com/
• supprimer le bruit d'une photo : https://imglarger.com/Denoiser
• retirer le fond d'une vidéo https://www.unscreen.com/
• séparer les voix de la musique https://vocalremover.org/
• séparer voix et musique en deux pistes https://vocali.se/en

Pour vous accompagner au quotidien et répondre aux besoins du travail à distance pendant le confinement, nous mettons à votre disposition la version Beta d'apps.education.fr. Cette version expérimentale est issue d'un projet qui a vocation à être pérennisé à l'échelon national. Vous y trouverez les outils essentiels et communs à tous les métiers de l’Éducation nationale. Les utilisateurs sont propriétaires de leurs données et sont, de fait, en charge de leur gestion. Nous vous souhaitons une bonne utilisation.

Au menu, des instances Peertube, Etherpad, Nextcloud, Blogs, CodiMD, Visio CNED, Webinaire...

Encore en béta.

Par contre, pour un service qui met en avant la maîtrise de leurs données par les utilisateurs, le recours à matérial design et google fonts, ça fait tâche...

Unicode, c'est bien joli, mais c'est chiant à coller quand t'en as besoin. Du coup, tu lâches l'affaire.

Bon, ben j'ai bricolé une page pour copier ces caractères qu'on utilise le plus.

Le but est de copier rapidement dans le presse-papier le (ou les) caractères unicode désirés.

Quand on clique sur un caractère il se passe deux choses:

• 🥇 ledit caractère est copié dans le presse-papier
• 🥈 il est également ajouté à la suite dans le bouton du haut qui donne la possibilité de cumuler plusieurs caractères de suite. (clic sur le bouton copie le contenu du bouton, double-clic l'efface)

Et pour configurer ?

Vous noterez que les chaînes peuvent n'être qu'un seul caractère unicode ou toute une série, si vous en utilisez régulièrement.

unicode={
    "ONGLET1":"chaine1,chaine2,chaine3,etc",
    "ONGLET2":"chaine1,chaine2,chaine3,etc",
}

Comme c'est du html+js+css, pas besoin d'un serveur, on peut l'utiliser en local. 🎉

Ok, mais à quoi ça sert en vrai ?!

Ben je sais pas moi ! Vu que vous pouvez mettre les caractères/chaînes que vous voulez, ça peut servir pour les matheux (coucou les profs) qui ont besoin des symboles de math simplement ou ponctuellement , en musique, ou en électronique... explorez unicode !

Download

⭐ Pour l'utiliser, c'est par là (∩｀-´)⊃━━☆ﾟ.*･｡ﾟ http://outils.warriordudimanche.net/outils/unibar

⭐ Pour le télécharger, c'est par ici (ﾉʘヮʘ)ﾉ*:･ﾟ✧ http://outils.warriordudimanche.net/outils/unibar/unibar.zip

Si toi aussi tu veux te faire un petit bookmarklet pour envoyer des données de la page courante vers un autre site, alors tu vas kiffer 😍 parce que ce petit bout de code te permet de le faire sans rien coder 😎.

Heing ?! 🤨

J'explique:

Si on veut pouvoir:

• rechercher une sélection sur un site particulier (genre sur wikipedia, jeux videos.com, allocine...) ,
• envoyer le titre de la page en cours et/ou son URL vers un site qui va s'en servir (par exemple pour bookmarker la page en cours),

alors ça peut se faire ici.

Fais voir ?

Voici deux exemples:

Quid ?

Pour faire simple,

1. on donne un nom au bookmarklet,
2. on choisit les données qui doivent être envoyées,
3. on spécifie l'URL vers laquelle elles doivent être envoyées.

Le bookmarklet est généré en temps réel et une fois les réglages faits, il suffit de glisser-déposer le lien du bas.

J'ai ajouté la possibilité de modifier la variable permettant de passer les données; en effet, duckduckgo utilisera q=[recherche] mais un autre site pourra demander query=[recherche]...

De plus, on peut spécifier de ne pas utiliser le format URL?variable=[donnée] mais URL/[donnée] pour les sites ayant une rewriteurl (comme wikipedia qui exige un format fr.wikipedia.org/wiki/[RECHERCHE] )

Enfin, si vous spécifiez une URL contenant déjà des paramètres GET (comme mespagesquejaime.com/ajouter.php?user=MOI&apikey=321fd5613e32), le script le prendra en compte et les nouveaux paramètres s'ajouteront correctement ( mespagesquejaime.com/ajouter.php?user=MOI&apikey=321fd5613e32&title=mon cul sur la commode&url=www.monculsurlacommode.fr )

Exemple ?

Vous pouvez essayer de générer un bookmarklet pour rechercher directement la sélection sur youtube:

1. donnez le nom «rechercher sur youtube»
2. cochez le premier item : «le texte sélectionné» et renommez la variable en «search_query»
3. remplissez la case URL avec : https://www.youtube.com/results/

Et voilà.

Ajout

Sur l'idée de DukeArt j'ai ajouté la possibilité d'éditer le code (vive contenteditable et obj.toggleAttribute 👍 ) ! Merci the Duke 🤘😎🤘

License

Vous pouvez utiliser librement et l'outil et le code en mode DBAD. Pour le télécharger, c'est par là

Il est possible de l'utiliser sans serveur php vu que c'est du HTML+JS vanilla (mais le script de téléchargement du script ne fonctionnera pas).

Un fil que l'on doit à LutinDiscret sur les interfaces alternatives pour les services divers du ouaibe. J'en fais un résumé ici que je compléterai au fur et à mesure.

TWITTER

alternative: nitter

on remplace le nom de domaine twitter par celui du service. twitter.com/Snowden ➜ nitter.42l.fr/Snowden

• sources : https://github.com/zedeus/nitter/
• adresse : https://42l.fr/Service-Nitter
• doc : https://42l.fr/Rapport-technique
• licence : GNU Affero General Public License v3.0 lien
• les + : flux RSS, extension de navigateur pour automatiser

YOUTUBE

1- Piped

une interface minimaliste et propre

• adresse : https://piped.kavin.rocks/
• sources : https://github.com/TeamPiped/Piped
• licence : GNU Affero General Public License v3.0
• les +: extension, pas de pubs ni de tracking, thèmes, 4k, pas de connection aux serveurs google, embedding

2- Invidio.us

Sans doute le plus célèbre

• adresse (liste d'instances): https://redirect.invidious.io/
• sources : https://github.com/iv-org/invidious
• docs : https://github.com/iv-org/documentation
• licence : GNU Affero General Public License v3.0
• les + : interface sobre, beaucoup d'instances, possibilité d'enregistrer les vidéos

3- Cloudtube

très ressemblant

• adresse : https://tube.cadence.moe/
• sources : https://sr.ht/~cadence/tube
• licence : GNU Affero General Public License v3.0
• les + : très proche de youtube

4- BeatBump

Pour écouter de la musique

• adresse : https://beatbump.ml/
• sources : https://github.com/snuffyDev/Beatbump
• licence : GNU General Public License v3.0

TIKTOK

proxitok

• adresse : https://proxitok.herokuapp.com/
• sources : https://github.com/pablouser1/ProxiTok
• licence : GNU Affero General Public License v3.0

REDDIT

teddit

un frontend ultra léger et minimaliste

• adresse : http://teddit.net
• sources : https://codeberg.org/teddit/teddit
• licence : AGPL 3.0
• les + : pas de JS, pas de pub, pas de tracking

libredd

Interface très propre et sobre

• adresse : http://libredd.it
• sources : https://github.com/spikecodes/libreddit
• licence : GNU Affero General Public License v3.0

IMGUR

Rimgo

• adresse : https://i.bcow.xyz/
• sources : https://codeberg.org/video-prize-ranch/rimgo
• licence : GNU Affero General Public License v3.0

INSTAGRAM

Bibliogram

• adresse : https://bibliogram.art/
• sources : https://sr.ht/~cadence/bibliogram/
• licence : AGPL 3.0

MEDIUM

Scribe

• adresse : https://scribe.rip/
• sources :https://sr.ht/~edwardloveall/scribe

EXTENSIONS

Privacy redirect (abandonné ?)

Redirige les requêtes des GAFAM vers leurs alternatives de façon transparente.

https://addons.mozilla.org/fr/firefox/addon/privacy-redirect/

LibRedirect

autre version de PrivacyRedireect

https://addons.mozilla.org/fr/firefox/addon/libredirect

Dans la rubrique «je bosse une grosse fois pis c'est bon» j'ai eu besoin de pouvoir faire rapidement une page de révision de vocabulaire pour mes élèves; mais quand je dis rapidement, je veux que ce soit fissa avec une friction proche de zéro et sans avoir recours à une appli à la con: copier coller un lien dans l'ENT doit suffire.

J'ai donc opté pour les flashcards, qui sont très efficaces dans ce domaine et j'ai codé un truc vite fait qui ne représente pas une prise de tête quand on veut donner du boulot aux gamins.

En gros, tu écris les mots à apprendre sous la forme

question1:réponse1, question2:réponse2,...

puis tu récupères la page avec le lien à utiliser.

Sur la page, tu cliques sur la carte et elle se retourne.

L'exemple de la capture est là

C'est un peu en béta, hein, mais ça marche. Si ça peut servir, c'est cadeau...

Et je l'ai ajouté à iconeleon http://api.warriordudimanche.net/iconeleon/ ( https://warriordudimanche.net/article1394/code-dimanche-iconeleon )

Cartographie

• http://fantasycities.watabou.ru/ carte de ville
• https://watabou.itch.io/medieval-fantasy-city-generator
• https://azgaar.github.io/Fantasy-Map-Generator/ de très belles cartes de région
• https://mewo2.com/notes/terrain/
• https://donjon.bin.sh/fantasy/town/ générateur de ville
• https://donjon.bin.sh/fantasy/dungeon/ générateur de donjon: le rendu graphpaper est magnifique
• https://watabou.itch.io/one-page-dungeon génère un donjon sous forme de plan façon scénar de casus belli (réglages via le menu contextuel)
• https://probabletrain.itch.io/dungeon-scrawl encore un autre du même genre
• https://danifm.itch.io/dnd-map-sketcher très beau et original: un outil sous unity pour créer des pièces de donjon isométriques. Ces pièces peuvent servir de plan mais aussi d'aide de jeu.

Background

• https://www.ahriman.fr/jdr/noms noms et background de PNJ
• https://donjon.bin.sh/fantasy/inn/ auberge vec backgound et menu
• https://donjon.bin.sh/fantasy/random/ générateur de noms, quêtes, items, sorts etc ... THE generator!
• https://www.generation-jdr.fr/ générer des lieux-dits, des auberges, des noms, des places fortes...
• https://orteil.dashnet.org/randomgen/?gen=creature.txt générateur de créatures

Divers

• https://www.fodey.com/generators/newspaper/snippet.asp un générateur de une de journal
• http://www.yeray.com/generadorcartas/ générateur de vieille lettre
• http://www.scriptalizer.co.uk/scriptalizer.aspx pour générer un message manuscrit
• https://www.latoilescoute.net/decodeur/ coder/décoder des messages (plein de possibilités)

Un service en ligne pour séparer les voix de la musique sur un mp3? Je prends !

Une appli qui permet de générer le CSS pour styler les input range... C'est joli en plus ! Hop, coudifié !

OUFTI ! Une banque d'illustrations anciennes ! YABON ! ça sent le meme !

Merci Seb ! (https://sebsauvage.net/links/?-QfE5w)

Au menu du jour une API qui permet de memiser une image du ouebe en une ligne...

Koitesce

Ben, je viens de vous le dire ! vous m'écoutez ou pas quand je parle ?!

Il s'agit de pouvoir fabriquer un meme en un minimum de temps: une image glanée sur le net et pouf, c'est parti.

Comment que ça marche-t-il ?

Les arguments GET sont les suivants:

• t: le texte à afficher (on peut mettre des /n pour sauter des lignes)
• i: l'url de l'image et c'est tout.

Comme pour fancytation et les autres API:

• help: affiche une aide
• download: permet de télécharger le script php de l'api

Cerise sur le cageot

Vous pouvez générer un bookmarklet destiné à utiliser l'API en utilisant l'argument $_GET bookmarklet ce qui donnera :

Copier ce lien de bookmarklet: Mematic

Ainsi, il suffit d'utiliser la fonction «afficher l'image» de votre navigateur puis de cliquer sur le bookmarklet pour entrer le texte du meme et récupérer l'image générée.

Allez dans le pet du saigneur

Comme je le disais dans le billet précédent à propos de SVGBox, l'idée était bonne mais le poids était rédhibitoire.

Pourtant, ça peut être sympa d'avoir un catalogue d'icônes prêtes à servir et dont on puisse altérer la couleur, sans compter que ce serait une bonne alternative aux webfonts tout en étant plus accessible.

Donc, j'ai récupéré le pack d'icônes de fontAwesome et j'ai bidouillé une API qui permette de faire la même chose que SVGBox.net, à savoir obtenir une icône svg dans la couleur que l'on souhaite.

Par exemple:

api.warriordudimanche.net/iconeleon/?i=headphones donne:

et si on ajoute le paramètre c on peut changer la couleur: api.warriordudimanche.net/iconeleon/?i=headphones&c=red

La couleur peut-être au format HTML, un nom de couleur css ou un rgba quelconque...

api.warriordudimanche.net/iconeleon/?i=headphones&c=rgba(255,0,255,0.5)

Comme pour fancytation

Toute icône modifiée est sauvegardée en cache pour éviter une surcharge du serveur

help: affiche une aide

iconlist: renvoie la liste des icones au format json

search=string: renvoie le résultat de la recherche au format json

download: permet de télécharger le script php de l'api

Et en plus

Je vous ai ajouté un frontend minimaliste pour rechercher les icones dans les 1615 du pack.

liens

• le front: http://api.warriordudimanche.net/iconeleon/
• Téléchargement du script: http://api.warriordudimanche.net/iconeleon/?download
• La «doc» : http://api.warriordudimanche.net/iconeleon/?help

Voilà

Du coup, si ça peut être utile, n'hésitez pas à vous servir voire à proposer un frontend plus... comment dire ? abouti ?

Un service qui permet d'utiliser des icônes svg dans la couleur qu'on souhaite avec une API (du genre: hero-solid.svg?fill=f50a0a&ic=heart)

ça m'a paru pas mal du tout (j'ai même envisagé de m'en faire un à moi pour partager ensuite en version libre et auto hébergeable) et puis j'ai téléchargé une icône au hasard... 78ko.

78ko pour UNE icône SVG, les gars, c'est carrément trop... Pour info, une icône sur noun project ça pèse autour de 2ko... Une webfont personnalisée via fontello pèse 10 ko pour une vingtaine d'icônes... le pack «regular» complet de fontawesome pèse 136ko pour 152 icônes...

C'est avec des «services» de ce genre qu'on se retrouve avec des pages qui pèsent plusieurs méga pour le moindre contenu.

tsstss...