@tbroyer@piaille.fr avatar

tbroyer

@tbroyer@piaille.fr

Web development (frontend, Web APIs), Web app security, build tools, Java, Kotlin, Gradle, etc.

This profile is from a federated server and may be incomplete. Browse more on the original instance.

tbroyer, (edited ) to random
@tbroyer@piaille.fr avatar

Anyone remembers an experiment like "this page could have been an image" comparing an actual web page to a screenshot of that page?

EDIT: found it, that was https://www.webbloatscore.com/

scottjehl, to webdev
@scottjehl@mstdn.social avatar

Alright, it's launch day!

Introducing Carbon Control. Measure & Improve Your Site's Footprint with WebPageTest. I'm very proud of this new release. https://webpagetest.org/carbon-control/

You can read all about it on the blog post here: https://blog.webpagetest.org/posts/carbon-control/
#webdev #webdevelopment #climate #carbonfootprint #webperf

tbroyer,
@tbroyer@piaille.fr avatar

@scottjehl @zachleat What if I told you that most that most promoted actions about climate-friendly software are misguided? This one is IMO misleading and distracting from the real footprint of the digital world.
See https://blog.ltgt.net/climate-friendly-software/ for details.

ppk, to random
@ppk@front-end.social avatar

Interesting. Firefox supports display: flow-root list-item, while Chrome and Safari do not. Same for inline list-item.

tbroyer,
@tbroyer@piaille.fr avatar

@ppk Chromium doesn't support multi-value display yet. It's in the work and will ship in 115: https://chromestatus.com/feature/5091238937624576

Mnaudin, to random French

#puzzle #logical #arithmetic
Comme il pleut, un autre petit puzzle ...
Dans cette somme de mots, chaque lettre représente l'un des chiffres de 0 à 9 et représente le même chiffre à chaque fois qu'elle apparaît. Différentes lettres représentent différents chiffres. Aucun nombre ne commence par 0.
Quelles sont toutes les solutions possibles ?
⚠️ Répondre en mode CW + Partager.
(En math / logique, le raisonnement est plus important que le résultat, alors partagez SVP votre chemin de réflexion.)

tbroyer,
@tbroyer@piaille.fr avatar

@Mnaudin On a besoin que 3O donne un nombre se terminant par O, donc O ne peut être que 0 ou 5.

Si O=0, alors on applique le même raisonnement pour M et donc M=5. On a donc 3J+1=I, donc J ne peut être que 1 ou 2 (à partir de J=3 alors I aurait 2 chiffres), et I sera donc 4 ou 7 respectivement.

Si O=5, il faut que 3M+1 donne un nombre dont les unités sont M. Il n'y a pas de solution, donc O≠5.

Il n'y a donc que 2 solutions:
I=4, J=1, M=5, O=0 (3×150=450)
I=7, J=2, M=5, O=0 (3×250=750)

Mnaudin, to random French

#puzzle #logique #logical
Faisons un petit test de logique, pour mieux entamer le weekend :
Dans cette liste, quelle est la réponse correcte à cette question ?
a) Toutes celles qui suivent.
b) Aucune des celles qui suivent.
c) Toutes celles qui précèdent.
d) L'une de celles qui précèdent.
e) Aucune de celles qui précèdent.
f) Aucune de celles qui précèdent.

*** Répondre en mode CW + partager.
Bon weekend!

tbroyer,
@tbroyer@piaille.fr avatar

@Mnaudin

A est en conflit avec B, E et F.
B est en conflit avec A et C (et E et F)
C est en conflit avec B.
D est en conflit avec B (et E et F)
E est possible puisqu'on vient démontrer qu'effectivement aucune des réponses précédentes n'est possible.
F est en conflit avec E.

Conclusion: E

developit, to random
@developit@mastodon.social avatar

Server Actions and a router that assembles components is PJAX/Turbolinks/Hotwire. Not a bad thing, just saying - call it what it is.

tbroyer,
@tbroyer@piaille.fr avatar

@developit

An SPA with SSR 😉

https://blog.ltgt.net/naming-things-is-hard-spa-edition/

tbroyer, to random
@tbroyer@piaille.fr avatar

Oh shit, crypto🤑scam coming to the fediverse!
I suppose that means it's reached a critical mass…

tbroyer, to random
@tbroyer@piaille.fr avatar

So, apparently The Eagles are assholes.
#YouTube #copyright

https://youtu.be/X5n6Cn5Guqc

Mnaudin, to random French

#énigme #puzzle #logique #logical
Vous devez colorier les 9 cases de la grille en utilisant l'une des trois couleurs suivantes : vert, jaune ou bleu.

Combien de motifs différents pouvez-vous créer si chaque couleur doit être représentée dans chaque ligne et dans chaque colonne ?
[Un nouveau motif n'est pas créé en faisant simplement pivoter la grille.]

⚠️ Merci de répondre en mode CW + partager ce pouet.

tbroyer,
@tbroyer@piaille.fr avatar

@Mnaudin On a 3×2×1=6 permutations possibles des 3 couleurs pour chaque ligne et colonne. Puisque chaque couleur doit être représentée dans chaque ligne et colonne, il suffit en fait de connaître l'arrangement d'une ligne et une colonne pour déterminer le reste de la grille, et comme une couleur sera commune entre cette ligne et cette colonne, on a donc 3×2×2=12 possibilités.

Mais je n'ai pas pris en compte les répétitions possibles en pivotant (y en a-t-il ?)
J'y réfléchis plus tard…

tbroyer,
@tbroyer@piaille.fr avatar

@Mnaudin Bon, expérimentalement, il n'y a que 3 motifs possibles.
J'aimerais bien une explication mathématique par contre.

mnot, to random
@mnot@techpolicy.social avatar
tbroyer,
@tbroyer@piaille.fr avatar

@mnot I love that platter but it's a bit deceptive 😂

rauschma, to fediverse
@rauschma@fosstodon.org avatar

: Are there any good tools for archiving my own posts?

Wishes:

  • Offline search & navigation of archived data
  • Incremental archiving
tbroyer,
@tbroyer@piaille.fr avatar

@rauschma AFAIK, @zachleat started a project similar to his https://github.com/tweetback/tweetback but for Mastodon (https://zachleat.com/toots/) but it's probably not open sourced yet.

Searching back for it, I stumbled upon https://github.com/mojoaxel/tootback but I don't think it'll fetch your toots via the API.

tbroyer, to climate
@tbroyer@piaille.fr avatar

What if I told you that most promoted actions about climate-friendly software are misguided?

Backing data for that claim and my opinion on the low-hanging fruits:

https://blog.ltgt.net/climate-friendly-software/

Key takeaways:

  • Pick servers in carbon-neutral or low-carbon datacenters first
  • Optimize for the perceived performance and battery life
  • Don't be the one that will make your users change their device
  • Sometimes, ideas aren't even worth their impacts

#greenIT #climate #sustainability #carbonfootprint #co2

tbroyer,
@tbroyer@piaille.fr avatar

@Mayobrot That's right. Which is probably the main reason for optimizing your data exchanges (besides battery drain on end-users' devices)

That being said, among the millions of developers out there, how many work on network-hungry applications? (youtube/tiktok/netflix/prime/disney+/etc. are outliers there)

(that's a good case for making sure CI workflows use dependency caches though, I might amend the article with that point, thanks for the reminder)

Mnaudin, to random French

#énigme #puzzle #allumettes #matchsticks
Le nombre 403 est créé à partir de 15 allumettes. Le jeu consiste à déplacer deux allumettes pour obtenir un nombre divisible par 9. Trouvez les solutions possibles. Il y en a cinq. Je vous en donne une : 108.
⚠️ Merci de répondre en mode CW et de partager pour plus de participants.

tbroyer, (edited )
@tbroyer@piaille.fr avatar

@Mnaudin

108
189
459
495
783

J'ai listé toutes les modifications possibles des 3 chiffres, en les groupant par "supprime 2 allumettes" (4→1), "déplace 1 allumette et supprime 1 allumette" (3→4, 0→5, etc.), "déplace 1 allumette" (0→6, 3→5, etc.), "ajoute 1" (0…8, 3→9), etc. puis j'ai cherché les combinaisons de 2 mouvements qui donnent des nombres divisibles par 9.

zachleat, to random
@zachleat@zachleat.com avatar

working on a cowboy themed web components talk

tbroyer,
@tbroyer@piaille.fr avatar

@zachleat Would you say WebC components are web components? How would you describe the relationship between WebC (and @enhance_dev) and web components?

codepo8, to random
@codepo8@toot.cafe avatar

Another @code keyboard shortcut I'd loved to have known earlier.
To place a cursor on the end of each line, I kept highlighting the line break, and used cmd+d repeatedly. It is much easier to highlight all the lines and press Option+Shift+I to add a cursor to the line ends.

video/mp4

tbroyer,
@tbroyer@piaille.fr avatar

@codepo8 How about "just" using Shift+Alt+Down?

https://code.visualstudio.com/docs/editor/codebasics#_multiple-selections-multicursor

tbroyer,
@tbroyer@piaille.fr avatar

@codepo8 Yes, but no more key strokes (one fewer actually) than selecting all the lines and then using Option+Shift+I.

In your example, with the cursor anywhere on the Epitaph line, hit Shit+Alt+Down 4 times, then End to go to the end of the lines.

Of course that assumes you're selecting with the keyboard and without other shortcuts; whereas Opeion+Shift+I would work when highlighting with the mouse.

matuzo, to random
@matuzo@front-end.social avatar

Uuhhm, does anyone know who came up with the .clearfix hack and when?

tbroyer,
@tbroyer@piaille.fr avatar

@websident @matuzo Oldest version in the Wayback Machine: https://web.archive.org/web/20040516204221/http://www.positioniseverything.net/easyclearing.html

Mnaudin, to science French

#puzzle #math
Cette question a été posée par un enseignant à des élèves âgés de 8-9 ans. Vous pouvez la trouver bien challenging pour cet âge, et je serais d'accord avec vous.
Quel est le nombre manquant ? Quelle est la règle ?

  • Merci de répondre en mode CW (expliquez) et de partager pour plus de participants.
tbroyer,
@tbroyer@piaille.fr avatar

@Mnaudin Tentons: 570 ?

Pour chaque ligne, le nombre dans une colonne est égal au nombre de la cellule du dessus + le numéro de la ligne (commençant à 0), multiplié par le nombre de 2 cellules au dessus.

Pour 3 dans la première colonne: (2+1)*1=3, pour la ligne du dessous: (3+2)*2=10. Pour la seconde colonne: (10+1)*5=55, et donc (55+2)*10=570.

En gros, je me suis dit: 55 c'est 5*11, comment obtenir 11 ? 10+1, d'où vient le 1 ? numéro de la ligne ? Ça se vérifie sur la première colonne

matuzo, to random
@matuzo@front-end.social avatar

What are some general or VS Code-specific commands that could help me use the mouse less while coding?

I mean stuff like CMD + Arrow keys, Alt + Arrow keys, CMD + Enter, CMD + Shift + Enter. Are there any other useful shortcuts?

tbroyer,
@tbroyer@piaille.fr avatar

@matuzo So much shortcuts available: https://code.visualstudio.com/docs/editor/codebasics / https://code.visualstudio.com/docs/editor/editingevolved / https://code.visualstudio.com/docs/editor/refactoring

In addition to some already given by others:

Ctrl+Shift+0 / Ctrl+T to go to symbols
F12 / Shift+F12 / Ctrl+F12 to go to definition of a symbol, its references, or its implementation
Ctrl+Shift+F10 to peek at the symbol definition without moving
Ctrl+. to open the light-bulb menu

(I'll be honest, I don't even use them myself)

lmorchard, to random

I just read "Notes to Self on Mastodon" from @jimniels and see the common wish for "moving" content between Mastodon instances.

That's one of the trade-offs of this particular protocol. You can copy the address book, but you can't (easily) change history.

You said what you said, when & where you said it. When you said it, it was replicated to thousands of servers. It might live at a particular URL on your local instance, but it also lives in many remote databases.

To properly "move" would require updating every instance to which you've ever sent a message. Otherwise, no one knows where your stuff went. References and reply threads would all be broken.

We sort of get this for edits and deletes on individual fediverse messages. But, doing this for the entire history of an actor would be fraught & onerous.

It would be like expecting that if you moved from Yahoo Mail to GMail, all the messages you've ever sent get an updated "From:" header in all the remote inboxes and mailing lists to which you've ever sent a message.

Instances could maybe accept imports of content, if only as archived history. But, this would likely be unsatisfying for most other purposes.

tbroyer,
@tbroyer@piaille.fr avatar

@lmorchard And yet the ATProto of Bluesky promises to move the content along with the account: https://atproto.com/guides/overview#account-portability

tbroyer,
@tbroyer@piaille.fr avatar

@lmorchard One compelling argument I've read about moving: your new instance might not want to be responsible for hosting whatever you had written elsewhere before moving. How could one ensure that that previous content follows the rule of the new server? What if some of it doesn't? What if it is even illegal in the jurisdiction of the new server?

clochix, to random French
@clochix@mastodon.social avatar

FDN propose depuis longtemps des serveurs DNS propres, qui ne conservent pas de trace des requêtes et ne mentent pas.
Ces serveurs sont désormais également accessibles via TLS et HTTP (protocoles DoT et DoH) : https://www.fdn.fr/ouverture-des-services-dot-doh/

Si vous souhaitez utiliser DoH dans Firefox, ça se passe dans Paramètres / Général / Réseau. Il faut activer le DNS via HTTPS et remplacer l’adresse par défaut par celle d’un résolveur de FDN.

Merci FDN 😽

tbroyer,
@tbroyer@piaille.fr avatar

@clochix @FDN Est-ce que ce serait une bonne idée de l'ajouter à https://dnscrypt.info/public-servers ?
(je sais qu'à titre perso je l'utiliserais pas s'il n'y est pas)

tbroyer,
@tbroyer@piaille.fr avatar

@hucste En l'occurrence c'est de la pure paresse : c'est tellement plus simple de configurer dnscrypt-proxy avec une config nommée, du type :

server_names = [ 'fdn-doh', 'scaleway-fr', 'bortzmeyer' ]
  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • mdbf
  • ngwrru68w68
  • modclub
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • DreamBathrooms
  • megavids
  • GTA5RPClips
  • tacticalgear
  • normalnudes
  • tester
  • osvaldo12
  • everett
  • cubers
  • ethstaker
  • anitta
  • provamag3
  • Leos
  • cisconetworking
  • lostlight
  • All magazines
    •