From 546b2c3bc1ae6877ebad1b1232ca3468b6433fb2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20Poupard?=
Date: Mon, 20 Apr 2026 11:01:46 +0200
Subject: [PATCH 1/4] feat: block AI crawler from robots.txt
---
_src/robots.njk | 97 ++++++++++++++++++++++++++++++++++++++++++++++++-
docs/robots.txt | 97 ++++++++++++++++++++++++++++++++++++++++++++++++-
2 files changed, 190 insertions(+), 4 deletions(-)
diff --git a/_src/robots.njk b/_src/robots.njk
index 5da317d8..1acc72e2 100644
--- a/_src/robots.njk
+++ b/_src/robots.njk
@@ -5,5 +5,98 @@ eleventyComputed:
---
Sitemap: {{ site.url }}/sitemap.xml
-User-agent: *
-Disallow:
+# Block all known AI crawlers and assistants
+# from using content for training AI models.
+# Source: https://robotstxt.com/ai
+User-Agent: GPTBot
+User-Agent: ClaudeBot
+User-Agent: Claude-User
+User-Agent: Claude-SearchBot
+User-Agent: CCBot
+User-Agent: Google-Extended
+User-Agent: Applebot-Extended
+User-Agent: Facebookbot
+User-Agent: Meta-ExternalAgent
+User-Agent: Meta-ExternalFetcher
+User-Agent: diffbot
+User-Agent: PerplexityBot
+User-Agent: Perplexity‑User
+User-Agent: Omgili
+User-Agent: Omgilibot
+User-Agent: webzio-extended
+User-Agent: ImagesiftBot
+User-Agent: Bytespider
+User-Agent: TikTokSpider
+User-Agent: Amazonbot
+User-Agent: Youbot
+User-Agent: SemrushBot-OCOB
+User-Agent: Petalbot
+User-Agent: VelenPublicWebCrawler
+User-Agent: TurnitinBot
+User-Agent: Timpibot
+User-Agent: OAI-SearchBot
+User-Agent: ICC-Crawler
+User-Agent: AI2Bot
+User-Agent: AI2Bot-Dolma
+User-Agent: DataForSeoBot
+User-Agent: AwarioBot
+User-Agent: AwarioSmartBot
+User-Agent: AwarioRssBot
+User-Agent: Google-CloudVertexBot
+User-Agent: PanguBot
+User-Agent: Kangaroo Bot
+User-Agent: Sentibot
+User-Agent: img2dataset
+User-Agent: Meltwater
+User-Agent: Seekr
+User-Agent: peer39_crawler
+User-Agent: cohere-ai
+User-Agent: cohere-training-data-crawler
+User-Agent: DuckAssistBot
+User-Agent: Scrapy
+User-Agent: Cotoyogi
+User-Agent: aiHitBot
+User-Agent: Factset_spyderbot
+User-Agent: FirecrawlAgent
+User-Agent: bedrockbot
+User-Agent: DeepSeekBot
+User-Agent: GoogleAgent-Mariner
+User-Agent: Gemini-Deep-Research
+User-Agent: Google-NotebookLM
+User-Agent: Google-Agent
+User-Agent: GoogleAgent-URLContext
+User-Agent: Google-Firebase
+User-Agent: MistralAI-User
+User-Agent: SemrushBot-FT
+User-Agent: SemrushBot-ESI
+User-Agent: AddSearchBot
+User-Agent: bigsur.ai
+User-Agent: Brightbot
+User-Agent: Crawlspace
+User-Agent: EchoboxBot
+User-Agent: FriendlyCrawler
+User-Agent: LinerBot
+User-Agent: Panscient
+User-Agent: Panscient.com
+User-Agent: Poseidon Research Crawler
+User-Agent: SBIntuitionsBot
+User-Agent: TerraCotta
+User-Agent: Thinkbot
+User-Agent: Yak
+User-Agent: YandexAdditional
+User-Agent: YandexAdditionalBot
+
+Disallow: /
+DisallowAITraining: /
+
+# Block any non-specified AI crawlers (e.g., new
+# or unknown bots) from using content for training
+# AI models, while allowing the website to be
+# indexed and accessed by bots. These directives
+# are still experimental and may not be supported
+# by all AI crawlers.
+User-Agent: *
+DisallowAITraining: /
+Content-Usage: ai=n
+Content-Signal: search=yes, ai-input=no, ai-train=no
+Allow: /
diff --git a/docs/robots.txt b/docs/robots.txt
index da610525..2aef7937 100644
--- a/docs/robots.txt
+++ b/docs/robots.txt
@@ -1,4 +1,97 @@
Sitemap: https://www.ffoodd.fr/sitemap.xml
-User-agent: *
-Disallow:
+# Block all known AI crawlers and assistants
+# from using content for training AI models.
+# Source: https://robotstxt.com/ai
+User-Agent: GPTBot
+User-Agent: ClaudeBot
+User-Agent: Claude-User
+User-Agent: Claude-SearchBot
+User-Agent: CCBot
+User-Agent: Google-Extended
+User-Agent: Applebot-Extended
+User-Agent: Facebookbot
+User-Agent: Meta-ExternalAgent
+User-Agent: Meta-ExternalFetcher
+User-Agent: diffbot
+User-Agent: PerplexityBot
+User-Agent: Perplexity‑User
+User-Agent: Omgili
+User-Agent: Omgilibot
+User-Agent: webzio-extended
+User-Agent: ImagesiftBot
+User-Agent: Bytespider
+User-Agent: TikTokSpider
+User-Agent: Amazonbot
+User-Agent: Youbot
+User-Agent: SemrushBot-OCOB
+User-Agent: Petalbot
+User-Agent: VelenPublicWebCrawler
+User-Agent: TurnitinBot
+User-Agent: Timpibot
+User-Agent: OAI-SearchBot
+User-Agent: ICC-Crawler
+User-Agent: AI2Bot
+User-Agent: AI2Bot-Dolma
+User-Agent: DataForSeoBot
+User-Agent: AwarioBot
+User-Agent: AwarioSmartBot
+User-Agent: AwarioRssBot
+User-Agent: Google-CloudVertexBot
+User-Agent: PanguBot
+User-Agent: Kangaroo Bot
+User-Agent: Sentibot
+User-Agent: img2dataset
+User-Agent: Meltwater
+User-Agent: Seekr
+User-Agent: peer39_crawler
+User-Agent: cohere-ai
+User-Agent: cohere-training-data-crawler
+User-Agent: DuckAssistBot
+User-Agent: Scrapy
+User-Agent: Cotoyogi
+User-Agent: aiHitBot
+User-Agent: Factset_spyderbot
+User-Agent: FirecrawlAgent
+User-Agent: bedrockbot
+User-Agent: DeepSeekBot
+User-Agent: GoogleAgent-Mariner
+User-Agent: Gemini-Deep-Research
+User-Agent: Google-NotebookLM
+User-Agent: Google-Agent
+User-Agent: GoogleAgent-URLContext
+User-Agent: Google-Firebase
+User-Agent: MistralAI-User
+User-Agent: SemrushBot-FT
+User-Agent: SemrushBot-ESI
+User-Agent: AddSearchBot
+User-Agent: bigsur.ai
+User-Agent: Brightbot
+User-Agent: Crawlspace
+User-Agent: EchoboxBot
+User-Agent: FriendlyCrawler
+User-Agent: LinerBot
+User-Agent: Panscient
+User-Agent: Panscient.com
+User-Agent: Poseidon Research Crawler
+User-Agent: SBIntuitionsBot
+User-Agent: TerraCotta
+User-Agent: Thinkbot
+User-Agent: Yak
+User-Agent: YandexAdditional
+User-Agent: YandexAdditionalBot
+
+Disallow: /
+DisallowAITraining: /
+
+# Block any non-specified AI crawlers (e.g., new
+# or unknown bots) from using content for training
+# AI models, while allowing the website to be
+# indexed and accessed by bots. These directives
+# are still experimental and may not be supported
+# by all AI crawlers.
+User-Agent: *
+DisallowAITraining: /
+Content-Usage: ai=n
+Content-Signal: search=yes, ai-input=no, ai-train=no
+Allow: /
From 0cf2d4732bf6db59031d0a206ccec98586d51da0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20Poupard?=
Date: Mon, 20 Apr 2026 16:01:59 +0200
Subject: [PATCH 2/4] feat: ASCII logo in humans.txt
---
_src/humans.txt | 22 ++++++++++++++++++++++
1 file changed, 22 insertions(+)
diff --git a/_src/humans.txt b/_src/humans.txt
index 7a2ae9c4..f01704bd 100644
--- a/_src/humans.txt
+++ b/_src/humans.txt
@@ -1,3 +1,25 @@
+ ●●●●●● ●●●●●●
+ ●●●●●●●●●●●●●●●●●● ●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●●●●●●●●●●●●● ●●●●●●●
+●●●●●●●●●●●●●●● ●●●●●●●●● ●●●●●●●●
+●●●●●●●●●●●●● ●●●●●●●
+●●●●●●●●●●●●●● ●●●●●●●●
+●●●●●●●●●●●●●●●●● ●●●●●●●●●●●●●
+●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●
+ ●●●●●●●●●
+ ●●●●●●●●
+ ●●●●●●●●●●●
+ ●●●●●
+ ●●●●
+ ●●
+ ●
+
+
/* TEAM */
Gaël Poupard
From d26dd3b77ecf1aeeafff1cfcc2f9703ee0aa6f18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20Poupard?=
Date: Mon, 20 Apr 2026 16:02:52 +0200
Subject: [PATCH 3/4] chore: generator version
---
docs/21e-seminaire-accessiweb/index.html | 2 +-
docs/25e-jour-de-web/index.html | 2 +-
docs/404.html | 2 +-
docs/a-qui-parlent-vos-css/index.html | 2 +-
docs/a-venir-ffeeeedd/index.html | 2 +-
docs/a11y-css-version-deux/index.html | 2 +-
docs/a11y-cssun-credo/index.html | 2 +-
docs/accesslide-la-prise-en-main/index.html | 2 +-
.../index.html | 2 +-
docs/armony-altinier/index.html | 2 +-
docs/astuces-ateliers-html-mutant/index.html | 2 +-
docs/atterrissage-reussi/index.html | 2 +-
docs/avec-ou-sans-js/index.html | 2 +-
docs/cache-cache-css/index.html | 2 +-
docs/calculez/index.html | 2 +-
.../index.html | 2 +-
docs/clip-path-pourquoi-pas/index.html | 2 +-
docs/css-experienceinherit/index.html | 2 +-
docs/cv/index.html | 2 +-
docs/decouvrez-le-calcul-magique/index.html | 2 +-
docs/dessine-moi-un-bouton/index.html | 2 +-
docs/ethymologie-du-web/index.html | 2 +-
docs/experience-de-typecast/index.html | 2 +-
.../index.html | 2 +-
docs/feed/index.xml | 162 ++++++++++--------
.../index.html | 2 +-
docs/html-comme-fondation/index.html | 2 +-
.../index.html | 2 +-
docs/index.html | 14 +-
docs/javascript-and-jquery/index.html | 2 +-
docs/journal/index.html | 51 +++---
docs/journal/page/10/index.html | 52 +++---
docs/journal/page/11/index.html | 36 ++--
docs/journal/page/12/index.html | 37 ++--
docs/journal/page/13/index.html | 53 +++---
docs/journal/page/14/index.html | 52 +++---
docs/journal/page/15/index.html | 27 ++-
docs/journal/page/2/index.html | 52 +++---
docs/journal/page/3/index.html | 51 +++---
docs/journal/page/4/index.html | 51 +++---
docs/journal/page/5/index.html | 52 +++---
docs/journal/page/6/index.html | 52 +++---
docs/journal/page/7/index.html | 52 +++---
docs/journal/page/8/index.html | 52 +++---
docs/journal/page/9/index.html | 52 +++---
docs/karl-groves/index.html | 2 +-
docs/l-etat-des-champs/index.html | 2 +-
docs/la-dette-technique/index.html | 2 +-
.../index.html | 2 +-
.../index.html | 2 +-
.../index.html | 2 +-
docs/le-sens-de-la-semantique/index.html | 2 +-
docs/le-soulignement-factice/index.html | 2 +-
docs/le-web-en-kit/index.html | 2 +-
docs/lecture-accessibilite-web/index.html | 2 +-
.../index.html | 2 +-
docs/lecture-webgrids/index.html | 2 +-
docs/les-champs-images-casses/index.html | 2 +-
docs/les-elements-remplaces/index.html | 2 +-
"docs/les-nouveautes-d\312\274ie4/index.html" | 2 +-
docs/les-sprites-negatifs/index.html | 2 +-
docs/liens-devitement-persistants/index.html | 2 +-
docs/marie-guillaumet/index.html | 2 +-
docs/masquage-accessible-de-pointe/index.html | 2 +-
docs/mentions-legales/index.html | 2 +-
docs/mon-epopee-au-devquest/index.html | 2 +-
docs/mutisme-relatif/index.html | 2 +-
docs/nantescss/index.html | 2 +-
docs/napoleon-bonaparte/index.html | 2 +-
docs/navigation-aria-et-wordpress/index.html | 2 +-
.../index.html | 2 +-
docs/now/index.html | 2 +-
docs/p-mendelson/index.html | 2 +-
docs/paris-web-et-la-vie/index.html | 2 +-
docs/politique-de-confidentialite/index.html | 2 +-
.../index.html | 2 +-
docs/que-se-passerait-il/index.html | 2 +-
docs/reflexion-sur-sass/index.html | 2 +-
.../index.html" | 2 +-
docs/retour-de-paris-web/index.html | 2 +-
docs/sass-commencez-par-les-deux-s/index.html | 2 +-
docs/sass-compass-avance/index.html | 2 +-
docs/sass-pour-les-webdesigners/index.html | 2 +-
docs/semantique-de-l-interaction/index.html | 2 +-
docs/sitemap.xml | 118 +++++++------
docs/swirl-in-style/index.html | 2 +-
docs/travaux/index.html | 2 +-
.../index.html | 2 +-
docs/un-fichier-vide/index.html | 2 +-
.../index.html | 2 +-
docs/vitesse-precipitation/index.html | 2 +-
docs/wordpress-3-5-est-mediaphobe/index.html | 2 +-
docs/wp-tech-2014/index.html | 2 +-
docs/wpmx-day/index.html | 2 +-
94 files changed, 609 insertions(+), 559 deletions(-)
diff --git a/docs/21e-seminaire-accessiweb/index.html b/docs/21e-seminaire-accessiweb/index.html
index 121864f6..333c28ff 100644
--- a/docs/21e-seminaire-accessiweb/index.html
+++ b/docs/21e-seminaire-accessiweb/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/25e-jour-de-web/index.html b/docs/25e-jour-de-web/index.html
index 9674ca6a..710f1030 100644
--- a/docs/25e-jour-de-web/index.html
+++ b/docs/25e-jour-de-web/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/404.html b/docs/404.html
index 844b8889..04cb0560 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/a-qui-parlent-vos-css/index.html b/docs/a-qui-parlent-vos-css/index.html
index b6ef6635..dc5c1f58 100644
--- a/docs/a-qui-parlent-vos-css/index.html
+++ b/docs/a-qui-parlent-vos-css/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/a-venir-ffeeeedd/index.html b/docs/a-venir-ffeeeedd/index.html
index b6ae3e68..377bd772 100644
--- a/docs/a-venir-ffeeeedd/index.html
+++ b/docs/a-venir-ffeeeedd/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/a11y-css-version-deux/index.html b/docs/a11y-css-version-deux/index.html
index 86072fd2..1fce3dc6 100644
--- a/docs/a11y-css-version-deux/index.html
+++ b/docs/a11y-css-version-deux/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/a11y-cssun-credo/index.html b/docs/a11y-cssun-credo/index.html
index 7964c6f4..4be0455d 100644
--- a/docs/a11y-cssun-credo/index.html
+++ b/docs/a11y-cssun-credo/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/accesslide-la-prise-en-main/index.html b/docs/accesslide-la-prise-en-main/index.html
index 512d134e..3c29f330 100644
--- a/docs/accesslide-la-prise-en-main/index.html
+++ b/docs/accesslide-la-prise-en-main/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/ameliorer-les-images-dans-wordpress-avec-html5-et-aria/index.html b/docs/ameliorer-les-images-dans-wordpress-avec-html5-et-aria/index.html
index 5705873a..f7f66a29 100644
--- a/docs/ameliorer-les-images-dans-wordpress-avec-html5-et-aria/index.html
+++ b/docs/ameliorer-les-images-dans-wordpress-avec-html5-et-aria/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/armony-altinier/index.html b/docs/armony-altinier/index.html
index 89ebcd01..a679685d 100644
--- a/docs/armony-altinier/index.html
+++ b/docs/armony-altinier/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/astuces-ateliers-html-mutant/index.html b/docs/astuces-ateliers-html-mutant/index.html
index 89701a1b..1028596f 100644
--- a/docs/astuces-ateliers-html-mutant/index.html
+++ b/docs/astuces-ateliers-html-mutant/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/atterrissage-reussi/index.html b/docs/atterrissage-reussi/index.html
index 721dd992..6513ae85 100644
--- a/docs/atterrissage-reussi/index.html
+++ b/docs/atterrissage-reussi/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/avec-ou-sans-js/index.html b/docs/avec-ou-sans-js/index.html
index e13d091f..c264473f 100644
--- a/docs/avec-ou-sans-js/index.html
+++ b/docs/avec-ou-sans-js/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/cache-cache-css/index.html b/docs/cache-cache-css/index.html
index 0d2c5fbf..45ca76a3 100644
--- a/docs/cache-cache-css/index.html
+++ b/docs/cache-cache-css/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/calculez/index.html b/docs/calculez/index.html
index 6677f1ed..c77f61fd 100644
--- a/docs/calculez/index.html
+++ b/docs/calculez/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/choisir-ses-couleurs-pour-le-web/index.html b/docs/choisir-ses-couleurs-pour-le-web/index.html
index ea67a2d2..c12335c0 100644
--- a/docs/choisir-ses-couleurs-pour-le-web/index.html
+++ b/docs/choisir-ses-couleurs-pour-le-web/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/clip-path-pourquoi-pas/index.html b/docs/clip-path-pourquoi-pas/index.html
index 3a88b1b6..31d45c09 100644
--- a/docs/clip-path-pourquoi-pas/index.html
+++ b/docs/clip-path-pourquoi-pas/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/css-experienceinherit/index.html b/docs/css-experienceinherit/index.html
index 2d3d56d9..92786526 100644
--- a/docs/css-experienceinherit/index.html
+++ b/docs/css-experienceinherit/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/cv/index.html b/docs/cv/index.html
index 84099223..9e9e951b 100644
--- a/docs/cv/index.html
+++ b/docs/cv/index.html
@@ -8,7 +8,7 @@
-
+
diff --git a/docs/decouvrez-le-calcul-magique/index.html b/docs/decouvrez-le-calcul-magique/index.html
index 0fc15b23..b6f038d9 100644
--- a/docs/decouvrez-le-calcul-magique/index.html
+++ b/docs/decouvrez-le-calcul-magique/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/dessine-moi-un-bouton/index.html b/docs/dessine-moi-un-bouton/index.html
index 3ea90a5b..120a3ebd 100644
--- a/docs/dessine-moi-un-bouton/index.html
+++ b/docs/dessine-moi-un-bouton/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/ethymologie-du-web/index.html b/docs/ethymologie-du-web/index.html
index a592b31e..36f291b8 100644
--- a/docs/ethymologie-du-web/index.html
+++ b/docs/ethymologie-du-web/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/experience-de-typecast/index.html b/docs/experience-de-typecast/index.html
index 2ef1094c..01119deb 100644
--- a/docs/experience-de-typecast/index.html
+++ b/docs/experience-de-typecast/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/fabrice-flipo-michelle-dobree-et-marion-michot-la-face-cachee-du-numerique/index.html b/docs/fabrice-flipo-michelle-dobree-et-marion-michot-la-face-cachee-du-numerique/index.html
index dea82893..272ef54e 100644
--- a/docs/fabrice-flipo-michelle-dobree-et-marion-michot-la-face-cachee-du-numerique/index.html
+++ b/docs/fabrice-flipo-michelle-dobree-et-marion-michot-la-face-cachee-du-numerique/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/feed/index.xml b/docs/feed/index.xml
index cdf8ecda..0869841f 100644
--- a/docs/feed/index.xml
+++ b/docs/feed/index.xml
@@ -7,6 +7,28 @@
Intégrateur web à Nantes.fr-FR
+
+ IA bien qui IA le dernier
+ https://www.ffoodd.fr/ia-bien-qui-ia-le-dernier/
+ <ul>
+<li>Les externalités techniques : machines physiques, énergie, surface imperméabilisée, etc.</li>
+<li>Les impacts psychosociaux : perte d’esprit critique, mauvaise estimation du temps, biais de confirmation ++, orientation des idées par suggestion, perte de sens dans le travail, perte de travail tout court</li>
+<li>Les risques culturels : non respect des licences et de la propriété intellectuelle (que se passera-t-il quand du code sous licence sera retrouvé dans vos vibe coded apps ? Orange VS Entr’ouvert), opacité et invisibilisation des sources — voire mensonges / manipulations purs et durs, etc.</li>
+<li>Les risques de sécurité : envoyer des données à pétaouchnok, zéro confidentialité ni étanchéité</li>
+<li>L’impact sur l’apprentissage et l’expertise : besoin d’expertise pour gérer les résultats, donc experts++ et apprentis–</li>
+<li>Parti pris politique : lié au capitalisme extrême, exploitation des ressources et des gens (entraînements par des petites mains invisibles à Mada et ailleurs…), caisse de résonnance pour les discriminations (racisme, validisme, esxisme, etc.)…</li>
+<li>Les retours / observations par collègues interposés : temps passé important, besoin de recadrer souvent (retours Boris), risques de sécurité ++, besoin de cumuler les outils / agents / serveurs, délire des MCP (talk d’Antonin)</li>
+</ul>
+<p>Et que se passera t-il quand votre outil disparaîtra ?</p>
+<ul>
+<li>Les résultats côté accessibilité (audit, inté HTML / CSS, etc.) étaient jusque là très en retrait en terme de qualité par rapport au bon gros dévs : apparemment ça évolue en bien (Tenon, Romy, etc.).</li>
+</ul>
+
+ Mon, 20 Apr 2026 12:26:35 GMT
+ Gaël Poupard
+ https://www.ffoodd.fr/ia-bien-qui-ia-le-dernier/
+ 20 avril 2026
+ Masquage accessible de pointe
https://www.ffoodd.fr/masquage-accessible-de-pointe/
@@ -61,7 +83,7 @@
<li>La variante pour démasquer le contenu lors de la prise de focus n’est plus une remise à zéro, mais une autre classe conditionnée à l’état : <code>.visually-hidden-focusable:not(:focus, :focus-within)</code>, à l’instar de ce qui est fait <a href="https://github.com/twbs/bootstrap/pull/32440">dans Bootstrap depuis cinq ans déjà (sur GitHub, en anglais)</a> mais avec <a href="https://developer.mozilla.org/fr/docs/Web/CSS/:not">la syntaxe moderne de <code>:not()</code></a>.</li>
</ol>
- Tue, 11 Mar 2025 01:00:00 +0100
+ Tue, 11 Mar 2025 01:00:00 GMTGaël Poupardhttps://www.ffoodd.fr/masquage-accessible-de-pointe/11 mars 2025
@@ -260,7 +282,7 @@ window<span class="token punctuation">.</span><span cla
<p>Mais <strong>j’ai pu terminer en profitant des conseils des lecteurices, auteurices et camarades de discussion sur IRC</strong> — qui furent très enrichissants : merci à tous ceux qui ont participé, j’espère qu’ils se reconnaitront !</p>
<p><strong>Post-Scriptum</strong> : cet article est focalisé sur le défi de l’intégration du thème annuel, mais nous avons aussi fait le choix en amont de changer de CMS. Grâce à un impressionnant travail de Joachim Robert (qui s’est également fendu d’<a href="https://blog.professeurjoachim.com/billet/2024-11-22-30-jours-de-kirby-pour-24-jours-de-web">un article rétrospectif sur la migration vers Kirby</a> que je vous encourage à lire), c’est un succès — mais ça ajouté au défi puisque nous avons eu beaucoup d’ajustements à faire sur l’intégration commune, notamment sur l’affichage du contenu riche des articles.</p>
- Wed, 08 Jan 2025 01:00:00 +0100
+ Wed, 08 Jan 2025 01:00:00 GMTGaël Poupardhttps://www.ffoodd.fr/25e-jour-de-web/8 janvier 2025
@@ -421,7 +443,7 @@ window<span class="token punctuation">.</span><span cla
<h3 id="note" tabindex="-1">Note</h3>
<p>Cet article fait partie du « <i lang="en">Advent of Tech 2024 Onepoint</i> », <a href="https://dev.to/onepoint/advent-of-tech-2024-onepoint-le">une série d’articles tech</a> publiés par <a href="https://dev.to/onepoint">Onepoint sur dev.to</a> pour patienter jusqu’à Noël.</p>
- Mon, 18 Nov 2024 01:00:00 +0100
+ Mon, 18 Nov 2024 01:00:00 GMTGaël Poupardhttps://www.ffoodd.fr/astuces-ateliers-html-mutant/18 novembre 2024
@@ -490,7 +512,7 @@ Accompagné de deux collègues nantaises, Céline Mérand et Charline Humeau —
<p>J’en repars en ayant glâné de nouvelles connaissances, découvert quelques personnes et passé un très bon moment.</p>
<p>Bravo à l’équipe du devQuest, et merci à onepoint de nous permettre de partir en expédition pour des quêtes de ce genre !</p>
- Tue, 18 Jun 2024 16:09:15 +0200
+ Tue, 18 Jun 2024 16:09:15 GMTGaël Poupardhttps://www.ffoodd.fr/mon-epopee-au-devquest/18 juin 2024
@@ -569,7 +591,7 @@ Accompagné de deux collègues nantaises, Céline Mérand et Charline Humeau —
<p>Je crois que c’est le genre de choses qu’HTML permet : <code><details></code> et <code><summary></code> finiront par être implémentés et restitués de façon cohérente aux technologies d’assistance, rendant les enrichissements avec ARIA caduques. Le travail de Scott, du test très avancé aux articles de blogs et à l’ouverture de tickets de bug, est la voie à suivre. Les implémentations complètes dans les bibliothèques comme <a href="https://a11y-dialog.netlify.app/">a11y-dialog de Kitty Giraudel</a> permettent de gagner en maturité et de clarifier les attentes pour ces composants. Et avec l’augmentation des usages, les navigateurs et technologies d’assistance vont certainement reconsidérer leurs priorisations, dans des opérations comme Interop ou <a href="https://aria-at.w3.org/">ARIA-AT</a>.</p>
<p>Alors utilisons, testons, et aidons les navigateurs et technologies d’assistance à supporter ces nouveaux éléments HTML !</p>
- Thu, 22 Dec 2022 17:53:57 +0100
+ Thu, 22 Dec 2022 17:53:57 GMTGaël Poupardhttps://www.ffoodd.fr/html-comme-fondation/22 décembre 2022
@@ -626,7 +648,7 @@ Et bonne nouvelle, <a href="https://caniuse.com/#feat=css-placeholder-sh
</li>
</ol>
- Thu, 21 Dec 2017 15:09:15 +0100
+ Thu, 21 Dec 2017 15:09:15 GMTGaël Poupardhttps://www.ffoodd.fr/l-etat-des-champs/21 décembre 2017
@@ -664,7 +686,7 @@ OSEF !</p>
</li>
</ol>
- Mon, 03 Apr 2017 15:35:56 +0200
+ Mon, 03 Apr 2017 15:35:56 GMTGaël Poupardhttps://www.ffoodd.fr/calculez/3 avril 2017
@@ -749,7 +771,7 @@ document<span class="token punctuation">.</span>documentEl
</li>
</ol>
- Fri, 03 Feb 2017 18:02:05 +0100
+ Fri, 03 Feb 2017 18:02:05 GMTGaël Poupardhttps://www.ffoodd.fr/avec-ou-sans-js/3 février 2017
@@ -830,7 +852,7 @@ document<span class="token punctuation">.</span>documentEl
</li>
</ol>
- Thu, 08 Dec 2016 17:28:58 +0100
+ Thu, 08 Dec 2016 17:28:58 GMTGaël Poupardhttps://www.ffoodd.fr/les-nouveautes-d%CA%BCie4/8 décembre 2016
@@ -923,7 +945,7 @@ document<span class="token punctuation">.</span>documentEl
<p>Depuis la dernière mise à jour en 2019, d’autres changements ont été apportés. Je les ai récapitulés dans <a href="https://www.ffoodd.fr/masquage-accessible-de-pointe/"><cite>Masquage accessible de point</cite></a>.</p>
<hr />
- Thu, 13 Oct 2016 15:11:13 +0200
+ Thu, 13 Oct 2016 15:11:13 GMTGaël Poupardhttps://www.ffoodd.fr/cache-cache-css/13 octobre 2016
@@ -984,7 +1006,7 @@ Utiliser des propriétés de style dans le HTML revient à corrompre la sémanti
</li>
</ol>
- Fri, 24 Jun 2016 18:06:10 +0200
+ Fri, 24 Jun 2016 18:06:10 GMTGaël Poupardhttps://www.ffoodd.fr/le-sens-de-la-semantique/24 juin 2016
@@ -994,7 +1016,7 @@ Utiliser des propriétés de style dans le HTML revient à corrompre la sémanti
https://www.ffoodd.fr/nothing-is-obvious-to-the-uninformed/
<p>Nothing is obvious to the uninformed!</p>
- Wed, 25 May 2016 16:28:56 +0200
+ Wed, 25 May 2016 16:28:56 GMTGaël Poupardhttps://www.ffoodd.fr/nothing-is-obvious-to-the-uninformed/25 mai 2016
@@ -1017,7 +1039,7 @@ Utiliser des propriétés de style dans le HTML revient à corrompre la sémanti
</li>
</ol>
- Thu, 31 Mar 2016 12:27:00 +0200
+ Thu, 31 Mar 2016 12:27:00 GMTGaël Poupardhttps://www.ffoodd.fr/les-champs-images-casses/31 mars 2016
@@ -1081,7 +1103,7 @@ Utiliser des propriétés de style dans le HTML revient à corrompre la sémanti
</li>
</ol>
- Wed, 30 Mar 2016 12:07:39 +0200
+ Wed, 30 Mar 2016 12:07:39 GMTGaël Poupardhttps://www.ffoodd.fr/a-qui-parlent-vos-css/30 mars 2016
@@ -1101,7 +1123,7 @@ Utiliser des propriétés de style dans le HTML revient à corrompre la sémanti
</ol>
<p>Je force le trait évidemment, mais je ne souhaite que vous inciter à filer le lire ! Ce livre est important, il devrait vous plaire et surtout vous servir.</p>
- Fri, 19 Feb 2016 14:03:53 +0100
+ Fri, 19 Feb 2016 14:03:53 GMTGaël Poupardhttps://www.ffoodd.fr/la-dette-technique/19 février 2016
@@ -1136,7 +1158,7 @@ Utiliser des propriétés de style dans le HTML revient à corrompre la sémanti
</li>
</ol>
- Fri, 12 Feb 2016 20:29:10 +0100
+ Fri, 12 Feb 2016 20:29:10 GMTGaël Poupardhttps://www.ffoodd.fr/un-fichier-vide/12 février 2016
@@ -1146,7 +1168,7 @@ Utiliser des propriétés de style dans le HTML revient à corrompre la sémanti
https://www.ffoodd.fr/marie-guillaumet/
<p>Bien faire et laisser braire</p>
- Fri, 12 Feb 2016 20:28:52 +0100
+ Fri, 12 Feb 2016 20:28:52 GMTGaël Poupardhttps://www.ffoodd.fr/marie-guillaumet/12 février 2016
@@ -1204,7 +1226,7 @@ Utiliser des propriétés de style dans le HTML revient à corrompre la sémanti
<p>Alors voilà, il ne reste quʼà faire le premier pas. Et comme je suis un peu foufou, <a href="https://doodle.com/poll/7rv8ixe9tqc6kwdc">je vous propose des dates la semaine prochaine</a>, aux horaires dʼune pause déjeuner classique. Vous pouvez évidemment mʼindiquer ici-même où sur Twitter si vous avez dʼautres plages horaires de prédilection, ou si la semaine prochaine est un peu tôt pour vous.</p>
<p>PS : pour le nom, jʼavais pensé à <strong>la Communauté des Spécialistes des Styles</strong>. Je sais, je ne suis pas réputé pour mon humour 😶</p>
- Wed, 20 Jan 2016 14:59:51 +0100
+ Wed, 20 Jan 2016 14:59:51 GMTGaël Poupardhttps://www.ffoodd.fr/nantescss/20 janvier 2016
@@ -1302,7 +1324,7 @@ Utiliser des propriétés de style dans le HTML revient à corrompre la sémanti
</li>
</ol>
- Thu, 03 Dec 2015 13:30:49 +0100
+ Thu, 03 Dec 2015 13:30:49 GMTGaël Poupardhttps://www.ffoodd.fr/reserve-d%CA%BCespace-pour-le-contenu/3 décembre 2015
@@ -1355,7 +1377,7 @@ Modernizr<span class="token punctuation">.</span><span
</li>
</ol>
- Wed, 25 Nov 2015 16:06:44 +0100
+ Wed, 25 Nov 2015 16:06:44 GMTGaël Poupardhttps://www.ffoodd.fr/un-test-modernizr-pour-les-contrastes-eleves/25 novembre 2015
@@ -1498,7 +1520,7 @@ Modernizr<span class="token punctuation">.</span><span
</li>
</ol>
- Fri, 20 Nov 2015 16:16:37 +0100
+ Fri, 20 Nov 2015 16:16:37 GMTGaël Poupardhttps://www.ffoodd.fr/le-soulignement-factice/20 novembre 2015
@@ -1543,7 +1565,7 @@ Modernizr<span class="token punctuation">.</span><span
**<br />
Mais bon sang, quelle aventure pour un bête bouton qui ne veut pas se mettre en ligne !**</p>
- Mon, 16 Nov 2015 20:16:54 +0100
+ Mon, 16 Nov 2015 20:16:54 GMTGaël Poupardhttps://www.ffoodd.fr/les-elements-remplaces/16 novembre 2015
@@ -1602,7 +1624,7 @@ Mais bon sang, quelle aventure pour un bête bouton qui ne veut pas se mettre en
</li>
</ol>
- Fri, 30 Oct 2015 11:11:52 +0100
+ Fri, 30 Oct 2015 11:11:52 GMTGaël Poupardhttps://www.ffoodd.fr/le-web-en-kit/30 octobre 2015
@@ -1639,7 +1661,7 @@ Mais bon sang, quelle aventure pour un bête bouton qui ne veut pas se mettre en
<p>Jʼai toujours une multitude de projets en tête, mais la plupart relèvent de la sphère privée. Pour lʼaspect métier, je poursuis mes travaux sur <a href="https://github.com/ffoodd/a11y.css">a11y.css</a> — même si ça sʼavère de plus en plus lent. Jʼai planifié deux nouvelles bornes, lʼune technique et lʼautre « identitaire » (graphisme, ligne éditoriale, réseaux sociaux…).</p>
<p>Et jʼai toujours de nombreux articles en attente. Vous repassez bientôt ?</p>
- Fri, 16 Oct 2015 11:22:50 +0200
+ Fri, 16 Oct 2015 11:22:50 GMTGaël Poupardhttps://www.ffoodd.fr/paris-web-et-la-vie/16 octobre 2015
@@ -1676,7 +1698,7 @@ Mais bon sang, quelle aventure pour un bête bouton qui ne veut pas se mettre en
<p><strong>Une invitation est également lancée aux professionnels du web – qui utiliseraient couramment un CMS oublié de ce séminaire – de se plier à l’exercice d’évaluer l’accessibilité de leur outil préféré afin d’enrichir le comparatif.</strong></p>
<p>Pour conclure, je suis réellement ravi d’avoir pu <strong>rencontrer, échanger, apprendre</strong> autant et je tiens à remercier chaleureusement <strong>l’association BrailleNet</strong> pour avoir permis que cet événement ait lieu, et Olivier Nourry de m’y avoir invité en tant qu’intervenant : j’en suis très honoré.</p>
- Wed, 15 Jul 2015 17:06:31 +0200
+ Wed, 15 Jul 2015 17:06:31 GMTGaël Poupardhttps://www.ffoodd.fr/21e-seminaire-accessiweb/15 juillet 2015
@@ -1705,7 +1727,7 @@ Mais bon sang, quelle aventure pour un bête bouton qui ne veut pas se mettre en
<h2 id="a-la-prochaine" tabindex="-1">À la prochaine !</h2>
<p>Et bien oui, car il y en aura une je l’espère. Vraiment la journée à Biarritz, dans un super hôtel, avec tout ces gens accentués (si, si, ils ont un accent) était vraiment chouette. Et je ne vous parle pas du samedi soir : dîner sur la plage avec Stéphanie, Jean-Pierre ainsi que <a href="https://www.graphikophil.com/">Philippe Gélas</a> et les organisateurs. C’était vraiment top, merci !</p>
- Thu, 02 Jul 2015 18:42:39 +0200
+ Thu, 02 Jul 2015 18:42:39 GMTGaël Poupardhttps://www.ffoodd.fr/wpmx-day/2 juillet 2015
@@ -1802,7 +1824,7 @@ Mais bon sang, quelle aventure pour un bête bouton qui ne veut pas se mettre en
<h2 id="epilogue" tabindex="-1">Épilogue</h2>
<p>Il me reste un point important remonté par <a href="https://anysurfer.be/fr">Sophie Schuermans</a> concernant l’aspect responsive que j’ai un peu endommagé. Et je tiens également à remercier <a href="https://www.nicolas-hoffmann.net/source/">Nicolas Hoffmann</a> pour sa relecture attentive et ses conseils, ainsi qu’<a href="https://accessiblog.fr/">Olivier Nourry</a> pour son intérêt !</p>
- Sun, 24 May 2015 13:06:51 +0200
+ Sun, 24 May 2015 13:06:51 GMTGaël Poupardhttps://www.ffoodd.fr/accesslide-la-prise-en-main/24 mai 2015
@@ -1844,7 +1866,7 @@ Mais bon sang, quelle aventure pour un bête bouton qui ne veut pas se mettre en
<h2 id="un-avis" tabindex="-1">Un avis</h2>
<p>Pour terminer, c’est une lecture intéressante pour quiconque est pris de curiosité pour ce domaine. <strong>Si les couleurs vous parlent, n’hésitez pas à vous procurer ce livre.</strong></p>
- Tue, 07 Apr 2015 11:00:38 +0200
+ Tue, 07 Apr 2015 11:00:38 GMTGaël Poupardhttps://www.ffoodd.fr/choisir-ses-couleurs-pour-le-web/7 avril 2015
@@ -1888,7 +1910,7 @@ Mais bon sang, quelle aventure pour un bête bouton qui ne veut pas se mettre en
<h2 id="les-supplements" tabindex="-1">Les suppléments</h2>
<p>Depuis ce POC, j’ai découvert le travail de <a href="https://gasteroprod.com/">Nicolas Hoizey</a> sur <a href="https://github.com/nhoizey/esviji">esviji V2</a>, qui utilise <a href="https://github.com/nhoizey/esviji/blob/master/src/sass/_screen.scss">les ratios, les calculs et les unités de viewport</a> pour atteindre un degré d’adaptation aux écrans extraordinaire. Je vous conseille de garder un œil sur son projet, et surtout de parcourir <a href="https://gist.github.com/nhoizey/f31cf92114a376a23155">la feuille de styles générée</a> qui est remarquablement écrite !</p>
- Mon, 30 Mar 2015 16:30:04 +0200
+ Mon, 30 Mar 2015 16:30:04 GMTGaël Poupardhttps://www.ffoodd.fr/decouvrez-le-calcul-magique/30 mars 2015
@@ -1912,7 +1934,7 @@ Mais bon sang, quelle aventure pour un bête bouton qui ne veut pas se mettre en
<p>Toutefois je place un léger bémol sur le fait que ce livre en VO a déjà deux ans, et que certaines recommandations de l’époque sont devenues désuètes. Je pense notamment à l’imbrication des sélecteurs pour refléter le DOM, qui est désormais considéré comme une mauvaise pratique à bien des égards.</p>
<p>Étant donné le rapport qualité prix de cet ouvrage, <strong>je le recommande à tous les débutants en Sass, qu’ils soient étudiants ou professionnels aguerris</strong> !</p>
- Mon, 23 Mar 2015 10:00:27 +0100
+ Mon, 23 Mar 2015 10:00:27 GMTGaël Poupardhttps://www.ffoodd.fr/sass-pour-les-webdesigners/23 mars 2015
@@ -1940,7 +1962,7 @@ Mais bon sang, quelle aventure pour un bête bouton qui ne veut pas se mettre en
</li>
</ol>
- Mon, 09 Mar 2015 09:00:48 +0100
+ Mon, 09 Mar 2015 09:00:48 GMTGaël Poupardhttps://www.ffoodd.fr/javascript-and-jquery/9 mars 2015
@@ -2049,7 +2071,7 @@ hologram</code></pre>
</li>
</ol>
- Mon, 02 Mar 2015 20:45:32 +0100
+ Mon, 02 Mar 2015 20:45:32 GMTGaël Poupardhttps://www.ffoodd.fr/a11y-css-version-deux/2 mars 2015
@@ -2090,7 +2112,7 @@ hologram</code></pre>
<p>Puis j’ai eu la surprise de recevoir quelques retours agréables sur cet atelier, dès la fin de la journée puisque quelques personnes m’ont interrogé sur certaines pratiques concernant les thèmes enfants et la gestion de la qualité.</p>
<p>C’était une chouette expérience, et j’en retiendrais vraiment la simplicité des échanges et les (pas suffisamment nombreuses) rencontres de la journée. <strong>Les prestations étaient toutes d’une très grande qualité, alors empressez-vous de regarder les vidéos dès leur mise en ligne !</strong></p>
- Thu, 04 Dec 2014 22:08:44 +0100
+ Thu, 04 Dec 2014 22:08:44 GMTGaël Poupardhttps://www.ffoodd.fr/wp-tech-2014/4 décembre 2014
@@ -2100,7 +2122,7 @@ hologram</code></pre>
https://www.ffoodd.fr/napoleon-bonaparte/
<p>N’attribuez jamais à la malveillance ce qui s’explique très bien par l’incompétence.</p>
- Fri, 14 Nov 2014 22:55:32 +0100
+ Fri, 14 Nov 2014 22:55:32 GMTGaël Poupardhttps://www.ffoodd.fr/napoleon-bonaparte/14 novembre 2014
@@ -2150,7 +2172,7 @@ hologram</code></pre>
<p><strong>J’en profite pour féliciter le staff qui a encore fait des merveilles, et qui se défonce tellement pour apporter à nous autres passionnés du web un événement humain et de grande qualité.</strong></p>
<p>Parmi les autres choses que je partagerai, les notes que j’ai prises lors des différentes conférences seront bientôt scannées et retranscrites sur le blog ! Un joli chantier en perspective mais ça me tient à cœur de montrer ce que j’ai pu saisir au vol 🙂</p>
- Thu, 30 Oct 2014 00:41:28 +0100
+ Thu, 30 Oct 2014 24:41:28 GMTGaël Poupardhttps://www.ffoodd.fr/retour-de-paris-web/29 octobre 2014
@@ -2160,7 +2182,7 @@ hologram</code></pre>
https://www.ffoodd.fr/fabrice-flipo-michelle-dobree-et-marion-michot-la-face-cachee-du-numerique/
<p>On ne peut attendre d’un outil qu’il modifie les comportements.</p>
- Fri, 23 May 2014 21:34:21 +0200
+ Fri, 23 May 2014 21:34:21 GMTGaël Poupardhttps://www.ffoodd.fr/fabrice-flipo-michelle-dobree-et-marion-michot-la-face-cachee-du-numerique/23 mai 2014
@@ -2206,7 +2228,7 @@ hologram</code></pre>
<p>Mais parmi les choses dont je suis sûr, c’est que je vais aller à Paris Web cette année encore mais aussi assister au tout frais <a href="https://twitter.com/WPTechNantes">WPTech</a> qui va naître à Nantes fin 2014 — grâce à l’initiative de <a href="https://www.wabeo.fr/">Willy Bahuaud</a> et <a href="https://www.seomix.fr/">Daniel Roch</a>.</p>
<p>Alors, on se voit quand pour discuter de tout ça ?</p>
- Sat, 17 May 2014 13:59:35 +0200
+ Sat, 17 May 2014 13:59:35 GMTGaël Poupardhttps://www.ffoodd.fr/mutisme-relatif/17 mai 2014
@@ -2315,7 +2337,7 @@ hologram</code></pre>
</li>
</ol>
- Tue, 11 Mar 2014 16:44:26 +0100
+ Tue, 11 Mar 2014 16:44:26 GMTGaël Poupardhttps://www.ffoodd.fr/clip-path-pourquoi-pas/11 mars 2014
@@ -2325,7 +2347,7 @@ hologram</code></pre>
https://www.ffoodd.fr/reflexion-sur-sass/
<p>Un outil est fait pour faciliter le travail — pas pour en améliorer la qualité.</p>
- Mon, 10 Mar 2014 13:00:58 +0100
+ Mon, 10 Mar 2014 13:00:58 GMTGaël Poupardhttps://www.ffoodd.fr/reflexion-sur-sass/10 mars 2014
@@ -2409,7 +2431,7 @@ hologram</code></pre>
</li>
</ol>
- Thu, 27 Feb 2014 16:56:32 +0100
+ Thu, 27 Feb 2014 16:56:32 GMTGaël Poupardhttps://www.ffoodd.fr/traversee-en-solitaire-de-la-qualite-web/27 février 2014
@@ -2465,7 +2487,7 @@ hologram</code></pre>
</li>
</ol>
- Wed, 04 Dec 2013 17:43:09 +0100
+ Wed, 04 Dec 2013 17:43:09 GMTGaël Poupardhttps://www.ffoodd.fr/a11y-cssun-credo/4 décembre 2013
@@ -2514,7 +2536,7 @@ hologram</code></pre>
</li>
</ol>
- Thu, 28 Nov 2013 15:26:04 +0100
+ Thu, 28 Nov 2013 15:26:04 GMTGaël Poupardhttps://www.ffoodd.fr/sass-commencez-par-les-deux-s/28 novembre 2013
@@ -2562,7 +2584,7 @@ hologram</code></pre>
</li>
</ol>
- Wed, 20 Nov 2013 18:17:48 +0100
+ Wed, 20 Nov 2013 18:17:48 GMTGaël Poupardhttps://www.ffoodd.fr/sass-compass-avance/20 novembre 2013
@@ -2641,7 +2663,7 @@ hologram</code></pre>
</li>
</ol>
- Tue, 12 Nov 2013 17:32:51 +0100
+ Tue, 12 Nov 2013 17:32:51 GMTGaël Poupardhttps://www.ffoodd.fr/ameliorer-les-images-dans-wordpress-avec-html5-et-aria/12 novembre 2013
@@ -2651,7 +2673,7 @@ hologram</code></pre>
https://www.ffoodd.fr/karl-groves/
<p>If it <strong>looks</strong> the same, it should <strong>act</strong> the same.</p>
- Sun, 10 Nov 2013 20:22:24 +0100
+ Sun, 10 Nov 2013 20:22:24 GMTGaël Poupardhttps://www.ffoodd.fr/karl-groves/10 novembre 2013
@@ -2674,7 +2696,7 @@ hologram</code></pre>
<p>Vous l’aurez compris, la lecture de ce livre m’a beaucoup plue : moins pointu que les best-sellers du genre, il est <strong>agréable et convivial</strong>.</p>
<p>Je le recommande chaudement !</p>
- Sat, 09 Nov 2013 17:50:57 +0100
+ Sat, 09 Nov 2013 17:50:57 GMTGaël Poupardhttps://www.ffoodd.fr/guide-pratique-de-choix-typographique/9 novembre 2013
@@ -2717,7 +2739,7 @@ hologram</code></pre>
</li>
</ol>
- Mon, 04 Nov 2013 18:32:27 +0100
+ Mon, 04 Nov 2013 18:32:27 GMTGaël Poupardhttps://www.ffoodd.fr/ethymologie-du-web/4 novembre 2013
@@ -2734,7 +2756,7 @@ hologram</code></pre>
<h2 id="un-veritable-guide" tabindex="-1">Un véritable guide</h2>
<p>Vous l’aurez compris, cet ouvrage est complet et concis. Son système de fiche permet de naviguer dans le livre selon ses centres d’intérêts, et l’érige également en guide pratique : une nouvelle demande concernant les contenus vous rend perplexe ? <strong>Jetez un œil à ce livre.</strong></p>
- Tue, 22 Oct 2013 14:30:49 +0200
+ Tue, 22 Oct 2013 14:30:49 GMTGaël Poupardhttps://www.ffoodd.fr/la-strategie-de-contenu-en-pratique/22 octobre 2013
@@ -2794,7 +2816,7 @@ window<span class="token punctuation">.</span><span cla
</li>
</ol>
- Wed, 16 Oct 2013 17:56:40 +0200
+ Wed, 16 Oct 2013 17:56:40 GMTGaël Poupardhttps://www.ffoodd.fr/liens-devitement-persistants/16 octobre 2013
@@ -2880,7 +2902,7 @@ window<span class="token punctuation">.</span><span cla
<p>Bien qu’ayant déjà appliqué ce comportement sur des boîtes à onglets notamment, j’aimerais parvenir à le faire sur ma navigation sans passer par du javascript. J’ai cherché des pistes pour utiliser le walker (qui à priori devrait être capable de repérer l’item actif) mais sans résultat pour le moment, donc <strong>n’hésitez pas à commenter l’article ou à me contacter par mail si vous avez la moindre piste à me suggérer</strong> (voire même la solution, hein :D).</p>
<p>De plus, un comportement (en javascript à priori) est également à prévoir pour les sous-menu, qui pourront s’avérer plus complexes à gérer ‐ bien qu’ARIA soit très complète sur ce sujet.</p>
- Wed, 09 Oct 2013 15:31:19 +0200
+ Wed, 09 Oct 2013 15:31:19 GMTGaël Poupardhttps://www.ffoodd.fr/navigation-aria-et-wordpress/9 octobre 2013
@@ -2932,7 +2954,7 @@ Vérifiez la lisibilité, le rendu et la beauté puis partagez un prototype fonc
</li>
</ol>
- Mon, 07 Oct 2013 18:18:18 +0200
+ Mon, 07 Oct 2013 18:18:18 GMTGaël Poupardhttps://www.ffoodd.fr/experience-de-typecast/7 octobre 2013
@@ -2942,7 +2964,7 @@ Vérifiez la lisibilité, le rendu et la beauté puis partagez un prototype fonc
https://www.ffoodd.fr/armony-altinier/
<p>Est-ce que ça peut pénaliser quelqu’un ?</p>
- Fri, 04 Oct 2013 15:12:34 +0200
+ Fri, 04 Oct 2013 15:12:34 GMTGaël Poupardhttps://www.ffoodd.fr/armony-altinier/4 octobre 2013
@@ -2977,7 +2999,7 @@ Vérifiez la lisibilité, le rendu et la beauté puis partagez un prototype fonc
</li>
</ol>
- Fri, 04 Oct 2013 14:42:39 +0200
+ Fri, 04 Oct 2013 14:42:39 GMTGaël Poupardhttps://www.ffoodd.fr/lecture-accessibilite-web/4 octobre 2013
@@ -2987,7 +3009,7 @@ Vérifiez la lisibilité, le rendu et la beauté puis partagez un prototype fonc
https://www.ffoodd.fr/p-mendelson/
<p>Il vaut mieux savoir tout chercher que chercher à tout savoir.</p>
- Thu, 03 Oct 2013 12:50:26 +0200
+ Thu, 03 Oct 2013 12:50:26 GMTGaël Poupardhttps://www.ffoodd.fr/p-mendelson/3 octobre 2013
@@ -3015,7 +3037,7 @@ Vérifiez la lisibilité, le rendu et la beauté puis partagez un prototype fonc
</li>
</ol>
- Wed, 02 Oct 2013 14:33:43 +0200
+ Wed, 02 Oct 2013 14:33:43 GMTGaël Poupardhttps://www.ffoodd.fr/atterrissage-reussi/2 octobre 2013
@@ -3056,7 +3078,7 @@ Vérifiez la lisibilité, le rendu et la beauté puis partagez un prototype fonc
<p>Cependant, force m’est de constater que si j’avais été confronté à ces problématiques, je serais probablement arrivé à ces mêmes résultats. Les autres livres que je lis ne me font pas cet effet et me donnent véritablement l’impression d’apprendre.</p>
<p><strong>Dommage.</strong></p>
- Fri, 23 Aug 2013 15:01:21 +0200
+ Fri, 23 Aug 2013 15:01:21 GMTGaël Poupardhttps://www.ffoodd.fr/lecture-strategie-contenu-mobile/23 août 2013
@@ -3084,7 +3106,7 @@ Vérifiez la lisibilité, le rendu et la beauté puis partagez un prototype fonc
<p>Si quelqu’un connait un moyen de cibler uniquement IE9 sur Windows Phone 7, je suis preneur ! De plus, je n’ai aucun moyen de tester IE sur Windows Phone 8 pour le moment, je ne saurais donc préciser si ce problème existe toujours dans les versions les plus récentes.</p>
<p><strong>Edit :</strong> La nuit portant conseil, l’astuce dans le cas d’une icon-font semble finalement «simple». Il s’agira de les baser sur des caractères unicodes ayant un intérêt ( par exemple, ☎ ). Cependant, cette astuce n’est possible que lorsqu’on a le choix des glyphes utilisés comme support – ce qui, je crois, est le cas dans IcoMoon – et de disposer d’un caractère unicode signifiant.</p>
- Wed, 24 Jul 2013 19:16:35 +0200
+ Wed, 24 Jul 2013 19:16:35 GMTGaël Poupardhttps://www.ffoodd.fr/ie9-sur-wp7-et-font-face-je-taime-moi-non-plus/24 juillet 2013
@@ -3107,7 +3129,7 @@ Vérifiez la lisibilité, le rendu et la beauté puis partagez un prototype fonc
<p>Le même constat m’amène à penser qu’<strong>à l’avenir, les chefs de projets</strong> dans les structures comme l’<a href="https://www.1-ter-net.com/" title="Création de site internet à Nantes (nouvelle fenêtre)">agence 1-ter-net</a> – dans laquelle je travaille – <strong>seront issus de l’intégration</strong>.</p>
<p>À condition de retenir [cette leçon d’humilité](https://www.lesintegristes.net/2013/03/19/integration-web-humilite/ « « L’intégration web, cette leçon d’humilité » par Marie Guillaumet sur Les Intégristes (nouvelle fenêtre) »), et de faire du bon travail.</p>
- Thu, 04 Jul 2013 12:33:38 +0200
+ Thu, 04 Jul 2013 12:33:38 GMTGaël Poupardhttps://www.ffoodd.fr/pourquoi-lintegration-web-est-le-coeur-dun-projet/4 juillet 2013
@@ -3149,7 +3171,7 @@ Veuillez réessayer plus tard. »</p>
<p>Je suppose qu’il s’agit d’un entête http ou d’un type MIME incorrect qui nuit à la bonne compréhension du fichier par le serveur, sans toutefois en être sûr. Étant donné que j’avais jusqu’à présent l’habitude d’ajouter le .htaccess à la fin du développement, je me contenterais désormais de l’ajouter <strong>dès le début du projet</strong>.</p>
<p><strong>De plus, il s’agit d’une bonne pratique nécessaire à la <a href="https://www.ffoodd.fr/tag/qualite-web/" title="Qualité web">qualité d’un site web</a> : il est donc indispensable de disposer d’un fichier .htaccess efficace.</strong></p>
- Wed, 16 Jan 2013 12:23:48 +0100
+ Wed, 16 Jan 2013 12:23:48 GMTGaël Poupardhttps://www.ffoodd.fr/wordpress-3-5-est-mediaphobe/16 janvier 2013
@@ -3180,7 +3202,7 @@ Veuillez réessayer plus tard. »</p>
<p><strong>Un jour viendra ou j’ouvrirais ce travail aux critiques, afin d’améliorer autant que possible le produit final.</strong></p>
<p>Mais pour le moment, c’est uniquement mon excuse pour n’avoir pas écrit plus en 2012 et <strong>une bonne résolution pour 2013</strong> !</p>
- Tue, 08 Jan 2013 15:15:11 +0100
+ Tue, 08 Jan 2013 15:15:11 GMTGaël Poupardhttps://www.ffoodd.fr/a-venir-ffeeeedd/8 janvier 2013
@@ -3210,7 +3232,7 @@ Veuillez réessayer plus tard. »</p>
<p>Ça n’est certes pas grand chose, mais cette erreur de parcours témoigne de mon évolution dans ce métier. C’était une mauvaise idée d’appliquer ce motif en css pur, mais 18 mois plus tard, quand j’ai vu ce bout de code, j’ai su trouver <strong>la meilleure solution</strong>.</p>
<p>Je continue <a href="https://www.ffoodd.fr/css-experienceinherit/" title="css { expérience:inherit; }">mon amélioration perpétuelle</a>.</p>
- Tue, 13 Nov 2012 15:40:08 +0100
+ Tue, 13 Nov 2012 15:40:08 GMTGaël Poupardhttps://www.ffoodd.fr/le-bien-le-mal-pour-lintegrateur-web/13 novembre 2012
@@ -3231,7 +3253,7 @@ Veuillez réessayer plus tard. »</p>
<p><strong>Ce livre permet d’atteindre le sommet, ce point si compliqué à atteindre mais bel et bien le seul ou se rejoignent l’ubac et l’adret. Réconciliez le web et la mise en page avancée, lisez ce livre !</strong></p>
<p>À noter : un autre excellent ouvrage est disponible dans la même collection aux Ateliers Perrousseaux : <a href="https://www.google.fr/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CCgQFjAA&url=http%3A%2F%2Fwww.adverbum.fr%2Ftypo--web-foutoyet-aurelien-atelier-perrousseaux_ouvrage-perrousseaux_4kd262gul963.html&ei=a2qaUPyeA8zJ0AWTuIBo&usg=AFQjCNHTBxoRhkz_blvdiieipO2aKwgNmQ&sig2=2EEx_g_E2KITmKdRn-4bmA"><strong>Typo & web</strong></a>. Je vous le recommande chaudement – et il fera peut-être l’objet d’un article similaire dans le futur.</p>
- Wed, 07 Nov 2012 19:00:55 +0100
+ Wed, 07 Nov 2012 19:00:55 GMTGaël Poupardhttps://www.ffoodd.fr/lecture-webgrids/7 novembre 2012
@@ -3263,7 +3285,7 @@ Veuillez réessayer plus tard. »</p>
<p>La même erreur semble se répéter, simplement parce que les nouveaux arrivants — dont je fais partie — n’ont pas appris leur leçon d’histoire. Nous devons continuer à apprendre et enseigner : les bonnes pratiques ne vont pas de soi, elles s’apprennent et se découvrent au détour d’un blog. Rédiger un code source valide et réaliser une intégration de qualité en font partie et ne sont que les premières étapes.</p>
<p>Je pratique l’<strong>amélioration perpétuelle</strong> —pas progressive, perpétuelle.</p>
- Wed, 18 Jul 2012 17:32:46 +0200
+ Wed, 18 Jul 2012 17:32:46 GMTGaël Poupardhttps://www.ffoodd.fr/css-experienceinherit/18 juillet 2012
@@ -3315,7 +3337,7 @@ Accessibilité :</p>
</ol>
<p>À titre personnel, je n’ai utilisé cette technique que sur un projet, particulièrement contraignant en terme de performances et d’accessibilité – mais je compte l’étendre à d’autres projets. Correctement utilisée, elle peut permettre une <strong>optimisation massive d’une iconographie riche</strong> – mais simple.</p>
- Thu, 21 Jun 2012 12:48:38 +0200
+ Thu, 21 Jun 2012 12:48:38 GMTGaël Poupardhttps://www.ffoodd.fr/les-sprites-negatifs/21 juin 2012
@@ -3350,7 +3372,7 @@ window.onload = init;
<h2 id="contrepartie" tabindex="-1">Contrepartie</h2>
<p>J’ai remarqué un <strong>problème de compatibilité avec IE8 et Safari</strong>, tandis que les autres navigateurs appliquent parfaitement ce code. Ce n’est qu’un demi-problème puisque de toute façon, IE8 ne comprend pas les transitions. C’est un peu plus gênant pour Safari, mais je n’ai pas encore trouvé l’astuce : si quelqu’un en connaît une ou en trouve une, je suis preneur !!</p>
- Fri, 18 May 2012 17:02:06 +0200
+ Fri, 18 May 2012 17:02:06 GMTGaël Poupardhttps://www.ffoodd.fr/vitesse-precipitation/18 mai 2012
@@ -3412,7 +3434,7 @@ De mon côté, j’ai beaucoup apprécié l’élégance et la légèreté de la
</ol>
<p>Le principal inconvénient est le <strong>support d’IE8</strong> : il ne reconnaît que les fichiers .eot dans @font-face, ce qui nous force à ajouter un fichier .eot difficile à convertir en Base64. Mais si vous pouvez m’y aider, je suis tout ouï !</p>
- Fri, 11 May 2012 19:19:25 +0200
+ Fri, 11 May 2012 19:19:25 GMTGaël Poupardhttps://www.ffoodd.fr/la-schizophrenie-semantique-dun-logo/11 mai 2012
@@ -3426,7 +3448,7 @@ De mon côté, j’ai beaucoup apprécié l’élégance et la légèreté de la
<p>Personnellement, j’ai fait le calcul : je peux faire cette demande à <strong>493</strong> personnes distinctes. Si chacune des neuf personnes de mon agence atteint ce même chiffre; nous serons déjà à 4437 personnes.</p>
<p>Ne pensez-vous pas que ça puisse suffire à changer les statistiques ?</p>
- Thu, 01 Sep 2011 18:21:45 +0200
+ Thu, 01 Sep 2011 18:21:45 GMTGaël Poupardhttps://www.ffoodd.fr/que-se-passerait-il/1 septembre 2011
@@ -3464,7 +3486,7 @@ De mon côté, j’ai beaucoup apprécié l’élégance et la légèreté de la
<li><a href="https://www.abookapart.com/products/designing-for-emotion"><strong>Designing for emotion</strong> par Aaron Walter</a></li>
</ul>
- Sat, 05 Mar 2011 12:52:36 +0100
+ Sat, 05 Mar 2011 12:52:36 GMTGaël Poupardhttps://www.ffoodd.fr/semantique-de-l-interaction/5 mars 2011
@@ -3485,7 +3507,7 @@ De mon côté, j’ai beaucoup apprécié l’élégance et la légèreté de la
<p>Un bouton doit être une solution, pas un problème : s’il n’est pas utilisé avec modération il perd sa valeur d’appel à action. Car s’il y a de l’action partout, vous faites un feu d’artifice, pas un site web.</p>
<p>Un site internet est un véritable microcosme, et la plupart des lois de la nature y sont applicables. <strong>Y compris l’évolution.</strong></p>
- Sun, 31 Oct 2010 19:54:49 +0100
+ Sun, 31 Oct 2010 19:54:49 GMTGaël Poupardhttps://www.ffoodd.fr/swirl-in-style/31 octobre 2010
@@ -3506,7 +3528,7 @@ De mon côté, j’ai beaucoup apprécié l’élégance et la légèreté de la
<p>Un bouton doit être une solution, pas un problème : s’il n’est pas utilisé avec modération il perd sa valeur d’appel à action. Car s’il y a de l’action partout, vous faites un feu d’artifice, pas un site web.</p>
<p>Un site internet est un véritable microcosme, et la plupart des lois de la nature y sont applicables. <strong>Y compris l’évolution.</strong></p>
- Sun, 31 Oct 2010 19:54:49 +0100
+ Sun, 31 Oct 2010 19:54:49 GMTGaël Poupardhttps://www.ffoodd.fr/dessine-moi-un-bouton/31 octobre 2010
diff --git a/docs/guide-pratique-de-choix-typographique/index.html b/docs/guide-pratique-de-choix-typographique/index.html
index b79ddee4..73eca256 100644
--- a/docs/guide-pratique-de-choix-typographique/index.html
+++ b/docs/guide-pratique-de-choix-typographique/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/html-comme-fondation/index.html b/docs/html-comme-fondation/index.html
index b8b062d2..61cb3c72 100644
--- a/docs/html-comme-fondation/index.html
+++ b/docs/html-comme-fondation/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/ie9-sur-wp7-et-font-face-je-taime-moi-non-plus/index.html b/docs/ie9-sur-wp7-et-font-face-je-taime-moi-non-plus/index.html
index f9c7cddd..5a70742e 100644
--- a/docs/ie9-sur-wp7-et-font-face-je-taime-moi-non-plus/index.html
+++ b/docs/ie9-sur-wp7-et-font-face-je-taime-moi-non-plus/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/index.html b/docs/index.html
index ff32c087..17f42a51 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -10,7 +10,7 @@
-
+
@@ -62,19 +62,19 @@
+ La principale chose à savoir avant de se lancer dans l’apprentissage de Sass, c’est qu’il faut en premier lieu maîtriser les CSS. Les pièges sont multiples, et même Indiana Jones se ferait avoir !
+
+ Lire la suite de « Sass : commencez par les deux « S » » →
+
+
- Mon récent périple sur l’île de Jersey m’a non seulement relaxé, mais aussi fait découvrir sous un nouveau jour certains éléments que j’utilise quotidiennement dans mon travail — et ce pour mon plus grand plaisir.
-
- Lire la suite de « Étymologie du web » →
-
-
+ Mon récent périple sur l’île de Jersey m’a non seulement relaxé, mais aussi fait découvrir sous un nouveau jour certains éléments que j’utilise quotidiennement dans mon travail — et ce pour mon plus grand plaisir.
+
+ Lire la suite de « Étymologie du web » →
+
+
- Les détails négatifs Car il ne faut pas plus de quelques détails pour donner une impression négative : Les explications se répètent de nombreuses fois, et parfois s’enchaînent simplement – donnant l’impression d’être légèrement attardé et d’avoir besoin de cette frustrante répétition; Beaucoup d’allusions péjoratives sont faites aux CMS « populaires » – comparant WordPress à Tumblr, […]
-
- Lire la suite de « Stratégie de contenu mobile » →
-
-
+ Les détails négatifs Car il ne faut pas plus de quelques détails pour donner une impression négative : Les explications se répètent de nombreuses fois, et parfois s’enchaînent simplement – donnant l’impression d’être légèrement attardé et d’avoir besoin de cette frustrante répétition; Beaucoup d’allusions péjoratives sont faites aux CMS « populaires » – comparant WordPress à Tumblr, […]
+
+ Lire la suite de « Stratégie de contenu mobile » →
+
+
- Il y a de bonnes & de mauvaises solutions Une bonne idée le jour J peut être une mauvaise idée le D day. Au commencement de ffoodd, je voulais un fond simple mais avec un peu d’impact : j’ai donc choisi le motif très simple mais contrasté que vous avez sous les yeux. À l’époque, […]
-
- Lire la suite de « Le bien & le mal pour l’intégrateur web » →
-
-
+ Il y a de bonnes & de mauvaises solutions Une bonne idée le jour J peut être une mauvaise idée le D day. Au commencement de ffoodd, je voulais un fond simple mais avec un peu d’impact : j’ai donc choisi le motif très simple mais contrasté que vous avez sous les yeux. À l’époque, […]
+
+ Lire la suite de « Le bien & le mal pour l’intégrateur web » →
+
+
- Comme beaucoup d’intégrateurs, je me suis heurté à la schizophrénie sémantique du logo. Vous rêvez de l’inclure dans un h1 plein de bon texte pour le SEO, mais m**d* ! Votre logo est une image. Que dois-je faire, Docteur ? De nombreux remèdes ont vu le jour pour combattre ce symptôme, à tel point que […]
-
- Lire la suite de « La schizophrénie sémantique » →
-
-
+ Comme beaucoup d’intégrateurs, je me suis heurté à la schizophrénie sémantique du logo. Vous rêvez de l’inclure dans un h1 plein de bon texte pour le SEO, mais m**d* ! Votre logo est une image. Que dois-je faire, Docteur ? De nombreux remèdes ont vu le jour pour combattre ce symptôme, à tel point que […]
+
+ Lire la suite de « La schizophrénie sémantique » →
+
+
- Vous est-il déjà arrivé de voir un élément se cacher dès que vous arrivez sur un site ? Rassurez-vous, ça n'est pas qu'il ne vous aime pas, non : son concepteur a simplement pensé que sans JavaScript, ce contenu devait être affiché. Et quand JavaScript est activé, il le cache. C'est malin ! Mais vous l’avez vu.
-
- Lire la suite de « Avec ou sans JS ? » →
-
-
+ Vous est-il déjà arrivé de voir un élément se cacher dès que vous arrivez sur un site ? Rassurez-vous, ça n'est pas qu'il ne vous aime pas, non : son concepteur a simplement pensé que sans JavaScript, ce contenu devait être affiché. Et quand JavaScript est activé, il le cache. C'est malin ! Mais vous l’avez vu.
+
+ Lire la suite de « Avec ou sans JS ? » →
+
+
- Dʼaucun sʼétonnent de ne pas voir de rencontres autour de la thématique des CSS organisées à Nantes. À Paris, vous pouvez vous rendre au 4e meetup organisé par CSS Paris — et il en existe probablement dans dʼautres villes de France et de Navarre. Mais pas (encore) à Nantes. Vous voyez ou je veux en venir ?
-
- Lire la suite de « NantesCSS » →
-
-
+ Dʼaucun sʼétonnent de ne pas voir de rencontres autour de la thématique des CSS organisées à Nantes. À Paris, vous pouvez vous rendre au 4e meetup organisé par CSS Paris — et il en existe probablement dans dʼautres villes de France et de Navarre. Mais pas (encore) à Nantes. Vous voyez ou je veux en venir ?
+
+ Lire la suite de « NantesCSS » →
+
+
- Le web, cʼest compliqué. Je dirais même plus : cʼest la jungle. De multiples sources, de multiples protocoles dʼéchange de données, de multiple manière dʼaccéder aux contenus. Et aussi plein de gens qui fabriquent des morceaux de web. Ceux-là sont un minimum flemmards — je le sais bien, jʼen fais partie. Alors régulièrement, nous cédons à la facilité et cela produit des perturbations dans La Force. Un exemple ? Les sites -webkit-only. Parlons-en !
-
- Lire la suite de « Le web en kit » →
-
-
+ Le web, cʼest compliqué. Je dirais même plus : cʼest la jungle. De multiples sources, de multiples protocoles dʼéchange de données, de multiple manière dʼaccéder aux contenus. Et aussi plein de gens qui fabriquent des morceaux de web. Ceux-là sont un minimum flemmards — je le sais bien, jʼen fais partie. Alors régulièrement, nous cédons à la facilité et cela produit des perturbations dans La Force. Un exemple ? Les sites -webkit-only. Parlons-en !
+
+ Lire la suite de « Le web en kit » →
+
+
- Auriez-vous ‒ par hasard ‒ déjà cherché une solution pour créer des diaporamas accessibles ? De nombreuses solutions existent, mais aucune n’était réellement satisfaisante… C’est désormais le cas avec AccesSlide, dont j’avais découvert l’existence après le petit jeu du 1er avril organisé par Access42. Ma première prise en main a été très agréable alors me voilà lancé dans quelques explications et une démonstration pour en vanter les mérites !
-
- Lire la suite de « AccesSlide : la prise en main » →
-
-
+ Auriez-vous ‒ par hasard ‒ déjà cherché une solution pour créer des diaporamas accessibles ? De nombreuses solutions existent, mais aucune n’était réellement satisfaisante… C’est désormais le cas avec AccesSlide, dont j’avais découvert l’existence après le petit jeu du 1er avril organisé par Access42. Ma première prise en main a été très agréable alors me voilà lancé dans quelques explications et une démonstration pour en vanter les mérites !
+
+ Lire la suite de « AccesSlide : la prise en main » →
+
+
- Restant muet depuis plusieurs semaines, il m’a semblé bon de faire un point sur le pourquoi du comment. Les changements opérés en quelques mois, les nouveautés à afficher ainsi que les projets en cours et à venir devraient me permettre de me projeter dans cette année qui s’annonce très riche !
-
- Lire la suite de « Mutisme relatif » →
-
-
+ Restant muet depuis plusieurs semaines, il m’a semblé bon de faire un point sur le pourquoi du comment. Les changements opérés en quelques mois, les nouveautés à afficher ainsi que les projets en cours et à venir devraient me permettre de me projeter dans cette année qui s’annonce très riche !
+
+ Lire la suite de « Mutisme relatif » →
+
+
- La principale chose à savoir avant de se lancer dans l’apprentissage de Sass, c’est qu’il faut en premier lieu maîtriser les CSS. Les pièges sont multiples, et même Indiana Jones se ferait avoir !
-
- Lire la suite de « Sass : commencez par les deux « S » » →
-
-
-
-
-
diff --git a/docs/karl-groves/index.html b/docs/karl-groves/index.html
index 3cd4ecd8..d363357b 100644
--- a/docs/karl-groves/index.html
+++ b/docs/karl-groves/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/l-etat-des-champs/index.html b/docs/l-etat-des-champs/index.html
index a864538a..f0e0bcf6 100644
--- a/docs/l-etat-des-champs/index.html
+++ b/docs/l-etat-des-champs/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/la-dette-technique/index.html b/docs/la-dette-technique/index.html
index 8530ce49..fb4b3d55 100644
--- a/docs/la-dette-technique/index.html
+++ b/docs/la-dette-technique/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/la-schizophrenie-semantique-dun-logo/index.html b/docs/la-schizophrenie-semantique-dun-logo/index.html
index 15c4bb7c..f6132c89 100644
--- a/docs/la-schizophrenie-semantique-dun-logo/index.html
+++ b/docs/la-schizophrenie-semantique-dun-logo/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/la-strategie-de-contenu-en-pratique/index.html b/docs/la-strategie-de-contenu-en-pratique/index.html
index a7ace6e3..ed998d38 100644
--- a/docs/la-strategie-de-contenu-en-pratique/index.html
+++ b/docs/la-strategie-de-contenu-en-pratique/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/le-bien-le-mal-pour-lintegrateur-web/index.html b/docs/le-bien-le-mal-pour-lintegrateur-web/index.html
index 3b407379..038343ad 100644
--- a/docs/le-bien-le-mal-pour-lintegrateur-web/index.html
+++ b/docs/le-bien-le-mal-pour-lintegrateur-web/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/le-sens-de-la-semantique/index.html b/docs/le-sens-de-la-semantique/index.html
index b81e80ee..f681396a 100644
--- a/docs/le-sens-de-la-semantique/index.html
+++ b/docs/le-sens-de-la-semantique/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/le-soulignement-factice/index.html b/docs/le-soulignement-factice/index.html
index bb9c1547..baf54b99 100644
--- a/docs/le-soulignement-factice/index.html
+++ b/docs/le-soulignement-factice/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/le-web-en-kit/index.html b/docs/le-web-en-kit/index.html
index d915b311..28cb2e14 100644
--- a/docs/le-web-en-kit/index.html
+++ b/docs/le-web-en-kit/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/lecture-accessibilite-web/index.html b/docs/lecture-accessibilite-web/index.html
index ccd250be..42dd936a 100644
--- a/docs/lecture-accessibilite-web/index.html
+++ b/docs/lecture-accessibilite-web/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/lecture-strategie-contenu-mobile/index.html b/docs/lecture-strategie-contenu-mobile/index.html
index 34a0895b..aedcae01 100644
--- a/docs/lecture-strategie-contenu-mobile/index.html
+++ b/docs/lecture-strategie-contenu-mobile/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/lecture-webgrids/index.html b/docs/lecture-webgrids/index.html
index 7ebe9ccb..36f287f4 100644
--- a/docs/lecture-webgrids/index.html
+++ b/docs/lecture-webgrids/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/les-champs-images-casses/index.html b/docs/les-champs-images-casses/index.html
index ca416320..17354d9d 100644
--- a/docs/les-champs-images-casses/index.html
+++ b/docs/les-champs-images-casses/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/les-elements-remplaces/index.html b/docs/les-elements-remplaces/index.html
index 3b219488..276c3c06 100644
--- a/docs/les-elements-remplaces/index.html
+++ b/docs/les-elements-remplaces/index.html
@@ -10,7 +10,7 @@
-
+
diff --git "a/docs/les-nouveautes-d\312\274ie4/index.html" "b/docs/les-nouveautes-d\312\274ie4/index.html"
index 91f48c42..80f9e089 100644
--- "a/docs/les-nouveautes-d\312\274ie4/index.html"
+++ "b/docs/les-nouveautes-d\312\274ie4/index.html"
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/les-sprites-negatifs/index.html b/docs/les-sprites-negatifs/index.html
index 8bc972fd..d90923c5 100644
--- a/docs/les-sprites-negatifs/index.html
+++ b/docs/les-sprites-negatifs/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/liens-devitement-persistants/index.html b/docs/liens-devitement-persistants/index.html
index 04614bd4..88608a2f 100644
--- a/docs/liens-devitement-persistants/index.html
+++ b/docs/liens-devitement-persistants/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/marie-guillaumet/index.html b/docs/marie-guillaumet/index.html
index 62ec25ae..0f930faf 100644
--- a/docs/marie-guillaumet/index.html
+++ b/docs/marie-guillaumet/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/masquage-accessible-de-pointe/index.html b/docs/masquage-accessible-de-pointe/index.html
index 992c7198..3c67c8f2 100644
--- a/docs/masquage-accessible-de-pointe/index.html
+++ b/docs/masquage-accessible-de-pointe/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/mentions-legales/index.html b/docs/mentions-legales/index.html
index fd875693..2d716e53 100644
--- a/docs/mentions-legales/index.html
+++ b/docs/mentions-legales/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/mon-epopee-au-devquest/index.html b/docs/mon-epopee-au-devquest/index.html
index 83d9fd84..bbf4c1a8 100644
--- a/docs/mon-epopee-au-devquest/index.html
+++ b/docs/mon-epopee-au-devquest/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/mutisme-relatif/index.html b/docs/mutisme-relatif/index.html
index e02a6e94..385dfb05 100644
--- a/docs/mutisme-relatif/index.html
+++ b/docs/mutisme-relatif/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/nantescss/index.html b/docs/nantescss/index.html
index 9b2f6d20..e0ba8923 100644
--- a/docs/nantescss/index.html
+++ b/docs/nantescss/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/napoleon-bonaparte/index.html b/docs/napoleon-bonaparte/index.html
index e461a57c..a455778d 100644
--- a/docs/napoleon-bonaparte/index.html
+++ b/docs/napoleon-bonaparte/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/navigation-aria-et-wordpress/index.html b/docs/navigation-aria-et-wordpress/index.html
index 05ce461c..d1b240b0 100644
--- a/docs/navigation-aria-et-wordpress/index.html
+++ b/docs/navigation-aria-et-wordpress/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/nothing-is-obvious-to-the-uninformed/index.html b/docs/nothing-is-obvious-to-the-uninformed/index.html
index 1b44c26a..56b37213 100644
--- a/docs/nothing-is-obvious-to-the-uninformed/index.html
+++ b/docs/nothing-is-obvious-to-the-uninformed/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/now/index.html b/docs/now/index.html
index 32a7cb0c..8e28d752 100644
--- a/docs/now/index.html
+++ b/docs/now/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/p-mendelson/index.html b/docs/p-mendelson/index.html
index 3110e30b..d1c213e6 100644
--- a/docs/p-mendelson/index.html
+++ b/docs/p-mendelson/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/paris-web-et-la-vie/index.html b/docs/paris-web-et-la-vie/index.html
index 702b3417..6c08cda5 100644
--- a/docs/paris-web-et-la-vie/index.html
+++ b/docs/paris-web-et-la-vie/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/politique-de-confidentialite/index.html b/docs/politique-de-confidentialite/index.html
index dfa5642a..140a1383 100644
--- a/docs/politique-de-confidentialite/index.html
+++ b/docs/politique-de-confidentialite/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/pourquoi-lintegration-web-est-le-coeur-dun-projet/index.html b/docs/pourquoi-lintegration-web-est-le-coeur-dun-projet/index.html
index 9085bec7..8f1aff5b 100644
--- a/docs/pourquoi-lintegration-web-est-le-coeur-dun-projet/index.html
+++ b/docs/pourquoi-lintegration-web-est-le-coeur-dun-projet/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/que-se-passerait-il/index.html b/docs/que-se-passerait-il/index.html
index f6eab639..248fc325 100644
--- a/docs/que-se-passerait-il/index.html
+++ b/docs/que-se-passerait-il/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/reflexion-sur-sass/index.html b/docs/reflexion-sur-sass/index.html
index 1548725a..cc146b5b 100644
--- a/docs/reflexion-sur-sass/index.html
+++ b/docs/reflexion-sur-sass/index.html
@@ -10,7 +10,7 @@
-
+
diff --git "a/docs/reserve-d\312\274espace-pour-le-contenu/index.html" "b/docs/reserve-d\312\274espace-pour-le-contenu/index.html"
index 38f654fc..d4faf5de 100644
--- "a/docs/reserve-d\312\274espace-pour-le-contenu/index.html"
+++ "b/docs/reserve-d\312\274espace-pour-le-contenu/index.html"
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/retour-de-paris-web/index.html b/docs/retour-de-paris-web/index.html
index a8c1a9f1..354d4898 100644
--- a/docs/retour-de-paris-web/index.html
+++ b/docs/retour-de-paris-web/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/sass-commencez-par-les-deux-s/index.html b/docs/sass-commencez-par-les-deux-s/index.html
index 84092375..8ee4aa22 100644
--- a/docs/sass-commencez-par-les-deux-s/index.html
+++ b/docs/sass-commencez-par-les-deux-s/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/sass-compass-avance/index.html b/docs/sass-compass-avance/index.html
index 7d9e98dd..979b517e 100644
--- a/docs/sass-compass-avance/index.html
+++ b/docs/sass-compass-avance/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/sass-pour-les-webdesigners/index.html b/docs/sass-pour-les-webdesigners/index.html
index 3606ad60..116af341 100644
--- a/docs/sass-pour-les-webdesigners/index.html
+++ b/docs/sass-pour-les-webdesigners/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/semantique-de-l-interaction/index.html b/docs/semantique-de-l-interaction/index.html
index 0eff1341..43cecd03 100644
--- a/docs/semantique-de-l-interaction/index.html
+++ b/docs/semantique-de-l-interaction/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/sitemap.xml b/docs/sitemap.xml
index 42cc1ba6..60c07a13 100644
--- a/docs/sitemap.xml
+++ b/docs/sitemap.xml
@@ -730,205 +730,209 @@
https://www.ffoodd.fr/
- 2026-02-05T19:24:52.984Z
+ 2026-01-19T10:43:48.450Zhttps://www.ffoodd.fr/category/journal/
- 2026-02-05T19:24:52.984Z
+ 2026-01-19T10:43:48.450Zhttps://www.ffoodd.fr/cv/
- 2026-02-05T19:24:52.984Z
+ 2026-01-19T10:43:48.450Zhttps://www.ffoodd.fr/feed/
- 2026-02-05T19:24:52.984Z
+ 2026-01-19T10:43:48.450Zhttps://www.ffoodd.fr/mentions-legales/
- 2026-02-05T19:24:52.984Z
+ 2026-01-19T10:43:48.450Zhttps://www.ffoodd.fr/now/
- 2026-02-05T19:24:52.984Z
+ 2026-01-19T10:43:48.450Zhttps://www.ffoodd.fr/travaux/
- 2026-02-05T19:24:52.984Z
+ 2026-01-19T10:43:48.450Zhttps://www.ffoodd.fr/plus/
- 2026-02-05T19:24:52.984Z
+ 2026-01-19T10:43:48.450Zhttps://www.ffoodd.fr/politique-de-confidentialite/
- 2026-02-05T19:24:52.984Z
+ 2026-01-19T10:43:48.450Zhttps://www.ffoodd.fr/pages/travaux/
- 2026-02-05T19:24:52.984Z
+ 2026-01-19T10:43:48.450Zhttps://www.ffoodd.fr/journal/
- 2026-02-05T19:24:53.000Z
+ 2026-01-19T10:43:48.454Zhttps://www.ffoodd.fr/talks/a11y-paris/
- 2026-02-05T19:24:53.024Z
+ 2026-01-19T10:43:48.462Zhttps://www.ffoodd.fr/talks/customizer/
- 2026-02-05T19:24:53.056Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2023/
- 2026-02-05T19:24:53.056Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/
- 2026-02-05T19:24:53.056Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/jeu/0-0/
- 2026-02-05T19:24:53.060Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/jeu/0-1/
- 2026-02-05T19:24:53.060Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/jeu/1-1/
- 2026-02-05T19:24:53.060Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/jeu/1-2/
- 2026-02-05T19:24:53.060Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/jeu/1-3/
- 2026-02-05T19:24:53.060Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/jeu/2-1/
- 2026-02-05T19:24:53.060Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/jeu/2-2/
- 2026-02-05T19:24:53.060Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/jeu/3-1/
- 2026-02-05T19:24:53.060Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/jeu/3-2/
- 2026-02-05T19:24:53.060Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/jeu/4-1/
- 2026-02-05T19:24:53.060Z
+ 2026-01-19T10:43:48.474Zhttps://www.ffoodd.fr/talks/devfest.2024/jeu/
- 2026-02-05T19:24:53.068Z
+ 2026-01-19T10:43:48.478Zhttps://www.ffoodd.fr/talks/devfest/
- 2026-02-05T19:24:53.068Z
+ 2026-01-19T10:43:48.478Zhttps://www.ffoodd.fr/talks/devquest.2025/
- 2026-02-05T19:24:53.068Z
+ 2026-01-19T10:43:48.478Zhttps://www.ffoodd.fr/talks/devquest/
- 2026-02-05T19:24:53.080Z
+ 2026-01-19T10:43:48.482Zhttps://www.ffoodd.fr/talks/e-tech-day/
- 2026-02-05T19:24:53.084Z
-
-
- https://www.ffoodd.fr/talks/eo-days-3/
- 2026-02-05T19:24:53.084Z
+ 2026-01-19T10:43:48.482Zhttps://www.ffoodd.fr/talks/gta21/
- 2026-02-05T19:24:53.084Z
+ 2026-01-19T10:43:48.482Zhttps://www.ffoodd.fr/talks/human-talks/
- 2026-02-05T19:24:53.084Z
-
-
- https://www.ffoodd.fr/talks/ie4/
- 2026-02-05T19:24:53.088Z
+ 2026-01-19T10:43:48.482Zhttps://www.ffoodd.fr/talks/kiwiparty/
- 2026-02-05T19:24:53.120Z
+ 2026-01-19T10:43:48.498Zhttps://www.ffoodd.fr/talks/nnr/
- 2026-02-05T19:24:53.120Z
+ 2026-01-19T10:43:48.498Zhttps://www.ffoodd.fr/talks/nnr/verbose/
- 2026-02-05T19:24:53.120Z
+ 2026-01-19T10:43:48.498Zhttps://www.ffoodd.fr/talks/paris-web.2018/
- 2026-02-05T19:24:53.120Z
+ 2026-01-19T10:43:48.498Zhttps://www.ffoodd.fr/talks/paris-web.2019/
- 2026-02-05T19:24:53.120Z
+ 2026-01-19T10:43:48.498Zhttps://www.ffoodd.fr/talks/paris-web.2020/
- 2026-02-05T19:24:53.120Z
+ 2026-01-19T10:43:48.498Zhttps://www.ffoodd.fr/talks/paris-web.2020/verbose/
- 2026-02-05T19:24:53.120Z
+ 2026-01-19T10:43:48.498Zhttps://www.ffoodd.fr/talks/paris-web.2021/atelier/
- 2026-02-05T19:24:53.120Z
+ 2026-01-19T10:43:48.498Zhttps://www.ffoodd.fr/talks/paris-web.2021/
- 2026-02-05T19:24:53.124Z
+ 2026-01-19T10:43:48.498Zhttps://www.ffoodd.fr/talks/paris-web.2021/verbose/
- 2026-02-05T19:24:53.124Z
+ 2026-01-19T10:43:48.498Zhttps://www.ffoodd.fr/talks/paris-web.2022/
- 2026-02-05T19:24:53.124Z
+ 2026-01-19T10:43:48.498Zhttps://www.ffoodd.fr/talks/paris-web/
- 2026-02-05T19:24:53.136Z
+ 2026-01-19T10:43:48.506Zhttps://www.ffoodd.fr/talks/tnt/
- 2026-02-05T19:24:53.136Z
+ 2026-01-19T10:43:48.506Zhttps://www.ffoodd.fr/talks/web2day/
- 2026-02-05T19:24:53.140Z
+ 2026-01-19T10:43:48.506Zhttps://www.ffoodd.fr/talks/wp-tech.2018/
- 2026-02-05T19:24:53.140Z
+ 2026-01-19T10:43:48.506Zhttps://www.ffoodd.fr/talks/wp-tech/
- 2026-02-05T19:24:53.140Z
+ 2026-01-19T10:43:48.506Zhttps://www.ffoodd.fr/talks/wpmx/
- 2026-02-05T19:24:53.144Z
+ 2026-01-19T10:43:48.506Z
+
+
+ https://www.ffoodd.fr/talks/eo-days-3/
+ 2026-01-20T14:31:07.134Z
+
+
+ https://www.ffoodd.fr/talks/ie4/
+ 2026-01-20T14:31:07.134Z
+
+
+ https://www.ffoodd.fr/ia-bien-qui-ia-le-dernier/
+ 2026-04-20T10:26:35.000Z
diff --git a/docs/swirl-in-style/index.html b/docs/swirl-in-style/index.html
index 3ea90a5b..120a3ebd 100644
--- a/docs/swirl-in-style/index.html
+++ b/docs/swirl-in-style/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/travaux/index.html b/docs/travaux/index.html
index 4e6b3e7e..58d7fd67 100644
--- a/docs/travaux/index.html
+++ b/docs/travaux/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/traversee-en-solitaire-de-la-qualite-web/index.html b/docs/traversee-en-solitaire-de-la-qualite-web/index.html
index 145c1698..d6868c07 100644
--- a/docs/traversee-en-solitaire-de-la-qualite-web/index.html
+++ b/docs/traversee-en-solitaire-de-la-qualite-web/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/un-fichier-vide/index.html b/docs/un-fichier-vide/index.html
index 21cb7638..85ca15b3 100644
--- a/docs/un-fichier-vide/index.html
+++ b/docs/un-fichier-vide/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/un-test-modernizr-pour-les-contrastes-eleves/index.html b/docs/un-test-modernizr-pour-les-contrastes-eleves/index.html
index de11afad..1cf670cf 100644
--- a/docs/un-test-modernizr-pour-les-contrastes-eleves/index.html
+++ b/docs/un-test-modernizr-pour-les-contrastes-eleves/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/vitesse-precipitation/index.html b/docs/vitesse-precipitation/index.html
index fb60ba1b..d70f8441 100644
--- a/docs/vitesse-precipitation/index.html
+++ b/docs/vitesse-precipitation/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/wordpress-3-5-est-mediaphobe/index.html b/docs/wordpress-3-5-est-mediaphobe/index.html
index 1f831fb4..8a4a39c5 100644
--- a/docs/wordpress-3-5-est-mediaphobe/index.html
+++ b/docs/wordpress-3-5-est-mediaphobe/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/wp-tech-2014/index.html b/docs/wp-tech-2014/index.html
index 739298fe..18941479 100644
--- a/docs/wp-tech-2014/index.html
+++ b/docs/wp-tech-2014/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/docs/wpmx-day/index.html b/docs/wpmx-day/index.html
index a1c18e3e..3d64aad6 100644
--- a/docs/wpmx-day/index.html
+++ b/docs/wpmx-day/index.html
@@ -10,7 +10,7 @@
-
+
From 254b2f05f317881fa54c2665a6551fc30b1f73b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20Poupard?=
Date: Mon, 20 Apr 2026 16:03:16 +0200
Subject: [PATCH 4/4] feat[WIP]: IA related content
---
_src/pages/ia.md | 8 +
_src/posts/ia-bien-qui-ia-le-dernier/index.md | 32 ++
_src/robots.njk | 456 ++++++++++++++++--
docs/ia-bien-qui-ia-le-dernier/index.html | 176 +++++++
4 files changed, 639 insertions(+), 33 deletions(-)
create mode 100644 _src/pages/ia.md
create mode 100644 _src/posts/ia-bien-qui-ia-le-dernier/index.md
create mode 100644 docs/ia-bien-qui-ia-le-dernier/index.html
diff --git a/_src/pages/ia.md b/_src/pages/ia.md
new file mode 100644
index 00000000..a48c9311
--- /dev/null
+++ b/_src/pages/ia.md
@@ -0,0 +1,8 @@
+---
+layout: "template/ia.njk"
+title: "Fait (hu)main"
+permalink: "ia/index.html"
+tags: ["pages"]
+description: "Site et contenus bios élevés en plein air, garantis sans intelligence (artificielle)."
+modified: "2026-04-20"
+---
diff --git a/_src/posts/ia-bien-qui-ia-le-dernier/index.md b/_src/posts/ia-bien-qui-ia-le-dernier/index.md
new file mode 100644
index 00000000..0e77b17b
--- /dev/null
+++ b/_src/posts/ia-bien-qui-ia-le-dernier/index.md
@@ -0,0 +1,32 @@
+---
+layout: "template/post.njk"
+title: "IA bien qui IA le dernier"
+date: "2026-04-20T10:26:35"
+modified: "2026-04-20T10:26:35"
+permalink: "ia-bien-qui-ia-le-dernier/index.html"
+tags: ["posts"]
+excerpt: ""
+description: ""
+commentsOpen: "true"
+---
+
+Disclaimer : je résume les choses sur lesquelles j’ai lu des papiers, aucune hallucination à l’horizon. Je ne cherche pas à documenter ce merdier. Si un sujet vous interpelle, cherchez et vous trouverez des sources.
+Tout ceci est évidemment teinté d’opinions, mais elles sont forgées sur du concret.
+
+- Les externalités techniques : machines physiques, énergie, surface imperméabilisée, etc.
+- Le déni de service généralisé : les robots IA représentent une part massive des requêtes, au point de faire tomber certains services (y compris libres et gratuits).
+- La merdification massive du web, au point qu’un moteur de recherche devienne presque inutile.
+- Les impacts psychosociaux : perte d’esprit critique, mauvaise estimation du temps, biais de confirmation ++, orientation des idées par suggestion, perte de sens dans le travail, perte de travail tout court
+- Les risques culturels : non respect des licences et de la propriété intellectuelle (que se passera-t-il quand du code sous licence sera retrouvé dans vos vibe coded apps ? Orange VS Entr'ouvert), opacité et invisibilisation des sources — voire mensonges / manipulations purs et durs, etc.
+- Les risques de sécurité : envoyer des données à pétaouchnok, zéro confidentialité ni étanchéité.
+- L’impact sur l’apprentissage et l’expertise : besoin d’expertise pour gérer les résultats, donc des experts renforcés et des apprentis démunis.
+- Les limites : basées sur un corpus et un entraînement, et des résultats probabilistes. L’IA ne paraît intrinsinquement pas pouvoir dépasser l’intelligence collective.
+- L’illusion de l’immédiateté : l’impression de magie parce que ça génère un résultat complexe en 30s qui nous aurait pris des heures à rédiger nous-mếmés — mais basés sur des siècles d’expériences concrètes pré-digérées.
+- Accessoirement, plusieurs études ont démontré que « les gens » tendent à ignorer le temps qu’ils passent à rédiger et corriger leurs _prompts_, à exploiter les résultats fournis, etc.
+- L’illusion du savoir : une IAg ne cherche rien, elle donne une réponse crédible (pas vraie, juste crédible) en s’appuyant sur ce qu’elle a en stock. _Remember_ les astuces à base de dates, en demandant par exemple qui est l’actuel président des USA.
+- Parti pris politique : lié au capitalisme extrême, exploitation des ressources et des gens (entraînements par des petites mains invisibles à Mada et ailleurs…), caisse de résonnance pour les discriminations (racisme, validisme, esxisme, etc.)… aka le technofascime (en lien avec le technoféodalisme).
+- Une excuse pour ne pas faire, _a.k.a._ le techno-solutionnisme.
+
+Et que se passera t-il quand votre outil disparaîtra ?
+
+Bref, je m’en sers pas, ne m’en servirai pas, et ferai de mon mieux pour que vous non plus. Je fais de l’intégration HTML/CSS et de l’accessibilité depuis 15 ans, j’ai l’habitude de pisser sur un moulin à vent.
diff --git a/_src/robots.njk b/_src/robots.njk
index 1acc72e2..3abe9482 100644
--- a/_src/robots.njk
+++ b/_src/robots.njk
@@ -12,30 +12,17 @@ User-Agent: GPTBot
User-Agent: ClaudeBot
User-Agent: Claude-User
User-Agent: Claude-SearchBot
-User-Agent: CCBot
User-Agent: Google-Extended
User-Agent: Applebot-Extended
-User-Agent: Facebookbot
User-Agent: Meta-ExternalAgent
User-Agent: Meta-ExternalFetcher
-User-Agent: diffbot
User-Agent: PerplexityBot
User-Agent: Perplexity‑User
-User-Agent: Omgili
User-Agent: Omgilibot
User-Agent: webzio-extended
-User-Agent: ImagesiftBot
-User-Agent: Bytespider
-User-Agent: TikTokSpider
User-Agent: Amazonbot
-User-Agent: Youbot
User-Agent: SemrushBot-OCOB
User-Agent: Petalbot
-User-Agent: VelenPublicWebCrawler
-User-Agent: TurnitinBot
-User-Agent: Timpibot
-User-Agent: OAI-SearchBot
-User-Agent: ICC-Crawler
User-Agent: AI2Bot
User-Agent: AI2Bot-Dolma
User-Agent: DataForSeoBot
@@ -43,19 +30,10 @@ User-Agent: AwarioBot
User-Agent: AwarioSmartBot
User-Agent: AwarioRssBot
User-Agent: Google-CloudVertexBot
-User-Agent: PanguBot
User-Agent: Kangaroo Bot
-User-Agent: Sentibot
-User-Agent: img2dataset
-User-Agent: Meltwater
-User-Agent: Seekr
-User-Agent: peer39_crawler
User-Agent: cohere-ai
User-Agent: cohere-training-data-crawler
-User-Agent: DuckAssistBot
User-Agent: Scrapy
-User-Agent: Cotoyogi
-User-Agent: aiHitBot
User-Agent: Factset_spyderbot
User-Agent: FirecrawlAgent
User-Agent: bedrockbot
@@ -69,22 +47,434 @@ User-Agent: Google-Firebase
User-Agent: MistralAI-User
User-Agent: SemrushBot-FT
User-Agent: SemrushBot-ESI
-User-Agent: AddSearchBot
User-Agent: bigsur.ai
-User-Agent: Brightbot
-User-Agent: Crawlspace
User-Agent: EchoboxBot
-User-Agent: FriendlyCrawler
-User-Agent: LinerBot
-User-Agent: Panscient
User-Agent: Panscient.com
User-Agent: Poseidon Research Crawler
-User-Agent: SBIntuitionsBot
-User-Agent: TerraCotta
-User-Agent: Thinkbot
-User-Agent: Yak
-User-Agent: YandexAdditional
User-Agent: YandexAdditionalBot
+# Ultimate AI Block List v1.8 20260105
+# https://perishablepress.com/ultimate-ai-block-list/
+User-agent: .ai
+User-agent: -ai
+User-agent: _ai
+User-agent: ai.
+User-agent: ai-
+User-agent: ai_
+User-agent: ai=
+User-agent: AddSearchBot
+User-agent: Agentic
+User-agent: AgentQL
+User-agent: Agent 3
+User-agent: Agent API
+User-agent: Agent-
+User-agent: AI Agent
+User-agent: AI Article Writer
+User-agent: AI Assistant
+User-agent: AI Chat
+User-agent: AI Content Detector
+User-agent: AI Detection
+User-agent: AI Dungeon
+User-agent: AI Journalist
+User-agent: AI Legion
+User-agent: AI RAG
+User-agent: AI Search
+User-agent: AI SEO Crawler
+User-agent: AI Training
+User-agent: AI Web
+User-agent: AI Writer
+User-agent: AI2
+User-agent: AIBot
+User-agent: aiHitBot
+User-agent: AIMatrix
+User-agent: Airesearch
+User-agent: AISearch
+User-agent: AITraining
+User-agent: Alexa
+User-agent: Alice Yandex
+User-agent: AliGenie
+User-agent: AliyunSec
+User-agent: Alpha AI
+User-agent: AlphaAI
+User-agent: Amazon
+User-agent: Amelia
+User-agent: AndersPinkBot
+User-agent: AndiBot
+User-agent: Anomura
+User-agent: Anonymous AI
+User-agent: Anthropic
+User-agent: AnyPicker
+User-agent: Anyword
+User-agent: Applebot
+User-agent: Aria AI
+User-agent: Aria Browse
+User-agent: Articoolo
+User-agent: Ask AI
+User-agent: Atlassian
+User-agent: AutoGen
+User-agent: Automated Writer
+User-agent: AutoML
+User-agent: Autonomous RAG
+User-agent: AutoRAG
+User-agent: Awario
+User-agent: AWS Trainium
+User-agent: Azure
+User-agent: BabyAGI
+User-agent: BabyCatAGI
+User-agent: BardBot
+User-agent: Basic RAG
+User-agent: Bedrock
+User-agent: Big Sur
+User-agent: Bigsur
+User-agent: Botsonic
+User-agent: Brightbot
+User-agent: Browser MCP Agent
+User-agent: Browser Use
+User-agent: BuddyBot
+User-agent: Bytebot
+User-agent: ByteDance
+User-agent: Bytespider
+User-agent: CarynAI
+User-agent: CatBoost
+User-agent: CC-Crawler
+User-agent: CCBot
+User-agent: Chai
+User-agent: Channel3Bot
+User-agent: Character
+User-agent: Charstar AI
+User-agent: Chatbot
+User-agent: Chatsonic
+User-agent: ChatUser
+User-agent: Chinchilla
+User-agent: Claude
+User-agent: ClearScope
+User-agent: Clearview
+User-agent: Cognitive AI
+User-agent: Cohere
+User-agent: Common Crawl
+User-agent: CommonCrawl
+User-agent: Compass
+User-agent: Content Harmony
+User-agent: Content King
+User-agent: Content Optimizer
+User-agent: Content Samurai
+User-agent: ContentAtScale
+User-agent: ContentBot
+User-agent: Contentedge
+User-agent: ContentShake
+User-agent: Conversion AI
+User-agent: Copilot
+User-agent: CopyAI
+User-agent: Copymatic
+User-agent: Copyscape
+User-agent: CoreWeave
+User-agent: Corrective RAG
+User-agent: Cotoyogi
+User-agent: CRAB
+User-agent: Crawl4AI
+User-agent: CrawlQ AI
+User-agent: Crawlspace
+User-agent: Crew AI
+User-agent: CrewAI
+User-agent: Crushon AI
+User-agent: Cypex
+User-agent: DALL-E
+User-agent: DarkBard
+User-agent: DarkBERT
+User-agent: DataFor
+User-agent: DataProvider
+User-agent: Datenbank Crawler
+User-agent: DeepAI
+User-agent: Deep AI
+User-agent: DeepL
+User-agent: DeepMind
+User-agent: Deep Research
+User-agent: DeepResearch
+User-agent: DeepSeek
+User-agent: Devin
+User-agent: Diffbot
+User-agent: Dolma
+User-agent: Doubao AI
+User-agent: DuckAssistBot
+User-agent: DuckDuckGo Chat
+User-agent: DuckDuckGo-Enhanced
+User-agent: Echobot
+User-agent: Echobox
+User-agent: Elixir
+User-agent: FacebookBot
+User-agent: FacebookExternalHit
+User-agent: Factset
+User-agent: Falcon
+User-agent: FIRE-1
+User-agent: Firebase
+User-agent: Firecrawl
+User-agent: Flyriver
+User-agent: Frase AI
+User-agent: FriendlyCrawler
+User-agent: Gato
+User-agent: Gemini
+User-agent: Gemma
+User-agent: Gen AI
+User-agent: GenAI
+User-agent: Generative
+User-agent: Genspark
+User-agent: Gentoo-chat
+User-agent: Ghostwriter
+User-agent: GigaChat
+User-agent: GLM
+User-agent: GodMode
+User-agent: Goose
+User-agent: GPT
+User-agent: Grammarly
+User-agent: Grendizer
+User-agent: Grok
+User-agent: Groq
+User-agent: GT Bot
+User-agent: GTBot
+User-agent: GTP
+User-agent: Hemingway Editor
+User-agent: Hetzner
+User-agent: Hugging
+User-agent: Hunyuan
+User-agent: Hybrid Search RAG
+User-agent: Hypotenuse AI
+User-agent: iAsk
+User-agent: IbouBot
+User-agent: ICC-Crawler
+User-agent: Ideogram
+User-agent: ImageGen
+User-agent: Imagen
+User-agent: ImagesiftBot
+User-agent: ImageSpider
+User-agent: img2dataset
+User-agent: imgproxy
+User-agent: INK Editor
+User-agent: INKforall
+User-agent: Instructor
+User-agent: IntelliSeek
+User-agent: Inferkit
+User-agent: ISSCyberRiskCrawler
+User-agent: Janitor AI
+User-agent: Jasper
+User-agent: Jenni AI
+User-agent: Julius AI
+User-agent: Kafkai
+User-agent: Kaggle
+User-agent: Kangaroo
+User-agent: Keyword Density AI
+User-agent: Kimi
+User-agent: Klaviyo
+User-agent: Knowledge
+User-agent: KomoBot
+User-agent: Kruti
+User-agent: KunatoCrawler
+User-agent: LAIONDownloader
+User-agent: LangChain
+User-agent: Langfuse
+User-agent: Language AI
+User-agent: Le Chat
+User-agent: Lensa
+User-agent: Leonardo
+User-agent: Lightpanda
+User-agent: LightRAG
+User-agent: LinerBot
+User-agent: LinkupBot
+User-agent: LLaMA
+User-agent: LCC
+User-agent: LLM
+User-agent: Local RAG Agent
+User-agent: Lovable
+User-agent: Magistral
+User-agent: magpie-crawler
+User-agent: MAI-Image
+User-agent: Manus
+User-agent: MarketMuse
+User-agent: MBZUAI
+User-agent: Meltwater
+User-agent: Meta-AI
+User-agent: Meta-External
+User-agent: Meta-Webindexer
+User-agent: Meta AI
+User-agent: MetaAI
+User-agent: MetaTagBot
+User-agent: Middleware
+User-agent: Midjourney
+User-agent: Mini AGI
+User-agent: MiniMax
+User-agent: Mintlify
+User-agent: Mistral
+User-agent: Mixtral
+User-agent: model-training
+User-agent: Molmo
+User-agent: Monica
+User-agent: Nano
+User-agent: Narrative
+User-agent: NeevaBot
+User-agent: netEstate
+User-agent: Neural Text
+User-agent: NeuralSEO
+User-agent: NinjaAI
+User-agent: NodeZero
+User-agent: NotebookLM
+User-agent: Nova Act
+User-agent: NovaAct
+User-agent: Nytheon
+User-agent: OAI-SearchBot
+User-agent: OAI SearchBot
+User-agent: OASIS
+User-agent: Olivia
+User-agent: OLM
+User-agent: Omgili
+User-agent: Onyx
+User-agent: Open AI
+User-agent: Open Interpreter
+User-agent: OpenAGI
+User-agent: OpenAI
+User-agent: OpenBot
+User-agent: OpenInterpreter
+User-agent: OpenPi
+User-agent: OpenRouter
+User-agent: OpenText AI
+User-agent: Operator
+User-agent: Outwrite
+User-agent: OVHcloud
+User-agent: Owlin
+User-agent: Page Analyzer AI
+User-agent: PaLM 2
+User-agent: PanguBot
+User-agent: Panscient
+User-agent: Paperlibot
+User-agent: Paraphraser.io
+User-agent: peer39_crawler
+User-agent: Perflexity
+User-agent: Perplexity
+User-agent: Petal
+User-agent: Phind
+User-agent: PiplBot
+User-agent: Pixmo
+User-agent: Playwright
+User-agent: PoeBot
+User-agent: PoeSearchBot
+User-agent: Poggio
+User-agent: Poseidon
+User-agent: ProWritingAid
+User-agent: Proximic
+User-agent: PulsarRPA
+User-agent: Puppeteer
+User-agent: Python AI
+User-agent: Python lxml
+User-agent: PyTorch
+User-agent: Qualified
+User-agent: Quark
+User-agent: QuillBot
+User-agent: Qopywriter
+User-agent: Qwen
+User-agent: RAG Agent
+User-agent: RAG Azure AI
+User-agent: RAG Chatbot
+User-agent: RAG Database
+User-agent: RAG IS
+User-agent: RAG Pipeline
+User-agent: RAG Search
+User-agent: RAG with
+User-agent: RAG-
+User-agent: RAG_
+User-agent: Raptor
+User-agent: React Agent
+User-agent: Reasoning
+User-agent: Redis AI RAG
+User-agent: Reka Flash
+User-agent: Replicate
+User-agent: RobotSpider
+User-agent: RunPod
+User-agent: Rytr
+User-agent: SaplingAI
+User-agent: SBIntuitionsBot
+User-agent: Scala
+User-agent: Scalenut
+User-agent: Scrap
+User-agent: ScriptBook
+User-agent: Seekr
+User-agent: SEObot
+User-agent: SEO Content Machine
+User-agent: SEO Robot
+User-agent: SemrushBot
+User-agent: Sentibot
+User-agent: Serper
+User-agent: ShapBot
+User-agent: Sidetrade
+User-agent: Simplified AI
+User-agent: Sitefinity
+User-agent: Skydancer
+User-agent: Skyvern
+User-agent: SlickWrite
+User-agent: SmartBot
+User-agent: Sonic
+User-agent: Sora
+User-agent: Spider/2
+User-agent: SpiderCreator
+User-agent: Spin Rewrite
+User-agent: Spinbot
+User-agent: Stability
+User-agent: Stable Diffusion
+User-agent: StableDiffusionBot
+User-agent: Stagehand
+User-agent: Stealth
+User-agent: Sudowrite
+User-agent: SummalyBot
+User-agent: Super Agent
+User-agent: Superagent
+User-agent: SuperAGI
+User-agent: Surfer AI
+User-agent: Taiko
+User-agent: TavilyBot
+User-agent: TerraCotta
+User-agent: Text Blaze
+User-agent: TextCortex
+User-agent: Thinkbot
+User-agent: Thordata
+User-agent: TikTokSpider
+User-agent: Timpibot
+User-agent: Tinybird
+User-agent: Together
+User-agent: Traefik
+User-agent: Tulu
+User-agent: Tülu
+User-agent: TurnitinBot
+User-agent: TwinAgent
+User-agent: uAgents
+User-agent: UI-TARS
+User-agent: VelenPublicWebCrawler
+User-agent: Venus Chub AI
+User-agent: Vidnami AI
+User-agent: Vision RAG
+User-agent: WARDBot
+User-agent: WebSurfer
+User-agent: WebText
+User-agent: WebVoyager
+User-agent: Webzio
+User-agent: WeChat
+User-agent: Whisper
+User-agent: WordAI
+User-agent: Wordtune
+User-agent: WPBot
+User-agent: Writecream
+User-agent: WriterZen
+User-agent: Writescope
+User-agent: Writesonic
+User-agent: WRTNBot
+User-agent: xAI
+User-agent: Xanthorox
+User-agent: xBot
+User-agent: XLNet
+User-agent: YaK
+User-agent: YaML
+User-agent: YouBot
+User-agent: Zanista
+User-agent: Zendesk
+User-agent: Zero
+User-agent: Zhipu
+User-agent: Zhuque AI
+User-agent: Zimm
Disallow: /
DisallowAITraining: /
diff --git a/docs/ia-bien-qui-ia-le-dernier/index.html b/docs/ia-bien-qui-ia-le-dernier/index.html
new file mode 100644
index 00000000..05992a7d
--- /dev/null
+++ b/docs/ia-bien-qui-ia-le-dernier/index.html
@@ -0,0 +1,176 @@
+
+
+
+
+
+
+ IA bien qui IA le dernier — La vie en #ffoodd
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Aller au contenu
+ Aller au sommaire
+
+
+
+
+
+
+
+
+
IA bien qui IA le dernier
+
+
+
+
+
+
+
Les externalités techniques : machines physiques, énergie, surface imperméabilisée, etc.
+
Les impacts psychosociaux : perte d’esprit critique, mauvaise estimation du temps, biais de confirmation ++, orientation des idées par suggestion, perte de sens dans le travail, perte de travail tout court
+
Les risques culturels : non respect des licences et de la propriété intellectuelle (que se passera-t-il quand du code sous licence sera retrouvé dans vos vibe coded apps ? Orange VS Entr’ouvert), opacité et invisibilisation des sources — voire mensonges / manipulations purs et durs, etc.
+
Les risques de sécurité : envoyer des données à pétaouchnok, zéro confidentialité ni étanchéité
+
L’impact sur l’apprentissage et l’expertise : besoin d’expertise pour gérer les résultats, donc experts++ et apprentis–
+
Parti pris politique : lié au capitalisme extrême, exploitation des ressources et des gens (entraînements par des petites mains invisibles à Mada et ailleurs…), caisse de résonnance pour les discriminations (racisme, validisme, esxisme, etc.)…
+
Les retours / observations par collègues interposés : temps passé important, besoin de recadrer souvent (retours Boris), risques de sécurité ++, besoin de cumuler les outils / agents / serveurs, délire des MCP (talk d’Antonin)
+
+
Et que se passera t-il quand votre outil disparaîtra ?
+
+
Les résultats côté accessibilité (audit, inté HTML / CSS, etc.) étaient jusque là très en retrait en terme de qualité par rapport au bon gros dévs : apparemment ça évolue en bien (Tenon, Romy, etc.).
Laisser un commentaire
+ + +