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/
Fil RSS des articles