diff --git a/_src/humans.txt b/_src/humans.txt
index 7a2ae9c..f01704b 100644
--- a/_src/humans.txt
+++ b/_src/humans.txt
@@ -1,3 +1,25 @@
+ ●●●●●● ●●●●●●
+ ●●●●●●●●●●●●●●●●●● ●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●●●●●●●●●●●●● ●●●●●●●
+●●●●●●●●●●●●●●● ●●●●●●●●● ●●●●●●●●
+●●●●●●●●●●●●● ●●●●●●●
+●●●●●●●●●●●●●● ●●●●●●●●
+●●●●●●●●●●●●●●●●● ●●●●●●●●●●●●●
+●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●●●●●●●●●●●
+ ●●●●●●●●●●●●●●●●
+ ●●●●●●●●●
+ ●●●●●●●●
+ ●●●●●●●●●●●
+ ●●●●●
+ ●●●●
+ ●●
+ ●
+
+
/* TEAM */
Gaël Poupard
diff --git a/_src/pages/ia.md b/_src/pages/ia.md
new file mode 100644
index 0000000..a48c931
--- /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 0000000..0e77b17
--- /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 5da317d..3abe948 100644
--- a/_src/robots.njk
+++ b/_src/robots.njk
@@ -5,5 +5,488 @@ 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: Google-Extended
+User-Agent: Applebot-Extended
+User-Agent: Meta-ExternalAgent
+User-Agent: Meta-ExternalFetcher
+User-Agent: PerplexityBot
+User-Agent: Perplexity‑User
+User-Agent: Omgilibot
+User-Agent: webzio-extended
+User-Agent: Amazonbot
+User-Agent: SemrushBot-OCOB
+User-Agent: Petalbot
+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: Kangaroo Bot
+User-Agent: cohere-ai
+User-Agent: cohere-training-data-crawler
+User-Agent: Scrapy
+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: bigsur.ai
+User-Agent: EchoboxBot
+User-Agent: Panscient.com
+User-Agent: Poseidon Research Crawler
+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: /
+
+# 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/21e-seminaire-accessiweb/index.html b/docs/21e-seminaire-accessiweb/index.html
index 121864f..333c28f 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 9674ca6..710f103 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 844b888..04cb056 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 b6ef663..dc5c1f5 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 b6ae3e6..377bd77 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 86072fd..1fce3dc 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 7964c6f..4be0455 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 512d134..3c29f33 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 5705873..f7f66a2 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 89ebcd0..a679685 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 89701a1..1028596 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 721dd99..6513ae8 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 e13d091..c264473 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 0d2c5fb..45ca76a 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 6677f1e..c77f61f 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 ea67a2d..c12335c 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 3a88b1b..31d45c0 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 2d3d56d..9278652 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 8409922..9e9e951 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 0fc15b2..b6f038d 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 3ea90a5..120a3eb 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 a592b31..36f291b 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 2ef1094..01119de 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 dea8289..272ef54 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 cdf8ecd..0869841 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 b79ddee..73eca25 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 b8b062d..61cb3c7 100644
--- a/docs/html-comme-fondation/index.html
+++ b/docs/html-comme-fondation/index.html
@@ -10,7 +10,7 @@
-
+
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 0000000..05992a7
--- /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.).
+ 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 » » →
-
-
+
Laisser un commentaire
+ + +