#partage
Publications relatives à cette étiquette
Inclusion
Dans le cadre de manger ma propre bouffe pour chien mon autoéquipement, je voulais vérifier si l’implémentation de oEmbed dans uMap était utilisable… et il se trouve que ce n’était pas le cas avant aujourd’hui. Il y aurait encore des pistes d’améliorations mais au moins ça affiche une carte (si vous autorisez les requêtes externes en JS) :
Vous devriez voir s’afficher une carte de mon « Grand Tour de la forêt de Ouareau », il est probable que cela ne s’exécute pas dans un agrégateur par exemple.
J’en ai fait un web component car je compte explorer / publier davantage de cartes par la suite. Je vais essayer d’ajouter des options lorsqu’elles deviendront disponibles côté uMap. Pour l’instant, il faudra vous contenter d’un view-source: (meilleure fonctionnalité du Web, ne l’oublions jamais).
Au passage, j’ai mis à jour le moteur de ce site pour pouvoir injecter des morceaux de HTML (et donc CSS/JS) sur des billets en particulier. Je m’amuse bien 🧑🔬.
Je compte reparler de cette carte.
Beaucoup moins glorieux, j’ai participé à de la perte de données aujourd’hui. Nous avons eu besoin de trois cerveaux et pas mal d’heures pour comprendre ce qu’il se passait. Il était difficile de tester / imaginer / reproduire autrement que sur le serveur de production. C’est déjà pas mal d’avoir eu la possibilité de passer en lecture seule avant que ça ne touche trop de cartes.
J’ai appris qu’il ne fallait pas se fier à l’ordre des IDs… lorsqu’ils deviennent des UUIDs !
A data hoarder’s dream come true: bundle any web page into a single HTML file. You can finally replace that gazillion of open tabs with a gazillion of .html files stored somewhere on your precious little drive.
Unlike the conventional “Save page as”, monolith not only saves the target document, it embeds CSS, image, and JavaScript assets all at once, producing a single HTML5 document that is a joy to store and share.
Je me demande si je ne devrais pas avoir recours à ce type d’outil plutôt que de n’extraire que la partie de HTML qui m’intéresse pour garder une copie des liens que je lie par ici. C’est pour l’instant un peu fastidieux mais ça me fait aussi découvrir des choses en explorant le code des autres.
For this reason, I got more into “Conflict-free Resolution Data Types” (CRDTs), with the goal of understanding what they are, how they work, what are the different libraries out there, and which one would be a good fit for us, if any.
J’apprends plein de choses à ce sujet grâce à Alexis, c’est chouette à explorer par procuration.
To summarize, digital information requires maintenance. It's not sufficient to make backups; the backups also need to be maintained, upgraded, transferred, and curated. Without conscientious care, the data of today will be lost forever in a few years. Even with care, it's possible through software or hardware changes to lose access forever. That shoebox of old backup CDs will be unreadable soon.
Which brings us back to those old photo caches. They held negatives and prints, physical objects that stored images. They needed no attention, no curating, no updating. They sat untended and forgotten for decades, but through all that time faithfully held their information, waiting for a future discoverer. As a result, we can all see what the Scott Antarctic expedition saw, and I can see what my great-grandparents looked like.
It is a sad irony that modern technology makes it unlikely that future generations will see the images made today.
Ask yourself whether your great-grandchildren will be able to see your photographs. If the images exist only as a digital image file, the answer is almost certainly, "No". If, however, there are physical prints, the odds improve. Those digital images need to be made real to endure. Without a print, a digital photograph has no future.
Très vrai et je me demande si le fait d’avoir des artefacts qui perdurent sur plusieurs générations sans entretien / transmission n’est pas justement un épiphénomène. Le numérique est peut-être plus proche de la transmission orale, une information qui a besoin d’être appropriée par læ récepteur·ice pour qu’elle continue à vivre.
Ce sera à moi d’apprendre à ma descendance comment garder en vie cette flamme numérique qui vacille à chaque coup de vent de format propriétaire.
Sérendipité
Discovering things via links is way more fun than most algorithmically-driven discovery — in my humble opinion.
As an analogy, it’s kind of like going on vacation to a new place and staying/living amongst the locals vs. staying at a manicured 5-star hotel that gives you no reason to leave. Can you really say you visited the location if you never left the hotel?
Je suis toujours étonné qu’il n’y ait pas des navigateurs qui affichent la toile de nos navigations de manière plus ou moins artistiques. On pourrait avoir des topologies de navigations, potentiellement quotidiennes, des points de comparaison avec d’autres personnes, une représentation de la curiosité, de l’enfermement dans des silos, etc.
A surprising number of other features can be expressed in terms of links.
printf '\e]8;;http://example.com\e\\This is a link\e]8;;\e\\\n'
Qui me fait découvre watchgha, bien pratique pour avoir un accès rapide aux résultats de l’intégration continue.
Le constat est simple : je trouve que le Web ne va pas fort en ce moment, et je voulais à ma petite échelle montrer un peu l’exemple.
Très chouettes publications cette dernière semaine en tout cas <3.
Rétropédalage sur le surlignage. Beaucoup trop de retours qui trouvent cela davantage distrayant qu’utile. Pour l’instant, j’ai gardé la logique mais sans animation. Je me demande si je vais en faire un opt-in à un moment.
Puisque la demi-mesure ne fait pas partie de mon vocabulaire, j’ai tenu à travailler au plus proche des techniques médiévales. J’ai ainsi appris à encrer à la plume, dorer à la feuille d’or pur, peindre aux pigments en poudre et relier au cuir de chèvre. Je m’y suis dévouée corps et âme, dédiant le moindre de mon temps libre à la concrétisation de ce projet qui devait se mener dans le plus grand secret. Je m’attelais à l’ouvrage à la moindre opportunité, me levant parfois à l’aube pour grappiller une heure de calligraphie avant d’aller bosser ou prolongeant des soirées jusqu’au petit matin lorsque K travaillait de nuit.
Au total j’ai passé plus de 230 heures sur ce projet
Ce moment où tu te rends compte que tu n’es pas perfectionniste en fait 🤯. Chapeau bas l’artiste.
Rust-like error handling in Python, with type-safety in mind.
J’ai très souvent retrouvé le besoin de ce pattern dans mes projets.
Sortie de la version 2.0 de pressoir-cli (oui, c’est ma période). L’une des prochaines étapes sera de générer sa propre documentation en l’utilisant. Ça peut paraitre stupide mais c’est trop meta pour ne pas le faire 😇.
Nginx de part sa robustesse, sa structure minimaliste et son fonctionnement événementiel asynchrone est un serveur web plébiscité pour ses performances. Mais ce n’est pas parce qu’on a une Porsche qu’il ne faut pas tenter de la rendre encore plus puissante !
Pour lecture ultérieure.
font-size: calc(1rem + 0.25vw);
Moins poussé que le Fluid type scale calculator mais dans un contexte plus minimaliste / simple ça fait déjà le taf.
To enable such progress, the Web Consortium too has evolved, always taking a people-first approach: the Web must continue to serve humanity. The first such inflection point was the creation of the patent policy in 2003 which assures that specifications can be implemented on a Royalty-Free basis and used at no cost, thus boosting adoption and usage. Another is the creation in 2011 of W3C Community and Business Groups which enable everyone –not just W3C Members– to participate in the development of the Web or its technologies. Our most recent inflection point was re-launching the Consortium in 2023 as a public-interest non-profit organization to work for the good of the public.
From a humble beginning 35 years ago, the Web is now central to the daily lives of billions
[archive]
35 ans de liens. Merci Tim et al. d’avoir permis cela.
Surligner
A small JavaScript library to create and animate annotations on a web page
Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration and delay can be configured, or just turned off.
Rough Notation is 3.8kb in size when gzipped, and the code is available on GitHub.
J’utilise cette façon de mettre en avant des fragments de citations depuis un petit moment et en passant par chez Biou
[archive] aujourd’hui, j’ai trouvé l’effet bien sympathique. Je ne l’applique pour l’instant(?) que sur la balise <mark> (relativement inoffensif si ça casse), en respectant prefers-reduced-motion et en animant que lorsque la partie surlignée devient visible grâce à IntersectionObserver.
Cela peut se révéler être distrayant pour certaines personnes car ça bouge à un endroit éloigné du point de lecture (merci @maiwann), invisible pour d’autres qui chargent les onglets sans être dessus (merci @lamecarlate). Il s’agit d’une famille d’animations pas trop invasives, encore moins essentielles, qui peuvent se révéler être de fausses bonnes idées. Je vais tester pour un temps, toujours dans cette recherche d’aller vers un peu plus de fantaisie.
N’hésitez pas à me faire des retours.
Plus tard dans la journée, Nicolas Hoizey m’indique qu’il sera possible d’avoir un comportement approchant en CSS [archive] prochainement.
Le lendemain, j’ai désactivé l’animation suite à plusieurs retours de lecteur·ices.
Ce qu’Hashbang propose est de créer un registrar sous forme de SCIC avec en plus un processus participatif pour définir les services et leurs tarifs. Le premier service proposé sera certainement le nom de domaine, mais personne ne peut actuellement définir quel tarif sera proposé. Ce sera issu d’un processus participatif en fonction des participant·e·s au départ.
Chez Hashbang, nous portons un regard attentif aux enjeux environnementaux et nous proposons donc de mesurer et limiter l’impact environnemental des activités du registrar.
Nous souhaitons également s’assurer qu’il n’y ait pas de discriminations et que les personnes minorisé·e·s puissent s’emparer de cet espace. Il faut donc s’attendre à ce qu’il y ait des événements en mixité choisie et du langage inclusif.
Appel à intérêt pour un bureau d’enregistrement coopératif [archive]
Superbe initiative, coopératives pour tou·tes !
I know a lot of people hate anti-ad-block popups, but to me they are perfect.
In presenting those popups, those websites demonstrate that they realize the lack of control they have. They show us so plainly that they are unable to make money from us, which leaves them no option but to grovel and beg us to turn off ad-blocking.[…]
When we use web browsers, we are in more control than they are. That’s simply not the case when we’re inside an app they get to control.
Ma configuration à ce sujet est assez extrême et il n’est pas rare (surtout sur les boutiques !) que je doive m’y reprendre à pas mal de fois pour débloquer les megabytes de JavaScript [archive] à télécharger qui sont pertinents, ou plutôt nécessaires aux personnes ayant développé ces sites. Car pour ma part, je n’aurais besoin que de HTML dans 99% des cas…
…dit-il en venant d’ajouter 13Ko de JS 😬.
Dérèglement
J’avais déjà remarqué leur départ très tardif en décembre. Hier soir, j’ai entendu mes premières bernaches. Demain matin, elles risquent d’avoir un petit peu frais…
Le même jour, j’intègre les admonitions à un de nos outils interne et j’apprends qu’il est possible d’intégrer ce type de rendu pour le markdown servi par Microsoft Github en lisant le README de aria-collapsible.
Au passage, j’apprends beaucoup en lisant le code de Web Components en ce moment. Il y a une effervescence dans le domaine parmi des personnes qui ont un bon niveau de JS ainsi qu’une sensibilité à l’accessibilité de leurs productions. Ici par exemple, je découvre comment faire des composants relativement défensifs.
Anyway, if you want to know some basic information about Passkeys I know a site you can check out.
Beaucoup d’honnêteté et… une belle ressource de perdue, ou en passe de l’être. Tricky.
Using color-mix(), we can adjust the tint/shade based on the background color, meaning we don’t need to manually select lighter/darker colors for those states. And because we’re using OKLCH, the variations will be perceptually uniform, unlike HSL. This means that tints and shades will look consistent for any color we choose!
Better Buttons with color-mix() and Custom Properties
[archive]
Les personnes qui maîtrisent bien CSS vont avoir de plus en plus de valeur. À juste titre.
Responsabilité
Il n’y a pas vraiment de conclusion à tout ça. Nous avons été témoins, par le petit bout de la lorgnette, du tout début de cette histoire ; nous avons imaginé un instant avoir l’opportunité, ou le devoir, d’y faire quelque chose. Finalement, nous n’avons jamais vraiment donné notre avis. 🤷
Je me souviens vaguement de certaines discussions à ce sujet. D’un côté l’orgueil de penser que l’on pouvait faire mieux, de l’autre la culpabilité de pouvoir être associé à un tel projet. Et au milieu, une épidémie et le sentiment de pouvoir faire des choses avec nos compétences et notre position au sein de l’État français. Un mois plus tard, je m’embarquais dans une autre aventure, plus proche de mon style.
Deux années, 23 millions de visiteur·euses uniques et 60 millions de pages vues plus tard, j’ai l’impression d’avoir été utile à mon échelle. Merci à la DRRuMM team pour cette période.
A custom element implementation of the Stack is provided for download.
Utiliser des Web Components pour appliquer un style, je n’y avais pas encore songé.
Hier soir, j’ai regardé The Deepest Breath. J’ai mal dormi. D’autant que, plus tôt dans la journée, on m’avait transmis ce retour d’expérience, flippant (et discutable) à plus d’un titre.
La récupération de ma cheville suit son cours, ça va être long, il manque du muscle. Je me sens suffisamment en confiance pour tenter une sortie hivernale en camping cette fin de semaine, on va voir ce que ça donne. Il va faire frête
et ça laisse peu de place aux incapacités…
Mécénat
Je termine mon mécénat de compétence avec uMap sur ces 4 derniers mois (25 jours de travail). Je suis très content d’avoir pu faire cette expérience avec / grâce à Scopyleft et OSM-FR.
Voici les notes que j’avais prises avant d’établir une Convention de mécénat avec OpenStreetMap France, j’ai pris le soin de documenter la démarche car ça pourrait donner lieu à d’autres dons en nature de la part de Scopyleft (et puis ça pourrait peut-être vous inspirer 😇).
Note : vous pouvez réutiliser ces sources d’informations mais elles n’ont pas été validées par une personnes qui serait compétente dans le domaine. #IAmNotALawyer
Une des possibilités offertes à un mécène entreprise consiste à apporter non pas des financements en numéraire mais des moyens (produits ou services) à la cause qu’elle entend soutenir. Il s’agit ici, d’un « mécénat en nature ou de compétence ». Les critères d’éligibilité à cette forme de mécénat sont exactement les mêmes que ceux prévus pour une contribution en numéraire.
Le prêt de main d’œuvre : l’entreprise met à disposition d’un organisme éligible au mécénat un ou plusieurs salariés. C’est l’organisme qui pilote la mission et qui peut faire figure d’autorité fonctionnelle dans ce cadre. Le temps et la fréquence du mécénat de compétences peuvent considérablement varier en fonction des besoins : il peut aussi bien s’agir d’une mission courte, même d’une seule demi-journée, que d’une mission plus longue voir d’un plein temps dans la limite de 3 ans.
Lorsque les dons sont effectués en nature, il est nécessaire de procéder à leur valorisation :
- pour le calcul de la réduction d’impôt que déclare l’entreprise ;
- pour la réintégration extra-comptable de la valeur du don par l’entreprise ;
- pour l’établissement du reçu fiscal par l’organisme bénéficiaire du don ;
- pour la détermination des éventuels contreparties remises à l’entreprise par l’organisme bénéficiaire du don.
Comment valoriser un don au titre d’un mécénat de compétence ? #
Pour chaque salarié mis à disposition, ce don est évalué à son coût de revient, à savoir la somme de sa rémunération et des charges sociales y afférentes dans la limite de trois fois le montant du plafond mentionné à l’article L. 241-3 du code de la sécurité sociale (CSS), soit 10 284 € par mois en 2022.
Ce n’est donc pas un TJM mais un coût de revient.
A la suite de l’adoption de la loi du 24 août 2021 confortant le respect des principes de la République, l’administration fiscale a rappelé que la valorisation du don relève de la seule responsabilité de l’entreprise mécène qu’il s’agisse d’un don sous forme de biens (dons alimentaires notamment), de services ou d’une mise à disposition de personnel. Un nouveau modèle de reçu fiscal a été publié le 10 juin 2022.
Avantages fiscaux #
Le mécénat de compétences ouvre droit à un avantage fiscal. Concrètement, comme pour toute action de mécénat, le « don » de compétences de l’entreprise ouvrira droit à une réduction d’impôts de 60% du montant du salaire chargé du salarié mis à disposition. Cet avantage est accessible à tous les types d’entreprises, sans montant minimum de don.
Modèle #
Un modèle de convention de mécénat, un autre et encore un autre.
En synthèse, il faut :
Les coordonnées
Entre :
L’entreprise …, statut, dont le siège social est au …,
Représentée par …, fonction,
Ci-après dénommée « le mécène »,
Et
L’association …, sise au …,
Représentée par son Président ( ?), …
Ci-après dénommée « l’association »,
Vu la loi n°2003-79 du 1er août 2003 relative au mécénat, aux associations et aux fondations et notamment les dispositions codifiées à l’article 238 bis du code général des impôts.
(optionnel) Préambule (contexte)
- objet du mécénat de l’entreprise, de la fondation…
- objet de l’association : présentation de sa mission/vocation générale, et laïus sur le projet qu’ils portent en commun avec l’entreprise le cas échéant
- rencontre de ces deux objets ?
Ce qui est convenu
Il est convenu et décidé ce qui suit :
- La présente convention a pour objet de définir les conditions du soutien à l’association pour le projet suivant : (descriptif de l’action ou de la manifestation)
- L’entreprise mécène s’engage à mettre à disposition le personnel suivant : représentant une valeur de … € sur la période de …
Pour valoriser ce mécénat de compétences, l’entreprise s’engage à comptabiliser et à valoriser le temps passé sur la mission sus nommée, soit le nombre d’heures passées x salaire horaire chargé (son commissaire aux comptes devra valider ce montant de salaire chargé).
L’association pourra ainsi remettre à l’entreprise un reçu fiscal précisant le nombre d’heures et le coût équivalent donné à l’association.
Conformément à l’article 238bis du code général des impôts, ce don en temps donnera droit à une réduction d’impôt égale à 60 % du montant des sommes versées dans la limite de 0,5% du C.A. HT.
Conditions
- (optionnel / à adapter) L’association s’engage à faire figurer le nom de l’entreprise donatrice sur les supports d’information de l’action ou de la manifestation.
- La présente convention est établie en vertu des dispositions de l’article 238 bis du CGI
- La présente convention prendra effet à sa date de signature et prendra fin le ….
Dans le cas où l’une des parties ne respecterait pas ses obligations contractuelles, cette convention serait résiliée de plein droit. En cas de litige, les parties conviennent d’une conciliation à l’amiable.
Signatures
Date, lieu et signatures :
A … le …
Représentant de l’entreprise / Représentant de l’association
Cargo
I think the actual harm of signing git commits is to perpetuate an engineering culture of unquestioningly cargo-culting sophisticated and complex tools like cryptographic signatures into new contexts where they have no use.
Just from a baseline utilitarian philosophical perspective, for a given action A, all else being equal, it’s always better not to do A, because taking an action always has some non-zero opportunity cost even if it is just the time taken to do it. Epsilon cost and zero benefit is still a net harm. This is even more true in the context of a complex system. Any action taken in response to a rule in a system is going to interact with all the other rules in that system. You have to pay complexity-rent on every new rule. So an apparently-useless embellishment like signing commits can have potentially far-reaching consequences in the future.
J’avoue avoir sauté sur l’occasion lorsque j’en ai eu la possibilité avec mon client git pour avoir le badge vert sur Microsoft GitHub et Gitlab sans trop me poser de questions. C’était peut-être une erreur et je vais faire mûrir ma réflexion maintenant qu’on m’a mis le nez dedans.
Entre refus de parvenir et auto-défense numérique.
Cette lutte ne créera pas un mouvement de masse…
Mais elle est un ingrédient, parmi de nombreuses autres luttes territoriales, qui toutes façonnent ces mêmes possibilités affectives…
Se sentir coïncider non pas avec soi-même mais avec un milieu de vie…
Se sentir maillé à un vaste collectif d’humains et de non-humains…
Des affects, qui constituent la nécessaire force motrice du mouvement que nous espérons voir croître.
La justesse d’Alessandro Pignocchi et les couleurs de ses aquarelles 💚.
Every time I have told someone “I want to replace PDF“, the statement has been met with extreme skepticism. Hopefully this document has convinced you that HTML-via-EPUB could potentially be a viable and desirable document format for the future.
Superbe initiative qui rappelle cruellement ce célèbre XKCD mais qui m’est franchement bien plus utilisable qu’un PDF, quel que soit le lecteur… à part pour en récupérer la source avec mon extracteur maison. Cela me fait découvrir Nota au passage.
Un simple individu peut-il faire bouger des choses dans le domaine ?
Les sites et outils numériques que je propose
Beaucoup de belles et frugales choses (autour de markdown) à explorer sur cet espace.