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:

Avec start page:

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

MouhouhahaPHP forever !

Bon, je lis ça ce soir...

Peut-être.

Pour lecture ultérieure

Tiens ? Il y a une lib python pour gérer le clavier (détection de touches ET envoi de touches) Yabon pour des macros custom

Le gros malade

Genre, il se lève en se demandant si on pouvait faire plus vigoureux comme retour de force sous forme de vibration? SPOILER: On peut !

Le mec en est rendu à scotcher son matos au bureau et malgré ça, il arrive quand même à faire un alt-tab accidentel tellement ça bouge !

MDR

Comment faire des charnières vivantes en PLA, c'est à dire créer une partie flexible sur une pièce 3D. J'étais sceptique quand à la capacité du PLA d'être assez flexible, mais ça a l'air de fonctionner.

13/ "Conclusion : « On pensait l'éviter mais on va très probablement se prendre un mur » ." Qui peut-être ce "On" qui "pensait l"éviter"? La croissance épidémique des deux souches mutantes a été mesurée, semaine après semaine. Il a été DECIDE de l'ignorer. Délibérément.

Pas mieux. Pour info, dans mon collège, qui a dû fermer une semaine pour cause de variant anglais hors de contrôle, on a eu des classes mises à l'isolement pour variant Brésilien/Sud Africain... L'objectif officieux étant de faire traîner le temps d'arriver aux vacances.

Vacances dont le gouvernement a souligné qu'elles permettraient de baisser les contaminations tout en maintenant que l'école n'est pour rien dans la diffusion du virus.

Wink @Duke ! J'avais reconnu le principe

Omagad, il y en a tellement ... Ça devient impossible de faire la sécu d'une appli soi même... trop complexe.

Faire un lecteur audio custom en CSS+JS

Aujourd'hui, je vous passe un petit bout de code que j'ai fait autant par défi personnel qu'avec l'objectif de l'autonomie pédagogique

J'ai pas les mots

Une petit appli qui génère une grille de mots-mélés à partir du titre et de la liste de mots: on peut l'utiliser via la GUI minimale...

... ou en «API» avec les arguments GET suivants:

• title: le titre (opt.)
• mots : les mots séparés par une virgule
• size : la taille de la grille
• list : la liste de mots à trouver (ou n'importe quelle autre consigne)
• download: télécharger l'appli pour auto hébergement (télécharger )

Et ça fait des chocapics

ça donne ça :

Ce matin, en écoutant France Inter, j'entends la personne expliquer que, selon des sondages de mes couilles, Marine Lepen pourrait gagner les élections si elles avaient lieu aujourd'hui.

*: Phrase d'Haroun... https://www.youtube.com/channel/UCKeL_a8Pu3bdt251ICPV8bA

Même si je suis plutôt d'accord sur la gestion déplorable de la pandémie par notre gouvernement en particulier (plus intéressé par l'économie que par la santé), je persiste à penser qu'il faut comparer ce qui est comparable:

Nouvelle zélande:

• 4 926 551 d'habitants
• superficie 268 680 km2
• Densité 18 hab./km2

France:

• 67 848 156 d'habitants
• superficie 672 051 km2
• Densité 107,2N 4 hab./km2

Je n'ai pas pris le temps de comparer les PIB/Tx de chômage/dette publique/industries/agriculture etc qui sont également des facteurs à prendre en compte.

Mon but ici est d'éviter l'écueil du biais de confirmation... C'est difficile de ne comparer que sur la base de confine/ne confine pas... Si on se lance dans une comparaison, je pense qu'il faut prendre en compte tous les paramètres...

J'adore Bobby McFerrin... A partir de rien, il joue avec le public. <3

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

Je partage grandement ce constat: il faudrait maîtriser docker/nodejs/React/mon cul sur la commode pour pouvoir utiliser telle ou telle appli... au fur et à mesure, les techno nécessaires se multiplient avec pour conséquence une complication POUR L'UTILISATEUR FINAL.

Tant qu'une appli est réservée à une minorité de connaisseurs techniciens, elle ne pourra jamais convaincre d'abandonner les GAFAM et sa diffusion s'en verra limitée... C'est pas demain qu'on rejoindra les Anonymous.

Je ne connaissais pas ses vidéos... j'ai ri tout le long.

«Que se passe-t-il lorsque l'on largue un Béarnais un peu taquin dans la jungle ?»

Wow... la propriété CSS Fliter, qui permet d'appliquer des filtres sur un élément (blur, grayscale etc) permet apparemment l'utilisation de filtres SVG inline... le truc de fou.

C'est tricky, pas élégant, un peu sale mais apparemment assez puissant puisqu'on peut même appliquer des filtres de déformation...

img {
  filter: url('data:image/svg+xml,
    <svg xmlns="http://www.w3.org/2000/svg">
      <filter id="waves" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="linearRGB">
        <feTurbulence type="turbulence" baseFrequency="0.01 0.01" numOctaves="1" seed="1" stitchTiles="noStitch" result="turbulence" />
        <feDisplacementMap in="SourceGraphic" in2="turbulence" scale="20" xChannelSelector="G" yChannelSelector="A" result="displacementMap" />
      </filter>
    </svg>#waves')
  ;
}

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.

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