Mes lectures préférés de 2024 - Chez Sammy

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 ! )

Via https://www.sammyfisherjr.net/Shaarli/
ans

sebsauvage: Dietpi et nextcloud

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

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="http://www.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 [janvier 2025]

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/


Google a accidentellement divulgué un aperçu de son IA Jarvis, capable de prendre le contrôle d'un ordinateur, le logiciel a été disponible pendant une courte période sur le Chrome Web Store

Selon l'entreprise d'IA, l'outil permettrait aux utilisateurs de donner des instructions en plusieurs étapes (jusqu'à des centaines) pour accomplir des tâches sur l'ordinateur de l'utilisateur en « regardant un écran, en déplaçant un curseur, en cliquant sur des boutons et en tapant du texte ».

"un compagnon utile qui surfe sur le web pour vous" (https://intelligence-artificielle.developpez.com/actu/364534/Google-a-accidentellement-divulgue-un-apercu-de-son-IA-Jarvis-capable-de-prendre-le-controle-d-un-ordinateur-le-logiciel-a-ete-disponible-pendant-une-courte-periode-sur-le-Chrome-Web-Store/)

Donc, après le dessin, la création de vidéo ou d'enregistrements, l'écriture de poèmes et de romans, l'IA s'attaque au «surf sur le ouèbe»... Pour nous faire gagner du temps, sans doute... du temps qu'on pourra passer à se crever au travail jusqu'au cimetière pendant que les IA se gratteront leurs couilles virtuelles en glandant sur le net...

Ce monde est fou...

marcher-sur-la-tete-par-patrice-letarnec-8.jpg

RIDITLETEUR - PHP - Notes perso sur xpath

xpath est une façon d'extraire des données d'un document xml plus logique que le parsing par une regex.

Malgré tout l'amûûûr que   j'ai pour les regex

En gros, on retrouve un contenu grâce au chemin dans le DOM qui y conduit.

📘 Ressources

FindFeed : trouver les flux RSS et ATOM du site en un clic

Petite mise à jour pour mon script findfeed qui sert à trouver le flux RSS d'un site s'il existe...

Je le reprends de temps à autres quand je tombe sur un site qui échappe aux regex de recherche

Il y a un petit bookmarklet: un clic dessus quand on est sur un site et hop, on récup l'url du flux...

Dans cette version, j'ai également remis à jour la récup pour une chaîne youtube.

Si vous souhaitez améliorer la détection, il suffit d'ajouter ou modifier le tableau $regexes au début du script (ajouter des règles ou les modifier.)

Capture du 2024-11-05 14-16-29.png

Note au passage

Certains sites peuvent bloquer findfeed parce qu'il ne fait pas une requête «normale» comme celle d'un visiteur lambada C'est le cas d'OVH par exemple, qui bloque l'accès à maximevende.org alors que ce dernier a bien un flux RSS dans son header quand on y accède normalement.

En ajoutant un USER_AGENT à ma fonction CURL , ça semble avoir résolu le problème

RSS Fusion - Votre gestionnaire de flux RSS - RSS-Fusion

Pub pour l'appli de mon pote Erase RSS-fusion

Fusionner, filtrer, manipuler et gérer ses flux RSS en toute simplicité

RSS Fusion est un service en ligne conçu pour simplifier votre veille d'informations. En combinant plusieurs flux RSS en un seul, vous pouvez facilement suivre l'actualité qui vous intéresse.

Fonctionnalités Principales:

  • Fusion de flux : Ajoutez tous vos flux RSS préférés en quelques clics.
  • Filtres personnalisés : Affinez votre veille avec des mots-clés.
  • Import OPML : Importez vos flux RSS d'autres applications supportant ce format
  • Interface intuitive : Profitez d'une navigation fluide et agréable.

J'ai testé, c'est très simple, fonctionnel et joli: on peut ainsi créer facilement des flux RSS compilant le contenu de plusieurs autres flux. Par exemple, vous pouvez créer un flux «dev» regroupant tous les flux que vous suivez dans cette catégorie.

Lego : Dernière création des studios Lucas

Les legos, dans la famille, ça a été plus ou moins une religion ... avec des pratiques différentes, toutefois...

Mon grand appliquait les notices de montage au cordeau et fil-à-plomb puis exposait les modèles montés comme sur la boîte... une fois lassé, il démontait scrupuleusement tout et rangeait les pièces dans les boîtes.

Mes filles ont utilisé les kits lego pour raconter des histoires et faire évoluer les personnages dans des scénars parfois alambiqués...

Mon dernier, lui, est plus dans le freestyle... le genre à tout mélanger dans les boîtes, OSEF des notices de montage après la première fois et en mode concepteur fou

97en67.jpg

Et dans le genre, il s'en tire remarquablement: il réfléchit à des véhicules qu'il optimise, ajoute des suspensions, se heurte à des problèmes de transmission qu'il résout à leur tour, démonte, recommence, trouve de nouvelles stratégies, réorganise son modèle... et de tâtonnement en tests empiriques, il mène une véritable recherche qui l'amène à produire des appareils d'une étonnante complexité.

Là, il a fait une prince, puis l'a installée sur un axe motorisé et - quand il s'est aperçu que les objets étaient trop bas pour les doigts - a modifié son modèle pour y ajouter un axe d'inclinaison motorisé...

Une petite démo en vidéo...

A 13 ans, il observe, tente de comprendre comment tout fonctionne, émet des théories, me demande confirmation, fait ses recherches de son côté... il y passe des heures et ça fait plaisir à voir.

Il est très fier de ses créations et son papa est très fier de lui

* fier *
Fil RSS des articles de cette catégorie
Caching time 0.006314 s