@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.

Mnaudin, to science French

#énigme
Si on a :
1 + 4 = 5
2 + 5 = 12
3 + 6 = 21
Alors à quoi correspond
8 + 11 = ?

Merci de répondre en mode CW + Booster pour plus de participants.

tbroyer,
@tbroyer@piaille.fr avatar

@Mnaudin 96 ?

On multiplie les 2 chiffres des "additions" avant d'ajouter le premier: 1×4+1=5, 2×5+2=12, 3×6+3=21, 8×11+8=88+8=96

Mnaudin, to science French

Une classe de , comme il y en a plein en France, dans nos collèges et lycées. Ou pas. Voici une belle idée de conception de classe de mathématiques!

(Malheureusement, nos écoles sont encore comme des prisons pour de nombreux élèves. Alors que des salles de classe bien conçues et attrayantes pourraient éveiller la curiosité des jeunes !)

Classe de maths

tbroyer,
@tbroyer@piaille.fr avatar

@Mnaudin "Nan mais sérieux, on va pas mettre les réponses au mur quand même !" 😂

Mnaudin, to science French

#énigme
Un mathématicien sort d'une grotte, vous tend ces feuilles puis vous dit: « profitez de ce WE pluvieux pour résoudre ces énigmes.
#1
Combien de fois par jour les aiguilles des minutes et des heures d'une horloge forment-elles une ligne droite?
#2
Sept chiffres différents sont placés dans une rangée. Les produits des 3 premiers chiffres, des 3 du milieu et des 3 derniers chiffres sont tous égaux. Quel est le chiffre du milieu? »
Que lui répondez-vous? (en mode CW) + Boostez

#2 Sept chiffres différents sont placés dans une rangée. Les produits des 3 premiers chiffres, des 3 du milieu et des 3 derniers chiffres sont tous égaux.

tbroyer,
@tbroyer@piaille.fr avatar

@Mnaudin

La grande aiguille faisant un tour pendant que la petite avance d'un douzième (environ), ça arrivera environ une fois par heure, mais il faut prendre en compte l'avancement de la petite aiguille donc environ toutes les 1:05.
Ça arrivera donc 11 fois par demi journée (expérimentalement, on le voit pour chaque heure, sauf 5: on passe de "un peu avant 4:55" à "6:00 pile", puis "un peu après 7:05"), donc 22 fois par jour.

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

Life's good! ☺️

tbroyer,
@tbroyer@piaille.fr avatar

@matuzo With the dreaded hammock in the background 😉

samruby, to random
@samruby@ruby.social avatar

The JavaScript Ecosystem Is Delightfully Weird: https://fly.io/blog/js-ecosystem-delightfully-wierd/

tbroyer,
@tbroyer@piaille.fr avatar

@samruby "Abuse of the bundler" echoes @passle's recent "cost of convenience": https://dev.to/thepassle/the-cost-of-convenience-kco

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

https://web.dev/baseline looks like caniuse except vague and confusing

tbroyer,
@tbroyer@piaille.fr avatar

@hi_mayank It directly shows on the MDN the support for "last 2 versions" of the four major browsers, a rule many projects use in their browserslistrc (if only by cargoculting); how's that "vague and confusing"?
(IOW it directly gives me the info I want, right in the doc)

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/

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.

tbroyer,
@tbroyer@piaille.fr avatar

@scottjehl @zachleat For those interested, I followed up on GitHub: https://github.com/WPO-Foundation/webpagetest/issues/1613#issuecomment-1542427546

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


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


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.

https://youtu.be/X5n6Cn5Guqc

Mnaudin, to random French

#énigme
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

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
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.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • kavyap
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • tacticalgear
  • cubers
  • Youngstown
  • mdbf
  • slotface
  • rosin
  • osvaldo12
  • ngwrru68w68
  • GTA5RPClips
  • provamag3
  • InstantRegret
  • everett
  • Durango
  • cisconetworking
  • khanakhh
  • ethstaker
  • tester
  • anitta
  • Leos
  • normalnudes
  • modclub
  • megavids
  • lostlight
  • All magazines
    •