Téotime Pacreau's Avatar

Téotime Pacreau

@teotimepacreau.fr

https://www.teotimepacreau.fr/ Conduite de projets numériques à Nantes & mains dans le code Front : #HTML #CSS #Javascript #Eleventy #Svelte Back : #SQL #SQLite #Fastify #Linux #Docker #Git

124
Followers
263
Following
32
Posts
30.04.2023
Joined
Posts Following

Latest posts by Téotime Pacreau @teotimepacreau.fr

Preview
GitHub - slunsford/uncharted Contribute to slunsford/uncharted development by creating an account on GitHub.

My @11ty.dev plugin, Uncharted, is an early WIP. Turns CSVs into CSS charts with optional animations and customizable classes. Currently supports five chart types—more to come soon (most likely as I need them for #TidyTuesday). Feedback/PRs welcome!
github.com/slunsford/uncharted
#DataBS #DataSky

20.01.2026 19:26 👍 10 🔁 3 💬 0 📌 0
A dot chart titled “Al-doption Curve” and subtitled “Al-assisted commits and PRs since May 2025 adoption”, showing dots for pull requests increasing steadily from May to 22 in December, and dots for commits increasing slowly until September and then steeply from October to December, where they reach 53.

A dot chart titled “Al-doption Curve” and subtitled “Al-assisted commits and PRs since May 2025 adoption”, showing dots for pull requests increasing steadily from May to 22 in December, and dots for commits increasing slowly until September and then steeply from October to December, where they reach 53.

A horizontal bar chart titled “One in a Thousand” and subtitled “African languages with 1000 or fewer native speakers”. The languages shown in this portion of the chart range from 12 to 500 speakers. The legend at the top lists 12 countries in Africa, with the bars color coded to match.

A horizontal bar chart titled “One in a Thousand” and subtitled “African languages with 1000 or fewer native speakers”. The languages shown in this portion of the chart range from 12 to 500 speakers. The legend at the top lists 12 countries in Africa, with the bars color coded to match.

A donut chart titled “Planetary Leaderboard” and subtitled “Mentions of each planet in the APOD between 2007 and 2025”
Mercury 197
Venus 345
Earth 3146
Mars 518
Jupiter 500
Saturn 461
Neptune 50
Uranus 45

A donut chart titled “Planetary Leaderboard” and subtitled “Mentions of each planet in the APOD between 2007 and 2025” Mercury 197 Venus 345 Earth 3146 Mars 518 Jupiter 500 Saturn 461 Neptune 50 Uranus 45

A dot chart titled “(Annual) Planetary Leaderboard” and subtitled “Mentions of each planet in the APOD by year”, showing dots for each planet for the years 2007 to 2025. Earth is between 135 and 189 each year, while the other planets are all below 50 each per year.

A dot chart titled “(Annual) Planetary Leaderboard” and subtitled “Mentions of each planet in the APOD by year”, showing dots for each planet for the years 2007 to 2025. Earth is between 135 and 189 each year, while the other planets are all below 50 each per year.

New year, new #TidyTuesday site. I'm building this on @11ty.dev now (like all my other websites) and developing a new plugin for generating charts. First three weeks of 2026 are up.
tidytuesday.seanlunsford.com/
#DataBS #DataSky

20.01.2026 19:26 👍 3 🔁 1 💬 2 📌 0
Preview
Washington Post Raid Is a Frightening Reminder: Turn Off Your Phone’s Biometrics Now The search warrant to raid a Washington Post reporter’s home shows how authorities can open your phone without your consent.

Biometric locks for phones aren’t just convenient for you, they are convenient for the cops.

“explicitly authorized law enforcement personnel to obtain Natanson’s phone and both hold the device in front of her face and to forcibly use her fingers to unlock it”
theintercept.com/2026/01/30/w...

02.02.2026 08:22 👍 2265 🔁 1314 💬 150 📌 97
Preview
Fiché par son notaire ou son banquier : les dérives de la surveillance contre le blanchiment Les banquiers, mais également les notaires, les assureurs ou les avocats sont soumis à des obligations de vérification de plus en plus fortes au nom de la lutte contre le blanchiment et le financement du terrorisme. En face, les clients n’ont quasiment aucun recours. 

Fiché par son notaire ou son banquier : les dérives de la surveillance contre le blanchiment

Par @jeromehourdeaux.bsky.social

02.02.2026 13:20 👍 32 🔁 19 💬 1 📌 2
Preview
Design in code, get praise Adam Silver – interaction designer - London, UK

A great rundown of actual prototypes being so much better than interactive pictures, AKA Figma prototypes.

adamsilver.io/blog/design-...

22.01.2026 16:02 👍 6 🔁 1 💬 0 📌 0

#MatthewButterick

21.01.2026 05:59 👍 1 🔁 0 💬 0 📌 0
couverture d'illustration de l'article dont le titre est designer des tableaux clairs et efficaces

couverture d'illustration de l'article dont le titre est designer des tableaux clairs et efficaces

Les tableaux sont plus adaptés pour présenter des valeurs, les comparer ou présenter des unités de mesure multiples. A contrario, les graphiques, sont plus adaptés pour démontrer les tendances, anomalies et relations.

Edward Tufte et Charlie Munger ont tous deux apportés des éclairages méthodologiques pour choisir entre tableau ou graphique.

Collage photo représentant Edward Tufte, Charlie Munger, Matthew Butterick

Les tableaux sont plus adaptés pour présenter des valeurs, les comparer ou présenter des unités de mesure multiples. A contrario, les graphiques, sont plus adaptés pour démontrer les tendances, anomalies et relations. Edward Tufte et Charlie Munger ont tous deux apportés des éclairages méthodologiques pour choisir entre tableau ou graphique. Collage photo représentant Edward Tufte, Charlie Munger, Matthew Butterick

Bonnes pratiques de mise en forme d’un tableau
les multiples bordures peuvent être évitées en utilisant l’alignement naturel des éléments, ou en insérant des sauts d’espacement

le contenu détermine la taille des colonnes, étirer un tableau sur toute la largeur est contreproductif

les nombres sont alignés à droite pour faciliter leur lecture (compréhension facilitée des structures de nombres)

les titres de colonnes doivent toujours être alignés avec le contenu de leur colonne pour guider la lecture

Bonnes pratiques de mise en forme d’un tableau les multiples bordures peuvent être évitées en utilisant l’alignement naturel des éléments, ou en insérant des sauts d’espacement le contenu détermine la taille des colonnes, étirer un tableau sur toute la largeur est contreproductif les nombres sont alignés à droite pour faciliter leur lecture (compréhension facilitée des structures de nombres) les titres de colonnes doivent toujours être alignés avec le contenu de leur colonne pour guider la lecture

Choisir une typographie adaptée à la présentation de données
Dans certaines typographies, les chiffres ont des largeurs différentes, on souhaite plutôt que chaque chiffre ait la même largeur afin de préserver la structure visuelle des nombres

Illustration de la différence d'apparition visuelle de chiffres avec un paramétrage tabulaire et non-tabulaire : avec un paramétrage tabulaire les chiffres ont tous la même largeur alors que la réciproque est fausse

Choisir une typographie adaptée à la présentation de données Dans certaines typographies, les chiffres ont des largeurs différentes, on souhaite plutôt que chaque chiffre ait la même largeur afin de préserver la structure visuelle des nombres Illustration de la différence d'apparition visuelle de chiffres avec un paramétrage tabulaire et non-tabulaire : avec un paramétrage tabulaire les chiffres ont tous la même largeur alors que la réciproque est fausse

Comment designer des tableaux clairs et efficaces ?
Quelle forme de présentation de données choisir entre tableaux et graphiques, bonnes pratiques de représentation de l'information en tableau et traduction en #WebDev
www.teotimepacreau.fr/blog/designe...
#UX #UI #CharlieMunger #Tufte #EdwardTufte

21.01.2026 05:59 👍 1 🔁 0 💬 1 📌 0
icones de base de données, en l'occurrence XML, et RSS

icones de base de données, en l'occurrence XML, et RSS

DATA 📚 CYBERSÉCURITÉ 🛡

Disparition programmée du langage XSLT par Google. À lire sur l'Atlas des flux pour juger des arguments sur la sécurité, et en mesurer les conséquences sur les standards du web.
atlasflux.saynete.net/index.php?ar...

#xslt #xml #rss #podcast #w3c #cybersécurité #chrome

17.11.2025 11:11 👍 0 🔁 2 💬 0 📌 0
Preview
L'expérience Wavestone

"L'expérience" Wavestone
www.teotimepacreau.fr/blog/experie...
#wavestone #cabinetdeconseil

05.01.2026 11:34 👍 1 🔁 0 💬 0 📌 0
Preview
Reloading a Document (and Preserving Query String Parameters) Using Only HTML Writing about the big beautiful mess that is making things for the world wide web.

Do you know the difference between

<a href=".">

And

<a href="">

"." resolves to the current path but doesn't preserve search params and hash, whereas "" will preserve both!

I (re)learned this when I found my own blog post.

blog.jim-nielsen.com/2023/reloadi...

24.06.2025 16:19 👍 6 🔁 2 💬 0 📌 0
Preview
Bonnes pratiques pour générer un flux RSS Analyse des éléments à prendre en compte pour générer un flux et le partager au plus grand nombre

Bonnes pratiques pour générer un flux RSS

Analyse des éléments à prendre en compte pour générer un flux et le partager au plus grand nombre. Comparaison entre RSS 2.0, Atom 1.0 et JSON.
www.teotimepacreau.fr/blog/bonnes-...

#RSS #Atom #JSON #WebFeed #IndieWeb

21.06.2025 12:47 👍 3 🔁 0 💬 0 📌 0

Miniflux français et en français

01.06.2025 09:02 👍 0 🔁 0 💬 0 📌 0

www.teotimepacreau.fr/feed/feed.xml

01.06.2025 08:47 👍 0 🔁 0 💬 0 📌 0
capture d'écran blog https://lecodeestdanslepre.fr/billets

capture d'écran blog https://lecodeestdanslepre.fr/billets

le "voir plus" ne fonctionne pas sur Brave

01.06.2025 08:44 👍 0 🔁 0 💬 1 📌 0
Preview
Conception du site et blogroll

Lecteur : Miniflux
Liste de flux RSS orienté webdev et indieweb : www.teotimepacreau.fr/colophon/

01.06.2025 08:35 👍 1 🔁 0 💬 1 📌 0

la documentation est malheureusement très réduite... ton outil vise quel but ? #RSS

01.06.2025 08:29 👍 0 🔁 0 💬 1 📌 0
capture d'écran recherche Nitter KO : no items found

capture d'écran recherche Nitter KO : no items found

01.06.2025 08:26 👍 0 🔁 0 💬 1 📌 0

ça fonctionne de nouveau ? Je pensais que non depuis que Twitter a coupé son API

01.06.2025 08:24 👍 0 🔁 0 💬 1 📌 0

Miniflux

01.06.2025 08:18 👍 0 🔁 0 💬 0 📌 0
Preview
Comprendre l'évolution des prix de l'immobilier en France Quelles données et ressources retenir pour anticiper les évolutions de l'immobilier ancien en France

Comment comprendre l'évolution des prix de l'immobilier ? A partir de quelles données sont fixés les taux des banques ? Quelques ressources de qualité et données en source ouverte pour comprendre et anticiper les évolutions de volume/prix.
#Immobilier
www.teotimepacreau.fr/blog/compren...

30.03.2025 11:09 👍 0 🔁 0 💬 0 📌 0
Preview
Comprendre l'évolution des prix de l'immobilier en France Quelles données et ressources retenir pour anticiper les évolutions de l'immobilier ancien en France

Comment comprendre l'évolution des prix de l'immobilier ? A partir de quelles données sont fixés les taux des banques ? Quelques ressources et données sur lesquelles s'appuyer pour comprendre les évolutions de volume/prix.

www.teotimepacreau.fr/blog/compren...

#Immobilier #Taux #Economie

12.03.2025 15:14 👍 4 🔁 0 💬 0 📌 0
Video thumbnail

Le site de recherche en complément du site Cards & Coding est presque terminé :)

01.03.2025 18:04 👍 4 🔁 1 💬 2 📌 0
RSS is Wonderful · Quakkels.com Inspired by Web Rings from the 90s, I created a tool for serendipitous discovery of blogs called RSS Discovery Engine. Similar to how web rings work, I make the assumption that interesting blogs will ...

- Cette commande retourne 5 articles aléatoires du catalogue indieblog.page
- le "RSS Discovery Engine", un moteur de recherche qui permet de découvrir les flux RSS de blogs similaires à un site en particulier. quakkels.com/posts/rss-is...

24.02.2025 18:12 👍 1 🔁 0 💬 0 📌 0
Tell HN: Five random IndieWeb blog links on your terminal | Hacker News

Le web indépendant souffre d'un problème de découvrabilité de nouveau contenu. Voici deux outils pour découvrir du contenu indépendant de qualité :

- 5 liens de blog #IndieWeb aléatoires dans votre terminal :
news.ycombinator.com/item?id=4314...
-

24.02.2025 18:12 👍 2 🔁 0 💬 1 📌 0
Preview
Le blog de Téotime Pacreau

www.teotimepacreau.fr/blog/

24.02.2025 13:47 👍 2 🔁 0 💬 1 📌 0
Capture d'écran de l'application Mission Center pour Linux.

Capture d'écran de l'application Mission Center pour Linux.

J'ai découvert cette application #Linux dont je ne pourrai plus me passer. C'est un clone du gestionnaire de tâches de Windows pour voir les ressources système, arrêter des processus, etc.

Mission Center : missioncenter.io #OpenSource #Fedora #Ubuntu

31.01.2025 16:49 👍 10 🔁 3 💬 2 📌 2

Le diagramme de séquence du marché UGAP 🤣

31.01.2025 21:22 👍 1 🔁 0 💬 0 📌 0
Post image

Quand tu dois passer une commande sur un marché public

Process hyper compliqué qui coûte un pognon de dingue avec des UIs de l'enfer

#KillMe #90s

31.01.2025 07:52 👍 4 🔁 1 💬 2 📌 0
Preview
L’affaire DeepSeek et le futur de l’IA, une conversation avec Gary Marcus | Le Grand Continent « La course à la suprématie de l'IA est pour l’instant terminée — et les États-Unis ne l’ont pas emportée. » Psychologue et scientifique cognitif, Gary Marcus critique depuis longtemps Sam Altman et...

100% raccord avec la conclusion de cet entretien passionnant avec le chercheur Guy Marcus

"Je suis convaincu d’une chose : la course interminable autour des LLM drainera des ressources qui pourraient être consacrées au développement d’idées plus originales."

legrandcontinent.eu/fr/2025/01/2...

31.01.2025 08:39 👍 4 🔁 3 💬 0 📌 0