Your Smart TV Knows What You’re Watching – The Markup

Pour le jour où je devrais changer ma télé, vu que c'est presque impossible de trouver autre chose que ces merdes de smartTV...

Donc, il y a des manipulations à faire pour éviter - ou limiter - l'action d'espionnage de votre télé... (ça me rappelle une blague de Coluche dans laquelle il disait qu'en Russie ils avaient aussi la télé mais que c'est ELLE qui vous regarde... #LOLouPas)

pour les autres marques : https://www.tomsguide.com/how-to/stop-your-snooping-smart-tv-how-to-turn-off-data-collection-for-every-brand

Sinon [merci Seb ! ] on peut utiliser les DNS de blocage de DNSForge.de :

IPv4: 176.9.93.198 IPv4: 176.9.1.117 IPv6: 2a01:4f8:151:34aa::198 IPv6: 2a01:4f8:141:316d::117

Sinon, spapossible de simplement pas la connecter à un réseau ?! (bon, après c'est sûr que pour netflix, spa'super...)

Via https://sebsauvage.net/links/

Astuces & liens pour HTML, JS et toussa

Petite liste tirée des RSS que je suis en ce moment.

Notes perso: HTML Dialog | 12 Days of Web

Notes rapides sur la balise <dialog> et le JS .showModal(), .close()

On crée la boîte de dialogue en HTML/CSS

<dialog id="modal-dialog">
  <div class="dialog-content">
    <h3>Title</h3>
    <p>Question ?</p>
    <ul class="dialog-actions">
      <li><button type="button" data-action="confirm">Yes</button></li>
      <li><button type="button" data-action="cancel">Cancel</button></li>
    </ul>
  </div>
</dialog>

On crée le JS adapté

En gros on récupère le click sur l'objet document et on le traite en fonction de l'action prévue dans l'attribut data-action

const dialog = document.getElementById("modal-dialog"");    

document.addEventListener("click", ({ target }) => {
  // ... show logic
  // ... close logic

  if (target.matches('[data-action="confirm"]')) {
       // action si confirm
  }

  if (target.matches('[data-action="cancel"]')) {
       // action si cancel
      dialog.close();
  }

});

Bricolage et gravure: comme on refait son lit, on se couche...

Je passe sur les circonstances qui m'amènent à changer mon lit pour passer à ce qui m'intéresse: faire un lit façon chalet...

Certains trouveront ça moche ou ouiche...

Celui-ci mérite une explication:  Kitch -> quiche -> ouiche...
Désolé pour ce qui   vient de se passer...

J'ai fait une structure toute en bois avec des pieds de 40cm afin d'avoir une assise haute: 40 cm de pieds + 5 cm de sommier à lattes + environ 17cm de matelas... on est bien, là.

Les pieds

alt

J'y ai ajouté une tête de lit façon bloc étagère en incorporant des prises de courant et USB: hauteur 110 cm et profondeur 22cm.

prises

Ensuite je me suis attaqué au pied de lit: une planche de pin de 60x200 que j'ai découpé façon chalet avec volutes et petits coeurs découpés (c'est la partie plutôt ouiche pour certains...)

Arrive la partie gravure

L'envie d'ajouter des motifs gravés au laser sur le pied de lit s'est imposée à moi.

J'ai opté pour des edelweiss sur les arrondis et une scène de ski que j'avais déjà utilisée sur un plateau entièrement fait à partir de chutes de bois (mais c'est une autre histoire)

gravure

Astuce #1

J'ai étrenné une astuce qui a vraiment bien fonctionné: afin d'éviter la brûlure des bords du motif gravé, qui offre un dégradé allant du marron au jaunâtre fumé du plus mauvais effet, j'ai recouvert la zone à graver de ruban à masquer.

Une fois la gravure terminée, on retire le ruban à masquer et le bois est bien préservé dessous.

Astuce #2

Le plus risqué est toujours de centrer correctement le motif sur le support. Mon truc, c'est d'arrêter de vouloir trouver le bon réglage des marges sur le logiciel de gravure et d'utiliser l'option «centrer le laser»

  1. je marque le centre de la zone à graver au crayon,
  2. je place la graveuse au doigt mouillé pour qu'elle soit alignée correctement horizontalement,
  3. je clique sur «centrer le laser», je déplace la tête du laser à la main pour faire correspondre le spot avec le centre marqué au crayon,
  4. je clique sur «corner» qui replace le laser au coin bas gauche du motif,
  5. c'est parti...

ça marche à tous les coups.

Conclusion

Je vais pas vous péter le joufflu plus longtemps avec les détails, vous regarderez les photos . J'ai tout gravé dehors, sur la terrasse, avec des rallonges USB pour rester le cul bien au chaud derrière la baie vitrée...

Final

pxl_20231201_144314358.webp

pxl_20231201_144327369.webp

pxl_20231201_145555821.webp

pxl_20231201_145600196.webp

pxl_20231201_151317715.webp

pxl_20231201_154148317.webp

pxl_20231201_154226566.webp

pxl_20231201_154624977mp.webp

pxl_20231201_154951512.webp

pxl_20231202_093342875.webp

Petit aparté...

Par contre, quand vous gravez, restez pas loin parce que des fois, ça prend feu...

Exemple, en passant devant pour la dixième fois, j'ai trouvé que ça fumait encore plus que d'habitude... normal vu que le cache avait choisi de se foutre à flamber...

outch c brûlé

Le laser est sans doute passé sur une partie de bois plus tendre ou un peu gondolée vers le haut... et au bout de deux heures... poufcétou.

RSS

FormData API | 12 Days of Web

Un petit résumé perso de cette page sur l'objet FormData en javascript.

Créer un objet FormData à partir d'un formulaire

let form = document.querySelector('form');
let data = new FormData(form);

Parcourir l'objet FormData

C'est un itérable, donc on le parcourt avec un for et on récupère des ['clé','valeur']

for (let entry of data) {
    console.log(entry);
}

ou

for (let [key, value] of data) {
    console.log(key);
    console.log(value);
}

parcourir les clés / les valeurs

for (let key of data.keys()) {
  console.log(key);
}

Get, set, update des valeurs

GET

Récupérer une valeur (sans rire ?!)

  • S'il y a un seul champ au nom de la clé: let title = data.get('title')
  • S'il y en a plusieurs : let titles = data.getAll('title');

SET

Ajouter une nouvelle valeur à l'objet FormData

data.set('date', '2022-12-25');

APPEND

Ajouter une valeur supplémentaire à une entrée existante (si l'entrée n'existe pas, elle est créée)

data.append('tags', 'vacations');

Divers

Tester si un champ existe

let hasID = data.has('id');

Récupérer un tableau

  • des clés : let arr = Array.from(data.keys());
  • des valeurs : let arr = Array.from(data.values());

Convertir un FormData en objet clés valeurs

Si votre FormData ne contient pas plusieurs champs ayant le même nom.

let serialized = Object.fromEntries(data);

Sinon, on paufine

let obj = {};
for (let [key, value] of data) {
    if (obj[key] !== undefined) {
        if (!Array.isArray(obj[key])) {
            obj[key] = [obj[key]];
        }
        obj[key].push(value);
    } else {
        obj[key] = value;
    }
}

Une fois converti en objet, on peut le transformer en JSON

let stringified = JSON.stringify(obj);

How can I listen for a click outside of an element in JavaScript? - 30 seconds of code

Pour écouter un click hors d'un élément, on utilise l'event delegation: on vérifie si la target de l'event correspond ou pas à l'objet qu'on veut.

  document.addEventListener('click', e => {
    if (!element.contains(e.target)) callback();
  });
};
onClickOutside('#my-element', () => console.log('Hello'));
// Will log 'Hello' whenever the user clicks outside of #my-element

How can I listen for an event only once in JavaScript? - 30 seconds of code

Tiens, je ne savais pas qu'addEventListener acceptait des paramètres en option, en particulier un { once : true} qui permet de n'exécuter la fonction attachée à l'évènement qu'une seule fois...


const listenOnce = (el, evt, fn) =>
  el.addEventListener(evt, fn, { once: true });

listenOnce(
  document.getElementById('my-btn'),
  'click',
  () => console.log('Hello!')
); // 'Hello!' will only be logged on the first click

#help pour un choix de smartphone

Salut les copaines !

Mon vieux nokia 7plus tombe en morceaux: écran pété, décollé, appareil photo devenu myope, ralentissements de ouf etc...

Du coup, je réfléchis à le changer pour noël.

Et là c'est le drame

Je regarde les smartphones dispo en ce moment mais j'ai vraiment du mal à m'orienter. Du coup, je me dis que je prendrais bien quelques conseils.

Mes critères:

  • 🟢 bon en photo, y compris de nuit
  • 🟢avec possibilité de mettre une carte SD
  • 🟡 une version récente d'Android et des MAJ dans le futur
  • 🟠 si possible pas de surcouche à la mords moi le noeud...
  • pas trop cher: idéalement moins de 300€ et pas plus de 350. (très grand max)

Je ne joue pas avec: j'ai besoin de la photo, du navigateur, applis GPS, 9gag/reddit et consorts.

J'ai pensé à un Samsung galaxy A53 5g: plutôt bon en photo, SD mais surcouche.

(...)

LocalSend : envoyer des fichiers sur toutes les machines facilement

Bon, c'est un fait, envoyer des fichiers sur toute machine de son réseau quel que soit son OS, c'est chiant... il y a bien KDE Connect et Warpinator... Mais c'est pas toujours foufou - et je suis un fervent adorateur de KDE Connect.

Déjà, c'est opensource et dispo sur Fdroid pour Android avec une version .deb/appimage... 👍

Localsend, qui se veut l'équivalent d'airdrop sur les machines à la pomme pour les poires (#payeTonTrollGratuit), semble une bonne alternative.

index.png
Via La river

GitHub - vitoplantamura/OnnxStream: Stable Diffusion XL 1.0 Base on a Raspberry Pi Zero 2 (or in 298MB of RAM)

Stable Diffusion sur un RPI 2 ?! WUT ?!

/me ouvre le lien, /me lit le readme :

OnnxStream can run SDXL 1.0 in less than 300MB of RAM and therefore is able to run it comfortably on a RPI Zero 2, without adding more swap space and without writing anything to disk during inference. Generating a 10-steps image takes about 11 hours on my RPI Zero 2.

La génération d'une image 1024x1024 prend ... 11 heures.

T'as intérêt à avoir bon   dans le prompt du premier coup...
Via https://ecirtam.net/links/

Paris 2024 : la France interdira le port du voile à sa délégation, l’ONU désapprouve

Et là, c'est pour la laïcité à l'école ?! ha, non, dans le sport quand on est représentant de la fRance. pfff...

I have a dream: ces concitoyennes françaises vont concourir pour un autre pays et elles gagnent les médailles d'or au détriment de la fRance... façon Mitra Hejazipour, cette championne d'échecs iranienne exclue de la compet en Iran pour avoir refusé de porter le hidjab et venue s'inscrire en france.

Des femmes, des championnes, exclues simplement parce qu'on refuse de les laisser s'habiller comme elles le souhaitent. Au moins, l'iran ne se cache pas derrière une prétendue laïcité pour ça. (oui, je suis colère)

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

Conciliateur de justice | Service-public.fr

Oh ! Bon à savoir, ça: un médiateur gratuit qui permet de régler les conflits à l'amiable:

Compétent pour

  • Problèmes de voisinage (bornage, droit de passage, mur mitoyen)
  • Différends entre propriétaires et locataires ou entre locataires
  • Différends relatifs à un contrat de travail
  • Litiges de la consommation
  • Litiges entre commerçants
  • Litiges en matière de droit rural
  • Litiges en matière prud'homale

On peut trouver le conciliateur le plus proche là: http://www.conciliateurs.fr/Trouver-une-permanence

Via https://shaarli.mydjey.eu/shaare/67xoyw

DOOM Year Zero, Dishonored 3, Oblivion Remaster... Comment Bethesda remet Microsoft dans le game !

Oblivion remaster : ils se sont rendu compte que le cadavre de Skyrim était froid, il font maintenant de la nécromancie avec celui d'Oblivion. C'est sale Bethesda, c'est très sale.

Pitin, ce que j'ai ri ! C'est tellement ça: de la nécromancie

Et tu sais quoi? ça m'a donné envie quand même ! comme quoi, je suis vraiment un con... sommateur

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

A (more) Modern CSS Reset - Andy Bell

De côté pour plus tard... Une reset.css plus moderne... Je me contentais du box-sizing depuis son avènement.

Les explications associées sont intéressantes.

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}
Via https://links.kalvn.net/shaare/McJg3Q

Mardi 19 Septembre 2023 : un jour particulier

Aujourd'hui, je reviens de la cérémonie de crémation d'un de mes élèves de l'année dernière...

On a appris jeudi dernier qu'il s'était suicidé la veille au soir avec l'arme à feu de son grand-père.

Sous le choc, nous avons tous été extrêmement perturbés et profondément touchés par sa mort... je me souviens d'un môme attachant et discret, au sourire complice quand je faisais des blagues en espagnol, qui passait me voir en fin de journée avant de partir. Un gamin pas méchant pour deux sous, dépourvu de duplicité ou de mauvais sentiments, un garçon qui faisait des efforts en classe mais attendait l'interclasse pour échanger quelques mots avec moi.

Aujourd'hui, on a brûlé son corps en regardant des photos de lui défiler sur un écran et j'ai pleuré comme si c'était le mien... Les photos ressemblaient à celles que j'ai prises de mes mômes depuis 19 ans... et j'ai pas tenu.

Quand un enfant meurt, ce sont tous les parents du monde qui pleurent.

(...)

Fil RSS des articles de cette catégorie