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.
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 !
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,
on donne un nom au bookmarklet,
on choisit les données qui doivent être envoyées,
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:
donnez le nom «rechercher sur youtube»
cochez le premier item : «le texte sélectionné» et renommez la variable en «search_query»
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
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.
J'aime bien ce genre de trucs: t'as un besoin inhabituel et subit d'un logiciel et t'as pas envie d'installer un truc ? Il existe peut-être un truc en ligne qui fera le job !
La preuve ? Je voulais éditer des fichiers de sauvegarde pour MicroMachines v4 afin que tous mes gamins aient toutes les voitures et circuits dispo... avec hex-works, ça m'a pris une grosse minute...
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.
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.
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.