Ressources pour créer des jeux d'aventure

Plein de générateurs utiles   pour des JDR et éventuellement  un EPI avec un copain   l'année prochaine...

Cartographie

Background

Divers

RAPPEL : Macron Watch - Google Sheets

Rappel de l'existence de ce document

Un googledoc, certes, mais d'utilité publique: il recense l'ensemble des saloperies de Macron et de ses sbires en matière de casse sociale et de néolibéralisme.

Une copie en html zippé ici : Macron Watch.zip

La mémoire tu ne dois pas  perdre au moment oú   le bulletin dans l'urne  tu mettras...
Via http://shaarli.plop.me/?PjgYhQ

Comment saboter une visio conférence ? – Korben

Un moyen de mettre le bran dans les visoconférences zoom en ajoutant des sons et des effets sur l'entrée son.

Ainsi vous pourrez rajouter de l’écho, des bruits de mauvaise connexion, un bébé qui pleure, le bruit d’un homme qui pleure, du vent, des aboiements de chiens, des bruits de travaux ou encore un bon vieux bruit de pipi qui n’en finit pas. Le tout avec plus ou moins d’intensité.

RIGOUREUSEMENT INDISPENSABLE !

Par contre, Korben, sans déconner, c'est plus un site que t'as c'est un abri bus de JCDecaux...

Dyslexie, mais avec du style...

Dans mes applis destinées aux élèves, je mets toujours un bouton permettant de passer à une fonte pour dyslexiques, la très célèbre opendyslexic et j'ai souvent de bons retours.

Toutefois, je me suis dit que ce serait bien d'améliorer un peu le truc et d'en faire une classe que je puisse réutiliser plus ou moins telle quelle.

En gros, je force la police en opendyslexic, j'augmente un peu l'espacement entre les lettres ainsi que celui entre les mots et la taille de la police.

@font-face {
  font-family: 'opendyslexic';
  font-style: normal;
  font-weight: 400;
  src: local('font/opendyslexic'), url('font/opendyslexic.woff') format('woff');
}
.dyslexic{
    font-family:"opendyslexic";
    line-height:1.8em;
    letter-spacing: 0.12em;
    word-spacing: 0.39em;
    font-size:1.5em;
}

ça sous entend que vous avez la police opendyslexic dans un dossier font, comme dans le zip que voici, prêt à l'usage : Dislexic_css.zip

En bonus,

Je vous file un petit (!) bookmarklet qui fait ce qu'il peut pour passer le site courant en version dys. (Vu que le chargement de fontes distantes est bloqué pour des raisons de sécurité, j'ai directement inclus la fonte en base64 dans le css)

Avec ce site, ça donne ça:

dys.jpg

Avec start page:

spdys.jpg

Vous le trouverez dans ma page de bookmarklets

Pour conclure

Comme toujours, ça peut sans aucun doute s'améliorer: j'ai fait ça entre les devoirs des enfants, les corrections de copies et le repas à préparer. Toutefois, ça fonctionne plutôt bien sur tous les sites que j'ai testés, même les sites de warez

Allez  bisou  .png

20 outils webs indispensables pour développeurs - Je suis un dev

Omagad, c'te mine d'or...

  • https://devhints.io/ pour des cheatsheets
  • https://learnxinyminutes.com/ pour des rappels en une page de l'essentiel d'un langage J'ai appris qu'en Go il y a un type de variable complex128 qui permet un truc du genre c := 3 + 4i ... voilà qui serait pratique en python au lycée de ma fille [blague personnelle]
  • https://htaccess.madewithlove.be/ pour tester des htaccess
  • https://squoosh.app/ pour compresser les images
  • https://www.photopea.com/ pour la retouche d'images vite fait quand t'es pas à la maison
  • https://carbon.now.sh/ pour faire des images esthétiques de ton code (même si je ne saisis pas bien le concept d'une capture d'écran pour du code...)
  • https://devdocs.io/ : connu mais toujours bon à rappeler
  • https://devtools.best/ Base Converter,Base64 Encoder/Decoder, Emoji Picker Tool, HTML Entities Encoder/Decoder, Json Prettier, Lorem Ipsum, Text Comparison Tool, Text Effects tool, Text Hash Generator, Text Statistics, UUID Generator, Url Encoder/Decoder

Excalidraw

Très intéressant, ça: une appli opensource et autohébergeable (à base de React) pour réaliser des graphiques dans un style fait main du meilleur effet... En plus, il semblerait qu'on puisse travailler en mode collaboratif.

canvas.png

En plus, il y a plein de packs de graphismes à ajouter depuis le dépôt https://libraries.excalidraw.com/

software-architecture.png

forms.png

Via https://www.lagilb.fr/Shaarli/

Mise à jour API Iconeleon

Je viens de mettre à jour Iconeleon:

  1. le téléchargement est désormais un zip contenant les icônes et plus simplement le fichier du script

  2. j'ai changé la maquette (un peu) : dark mode

  3. j'ai ajouté les packs de svg de Typicons, Iconic, Zocial et Elusive

  4. petit bug: certaines parties de quelques icônes semblent rester noires si on change leur couleur, je me pencherai dessus

Fil RSS des articles