Articles

[ffoodd]

Quelques idées d’articles

• Utiliser Sliide pour une conférence, et l’enrichir au fil de l’eau
• Refonte du site avec 11ty / WordPress vers Markdown avec l’API Rest, Node, et de la configuration markdown-it
• .sr-only : explications détaillées de chaque ligne ❤️ et extension avec cas tordus : caption dans tableau, élément block qui débordent et deviennent focusables
• Les mutationOBserver pour patcher l’accessibilité de scripts tiers
• iimmgg pour la génération d’images : 11ty, SVG, Node, Firefox…
• Penpot pour le design ?
• Les astuces de dév pour le jeu « L’invasion du HTML mutant »
• CSS wishlist : attr() avancé, sibling-count() et sibling-index(), currentBackgroundColor…
• Les images en SVG : gestion des couleurs selon le contexte, voire remplacement du contenu textuel par du texte HTML + CSS.

[ffoodd]

Pour la migration WP → 11ty

On récupère les contenus depuis l’API Rest de WordPress, légèrement étendue pour contenir les champs ACF et les métadonnées personnalisées — puis le JSON obtenu est passé dans des scripts Node dédiés, qui convertissent en Markdown en prenant soin de la syntaxe et du frontmatter.

Articles

1. API Rest.
2. Conversion en Markdown : npm run wp:migrate:posts.

Pages

1. API Rest.
2. Conversion en Markdown : npm run wp:migrate:pages.

Commentaires

1. API Rest, page 1 et page 2.
2. Fusionner les deux JSON (manuellement).
3. Conversion en Markdown : npm run wp:migrate:comments.

Les scripts Node sont joints, zippés (mais toujours trouvables dans l’historique Git, également).

scripts-node.zip