Email obfuscation: What works in 2024?

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

Comment dompter la hauteur de ligne en CSS - Grafikart

Comprendre les polices de caractère, le line-height et pourquoi ça fait chier en CSS...

solutions :

  1. text-box-trim 👍 résout le pb - 👎 pas supporté
  2. réduire les marges 👍 fonctionne - 👎 pas propre et très empirique
  3. marges négatives 👍 résout aussi le pb sans être sale - 👎 nécessite l'utilisation d'une app de calcul



Smooth Multi-Page Experiences with Just a Few Lines of CSS - HTMHell

Des transitions entre les pages en une ligne ?!

@view-transition {navigation: auto;}

Pas mal mais pas sur firefox pour le moment... https://caniuse.com/view-transitions

Un fallback que j'avais utilisé, jouer sur onload et l'opacité du body: https://snippetvamp.warriordudimanche.net/index.php?snippet=5EEB0F5F-C4F9-432E-97EE-558E4BA8E4B8

C'est loin d'être parfait mais bon...

/* Dans le Head */
<style type="text/css">body{opacity: 0;transition: opacity 1s}</style>

/* balise body */
<body onload="document.body.style.opacity=1" >

Via https://links.kalvn.net/shaare/65veMA

Friction Motion graphics

Un outil d'animation à tester ?

Friction is a powerful and versatile motion graphics application that allows you to create vector and raster animations for web and video platforms with ease.

Astuce: Smarter than 'Ctrl+F': Linking Directly to Web Page Content - Le Hollandais Volant

En ajoutant #:~:text= à la fin d'une URL puis le texte qui apparaît quelque part sur la page, ce dernier sera surligné lorsque vous accèderez au lien, et la position de défilement placera ce texte au milieu.

Une sorte de version boostée aux hormones des classiques ancres qui ciblent les éléments avec un attribut HTML id.

Voici la syntaxe :

https://example.com/page.html#:~:text=[prefix-,]textStart[,textEnd][,-suffix]

FolderSync - L'app Android indispensable pour synchroniser vos fichiers | Logiciels utiles | Le site de Korben

Synchroniser des fichiers entre Android et tout type de stockage externe (machines, FTP, clouds etc)

  • choix du type de synchro,
  • fréquence
  • dossiers à inclure et exclure
  • tâches de synchro multiples,
  • filtrages (avec regex)
  • chiffrement de transfert,
  • automatisation liée à Tasker

Je vais ptêt m'en servir pour synchro mes photos avec le FTP de ma freebox, pour voir...

Fix Ubuntu and other Linux slow/hanging file copying via USB. · GitHub

Copicollage:


If your running a x64 bit Ubuntu or other Linux and find USB transfers hang at the end apply this fix:

echo $((16*1024*1024)) > /proc/sys/vm/dirty_background_bytes
echo $((48*1024*1024)) > /proc/sys/vm/dirty_bytes

I suggest you edit your /etc/rc.local file to make this change persistant across reboots.

sudo nano /etc/rc.local

Go to the bottom of the file and leave a space then paste in those two lines.

Save the file with ctrl + x then press y.

To revert the changes enter this in console and remove the lines in /etc/rc.local

echo 0 > /proc/sys/vm/dirty_background_bytes
echo 0 > /proc/sys/vm/dirty_bytes

More info and references: https://unix.stackexchange.com/questions/107703/why-is-my-pc-freezing-while-im-copying-a-file-to-a-pendrive/107722#107722

MAJ : Liste de liens de téléchargement [décembre 2024]

Certaines adresses peuvent être bloquées par les DNS, deux solutions simples s'offrent à vous: changer les DNS ou alors installer opera et utilser le VPN intégré.

🤩 Méthodes alternatives

Merci à :

aqua pour sa vigilance et ses ajouts !

Ouahouah et à sa liste perso : https://www.ouahouah.eu/links/shaare/1JdD5Q

Liste non exhaustive: N'hésitez pas à poster des alternatives (réelles) dans les commentaires.

Via https://fulldeals.fr/tirexo-quelle-adresse-officielle-site-streaming-gratuit/


Fil RSS des articles
Caching time 0.005454 s