Article parcouru en diagonale mais dans lequel je me retrouve...

L'autrice avance en particulier:

• Le fameux “gain de temps” vs les effets d’accélération: on gagne du temps mais du coup on nous en demande plus; le temps n'est pas gagné pour nous mais pour l'employeur.
• La créativité à base figée vs la pollution informationnelle: l'IA ne sait que régurgiter ce qu'elle a dévoré... sa créativité est donc limité à une imitation et provoque un appauvrissement créatif.
• L’automatisation des tâches répétitives vs l’effet coupe rase et la perte de compétences : comment devenir programmeur senior si les IA remplacent les programmeurs juniors ? La compétence acquise par les erreurs, le tâtonnement, la recherche de solution, la modélisation du problème est perdue si on utilise l'IA.

J'aime particulièrement une des phrases de la conclusion qui résume parfaitement les choses:

«Dans toute activité créative ce n’est pas le résultat qui compte, c’est le chemin.»

Donc, petit bingo intitulé comment reconnaître une dictature (inspiré d'exemples historiques: hitler, franco, pétain et autres...) J'ai fait ce petit post un peu vite et sous le coup de l'accablement, pardon, il doit m'en manquer plein... je compléterai. J'ai repris en partie la liste de Paolo Coelho.

Les lignes cochées sont donc les conditions que Trump et Musk remplissent (merci à @SebSauvage pour le post d'origine qui fait gagner du temps)

• ✅ Suppression du contrôle de constitutionnalité des lois
• ✅ Le culte de la tradition, l'appel à un passé glorieux romancé
• ⬇donc
• ✅ Le nationalisme : «c'est nous les plus grands, c'est nous les plus forts»
• ⬇ donc
• ✅ La peur de la différence, la xénophobie,
• ✅ Victimisation «tout le monde nous en veut» désignation d'ennemis simplistes (voire caricaturés)
• ✅ La condamnation de tout désaccord & Répression des opposants politiques
• ✅ Réécriture de l'histoire, effacement des auteurs ou écrits non conformes.
• ✅ Modification du sens des mots, transformation du réel («faits alternatifs»)
• ✅ Censure
• ✅ Le machisme et la condamnation de toute déviance de la norme sexuelle hétéro-masculine,
• ⬇ donc
• ✅ Pénalisation de tout ce qui s'écarte de la norme modèle et emprisonnement des «déviants»
• ✅ Renforcement du pouvoir et impunité des forces de police/gendarmerie
• ✅ invisibilisation des femmes (assignées à un rôle reproducteur dans le foyer)
• ✅ Le refus du modernisme, de la modernité de pensée
• ✅ Le culte de l'action pour l'action, penser est suspect, la culture aussi,
• ✅ L'appel à la frustration ressentie (à tort ou à raison) par les classes moyennes, et à la peur de l'autre qui cherche à nous remplacer
• La haine de la paix, ✅ le mépris des faibles: «winner ou loser ?»
• ✅ Le culte de l'héroïsme et de l'homme providentiel
• ✅ Délation
• ✅ 🔜 Surveillance généralisée [en cours]
• ✅ 🔜 Déportations [en cours]
• ✅ Déshumanisation d'un ou plusieurs groupes de citoyen.ne.s (présentation comme des animaux ou des nuisibles)"they eat the cats..."
• Suspicion par défaut, état de crainte et de peur généralisée: tout le monde peut devenir un ennemi, tout le monde peut se voir reprocher quelque chose
• Mises à mort publiques, expéditions punitives
• Assassinats massifs des déviants (épuration)
• Fermeture hermétique des frontières dans les deux sens et contrôles drastiques des flux

À tous les gens qui râlent et haussent les yeux au ciel quand on leur parle de fascisme en disant «çaaaa vaaaaaa ! va voir des pays fascistes, tu verras la différence...» je rappelle que le fascisme, c'est un curseur qu'on pousse, pas un interrupteur... et pourtant, Trump et Musk poussent ce bouton tellement vite que cette métaphore n'est même plus vraie.

Ils s'empressent de tout casser avant qu'on puisse les en empêcher.

Donc si j'ai bien compris, on génère du contenu merdifié exprès qu'on ne sert qu'aux crawlers IA... Bonne idée. Mais il faut que le contenu soit un peu vraisemblable, non ? Sinon, on pourrait faire en sorte que l'IA ignore le bruit textuel dénué de sens...

Je propose de servir le même texte que celui qui devait être servi mais en le passant par la méthode oulipo (cf https://www.oulipo.net/fr/une-liste-de-contraintes-oulipiennes )

En gros, on remplace certains mots par le mot suivant dans le dico... c'est souvent à crever de rire

Ouaip, les SMS devraient disparaître courant 2025... remplacés par le RCS

Super diront certains, généralement adeptes des messengers, whatsapp et consorts...

Pas glop diront les autres...

1. Mes parents de 82 ans ne vont jamais réussir à changer leurs habitudes
2. leur téléphone ne supportera de toutes façons pas le RCS
3. Il faudra activer une option, non pas sur le téléphone, mais sur l'appli Messages de GOOGLE (sa race) donc, pour le moment, on n'a plus le choix de l'appli de SMS ?!
4. il faudra une validation du numéro de tél et donc, sans doute, un compte google... (j'espère me tromper)
5. il faudra impérativement un accès au net pour ça...

Seule solution, utiliser Signal. Et pour mes parents tant pis: mon père n'a jamais essayé d'utiliser un téléphone et ma mère, qui a Alzheimer, coupe le net régulièrement sur son tél... ça va être pratique, ça encore...

Petit florilège des trucs passés sur la River ces derniers temps et traînant dans ma riditléteur...

Preloader les font

source https://htmhell.dev/adventcalendar/2024/25/

On peut faire un preload des fontes importantes avec un lien dans le header afin d'avoir un design propre le plus tôt possible:

<link
  rel="preload"
  href="/nova-sans.woff2"
  as="font"
  type="font/woff2"
  crossorigin="anonymous"
>

Transition de height:auto à display:none 🤩 (mais c'est expérimental 🤬 )

quand tu découvres calc-size(), @starting-style, interpolate-size etc... 😅

source https://blog.css-weekly.com/transition-to-height-auto-display-none-using-pure-css

Toggle la visibilité d'un élément simplement

source https://lehollandaisvolant.net/?id=20250125165124

button.addEventListener('click', function(){
element.hidden = !element.hidden;
});

ou avec mon VanillaJS

on("click","button",function(){
    element.hidden = !element.hidden;
});

Lazy loading simplifié avec content-visibility

source https://links.kalvn.net/shaare/fUwLcQ

content-visibility:auto; pour que l'élément soit chargé/visible juste avant d'être dans la fenêtre.

Lier une animation au défilement animation-timeline: scroll();

source https://www.alsacreations.com/article/lire/1935-animations-liees-au-scroll-en-css.html

On utilise animation-timeline qu'on définit à scroll() pour lier au défilement ou à view() pour lier à l'apparition/disparition de la vue.

L'article mérite vraiment d'être lu : il définit clairement tous les paramètres avec lesquels jouer.

Déclencher simplement des animations via JS avec animate()

source https://developer.mozilla.org/fr/docs/Web/API/Element/animate

document.getElementById("tunnel").animate(
  [
    // étapes/keyframes
    { transform: "translateY(0px)" },
    { transform: "translateY(-300px)" },
  ],
  {
    // temporisation
    duration: 1000,
    iterations: Infinity,
  },
);

On utilise animate(keyframes, delay);

Placer des éléments avec anchor positionning

source https://css-tricks.com/fancy-menu-navigation-using-anchor-positioning/

pour le moment, que sur chrome/opera 🤬

L'exemple propose un menu avec cette méthode, mais la page dont on trouve le lien en début d'article parle d'un autre cas d'école requérant des prises de tête habituellement: un tooltip bien placé... (https://css-tricks.com/css-anchor-positioning-guide/)

TLDR;

En gros, anchor-positionning permet de placer un élément relativement à un autre:

• l'objet Anchor sera utilisé comme référence
• l'objet Target sera placé en absolute en utilisant la position d'Anchor .

On utilisera les propriétés anchor-name et position-anchor comme suit:

.anchor {
  anchor-name: --my-anchor;
}
.target {
  position: absolute;
  position-anchor: --my-anchor;
}

Le choix du positionnement se fera ensuite grâce à position-area, position-visibility.

En savoir plus...

ça me rappelle ça

Donc, en gros, les cadavres de chats s'accumulent dans les tavernes de Dwarf Fortress... Enquête du débugger:

• on a implémenté le service à table dans les tavernes
• ⮕ les Nains jettent les verres par terre parce qu'ils s'en foutent de la propreté,
• ⮕ l'alcool se répand par terre
• ⮕ les chats se baladent dans les tavernes
• ⮕ comme le programmeur a implémenté les tâches de liquide pour les tâches de sang dans les batailles, les chats ont de l'alcool sous leurs papattes
• ⮕ les nains tâchés de sang dans les batailles avaient du sang dans les yeux et ils se les lavaient avec du savon, ce qui était étrange
• ⮕ le programmeur implémente les paupières pour que le nain «se nettoie lui-même»
• ⮕ le programmeur implémente le fait que les chats se nettoient eux-mêmes aussi en se léchant les papattes parce que c'est «si mignon»
• ⮕ les chats des tavernes se nettoient en se léchant les pattes pleines d'alcool
• ⮕ les chats sont bourrés
• ⮕ ils finissent par crever parce que ils lèchent l'équivalent d'un verre d'alcool CE QUI EST FUCKING BEAUCOUP TROP POUR LE VOLUME D'UN CHAT ET QUE C'EST FUCKING PRÉVU DANS LE JEU QUI GÈRE LE TAUX D'ALCOOLÉMIE
• ⮕ ILS MEURENT MÊME DE SYMPTÔMES RÉELS

Via la nouvelle version d'ALT-TAB (à base de shaarli ): https://alt-tab.org/

Mais Sammy, comment tu fais ?! J'arrive pas à suivrheuuuuuu ! Déjà que tu m'as fait reprendre l'intégrale de Joe Abercombrie et que je dois relire Ficciones de Borges que je n'ai pas ouvert depuis 30 ans ...

J'avais adoré L’espace d’un an de Becky Chambers : la SF feel good, l'univers... tout.

Donc, je me note la mer de la tranquillité et station eleven, que je ne rappelle pas d'avoir lu et le déchronologue que, avec ton sens de la formule, tu m'as super bien vendu ! (salaud ! )

[EDIT] Et allez, continue surtout... Mais c'est pas vrai ! T'es pas humain ?! Liste de voitures balai (alors qu'en vrai, c'est moi la voiture balai... loin derrière !)

• https://www.sammyfisherjr.net/blog/spip.php?article459
• https://www.sammyfisherjr.net/blog/spip.php?article495

ans

Je ne savais pas qu'il y avait plusieurs façons de jouer à Tetris et qu'on ne pouvait pas dépasser le niveau 29... jusqu'aux rollers...

La vache, c'est pas humain

C'est pas pour critiquer OpenMediaVault (il a ses mérites), mais je reviens de DietPi: NextCloud c'est UNE case à cocher dans dietpi-software. Et en deux minutes j'ai un NextCloud en toute dernière version qui tourne magnifiquement. L'OS complet + NextCloud chargé (avec MariaDB, nginx, php-fpm, redis et tout le bordel) occupe... 382 Méga-octet de RAM. (Et le système met 5 secondes à démarrer dans la VM.)

ooh mais que ça m'intéresse ça, oooooh !

Liens

• https://sebsauvage.net/wiki/doku.php?id=raspi3:dietpi
• https://dietpi.com/#download

Donc, pour bloquer le harvesting d'adresse email par les bots, il y a des astuces qui foncionnent à 100% - pour le moment...

Notes perso (la page d'origine est très complète)

1. Utiliser un SVG

// Le HTML
<object class="email" width="130" height="24" data="email.svg" type="image/svg+xml"></object>

// Le SVG: email.svg
<svg viewBox="0 0 130 24" xmlns="http://www.w3.org/2000/svg">

// le CSS
<style>
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&amp;display=swap');

text {
    dominant-baseline: middle;
    fill: #000;
    font-family: 'Indie Flower';
    font-size: 16px;
    text-anchor: middle;
}
</style>

<text x="50%" y="50%">email@example.com</text>

</svg>
CSS
object.email {
    height: 2em;
    margin: -1em 0;
    vertical-align: middle;
}

2. cacher une partie de l'email via CSS

L'utilisateur n'accède qu'à l'email alors que le bot récupère le faux email avec la chaîne parasite.

CSS
span.email b {
    display: none;
}

3. utiliser JS pour concaténer les caractères de l'email.

Mais bon, si JS est bloqué: poufcétou

<script>document.write('a'+'i'+'@'+'e'+'m'+'a'+'i'+'l'+'.'+'s'+'p'+'e'+'n'+
'c'+'e'+'r'+'m'+'o'+'r'+'t'+'e'+'n'+'s'+'e'+'n'+'.'+'c'+'o'+'m');</script>

4. Utiliser JS pour effectuer une rotation Rot18

Conseil supplémentaire, effectuer une rotation différente selon le type de caractèe (lettre ou chiffre, voyelle ou consonne ...)

HTML
<head>
    <script src="https://warriordudimanche.net/text-rot18.js" defer></script>
</head>

D'autres méthodes sont efficaces mais cassent l'accessibilité

L'utilisation d'une image, l'utilisation d'un pseudo élément associé à content:"email@domaine.com", l'utilisation de CSS pour renverser le texte, les instructions à l'utilisateur (retirer ou remplacer une partie)...

D'autres pistes

L'auteur marque comme «en test» d'autres méthodes: le chiffrement par AES, la conversion...

via : https://book.knah-tsaeb.org/shaare/18sqjg