<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Code Lion — Ressources clients</title>
    <link>https://code-lion.com/ressources-clients</link>
    <description>Articles et tutoriels de Code Lion.</description>
    <language>fr-FR</language>
    <lastBuildDate>Tue, 09 Jan 2024 00:00:00 GMT</lastBuildDate>
    <atom:link href="https://code-lion.com/rss.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Comment optimiser les images de son site web ?</title>
      <link>https://code-lion.com/ressources-clients/image-optimization</link>
      <guid isPermaLink="true">https://code-lion.com/ressources-clients/image-optimization</guid>
      <dc:creator>Guillaume Collard</dc:creator>
      <pubDate>Tue, 09 Jan 2024 00:00:00 GMT</pubDate>
      <atom:updated>2026-09-09T00:00:00.000Z</atom:updated>
      <description>Des commandes shell prêtes à l&apos;emploi pour compresser en masse les images PNG et JPEG de votre site web.</description>
      <content:encoded><![CDATA[<pre><code># Compresse les PNG sans perte (optipng)
find . -type f -iname &quot;*.png&quot; -exec optipng -nb -nc {} \;
# Recompresse les PNG avec la meilleure compression zlib (advancecomp)
find . -type f -iname &quot;*.png&quot; -exec advpng -z4 {} \;
# Supprime les métadonnées inutiles des PNG (pngcrush)
find . -type f -iname &quot;*.png&quot; -exec pngcrush -rem gAMA -rem alla -rem cHRM -rem iCCP -rem sRGB -rem time -ow {} \;
# Compresse les JPEG et retire toutes les métadonnées (jpegoptim)
find . -type f \( -iname &quot;*.jpg&quot; -o -iname &quot;*.jpeg&quot; \) -exec jpegoptim -f --strip-all {} \;
</code></pre>]]></content:encoded>
    </item>
    <item>
      <title>Aide mémoire Markdown</title>
      <link>https://code-lion.com/ressources-clients/markdown-memo</link>
      <guid isPermaLink="true">https://code-lion.com/ressources-clients/markdown-memo</guid>
      <dc:creator>Guillaume Collard</dc:creator>
      <pubDate>Tue, 09 Jan 2024 00:00:00 GMT</pubDate>
      <description>La syntaxe Markdown essentielle en un coup d&apos;œil : titres, listes, liens, images, code et tableaux.</description>
      <content:encoded><![CDATA[<pre><code class="hljs language-javascript"><span class="hljs-keyword">var</span> s = <span class="hljs-string">&quot;JavaScript syntax highlighting&quot;</span>;
<span class="hljs-title function_">alert</span>(s);
</code></pre><h2>Headers</h2>
<pre><code># H1
## H2
### H3
#### H4
##### H5
###### H6

Syntaxes alternatives:

Alt-H1
======

Alt-H2
------
</code></pre><h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
<p>Alternatives:</p>
<h1>Alt-H1</h1>
<h2>Alt-H2</h2>
<h2>Emphases</h2>
<pre><code>Italique: *italique* or _italique_.

Gras: **gras** ou __gras__.

Gras italique: **gras et _italique_**.

Barré: ~~Barré.~~
</code></pre><p>Italique: <em>italique</em> or <em>italique</em>.</p>
<p>Gras: <strong>gras</strong> ou <strong>gras</strong>.</p>
<p>Gras italique: <strong>gras et <em>italique</em></strong>.</p>
<p>Barré: <del>Barré.</del></p>
<h2>Liens</h2>
<pre><code>[Lien Markdown](https://code-lion.com)

[Lien Markdown avec titre](https://code-lion.com &quot;Code Lion&quot;)

[Lien Markdown par référence][Texte de Reference Insensible à la casse]

[Lien Markdown par référence numérique][1]

[Lien Markdown par référence à un fichier](../blog)

Ou utilisez simplement le [Lien texte Markdown].

Les URLs peuvent être automatiquement converties en lien.
https://code-lion.com ou &lt;https://code-lion.com&gt;

[Texte de Reference Insensible à la casse]: https://code-lion.com
[1]: https://code-lion.com
[Lien texte Markdown]: https://code-lion.com
</code></pre><p><a href="https://code-lion.com">Lien Markdown</a></p>
<p><a href="https://code-lion.com" title="Code Lion">Lien Markdown avec titre</a></p>
<p><a href="https://code-lion.com">Lien Markdown par référence</a></p>
<p><a href="https://code-lion.com">Lien Markdown par référence numérique</a></p>
<p><a href="../blog">Lien Markdown par référence à un fichier</a></p>
<p>Ou utilisez simplement le <a href="https://code-lion.com">Lien texte Markdown</a>.</p>
<p>Les URLs peuvent être automatiquement converties en lien.
<a href="https://code-lion.com">https://code-lion.com</a> ou <a href="https://code-lion.com">https://code-lion.com</a></p>
<h2>Images</h2>
<p>Inline:  </p>
<pre><code>![alt text](/logos/checkmark-ok.svg &quot;Title Text 1&quot;)
</code></pre><p>Par Reference:  </p>
<pre><code>Votre contenu ![alt text][logo] autour de votre image
Deuxième image ![alt text][logo2] à insérer dans le contenu

# Référence à votre image  
[logo]: /logos/checkmark-ok.svg &quot;Première image&quot;
[logo2]: /logos/checkmark-ok.svg &quot;Deuxième image&quot;
</code></pre>]]></content:encoded>
    </item>
    <item>
      <title>[résolu] Comment modifier l&apos;emplacement de Docker</title>
      <link>https://code-lion.com/ressources-clients/move-docker-data-directory</link>
      <guid isPermaLink="true">https://code-lion.com/ressources-clients/move-docker-data-directory</guid>
      <dc:creator>Guillaume Collard</dc:creator>
      <pubDate>Tue, 09 Jan 2024 00:00:00 GMT</pubDate>
      <description>No space left on device ? Déplacez le répertoire de données de Docker vers un autre disque en quelques minutes.</description>
      <content:encoded><![CDATA[<p><code>No space left on device</code>  Oups, un code d&#39;erreur encore jamais rencontré apparait dans vos logs.<br>Votre application Dockerisée ne fonctionne plus correctement, votre serveur indique un problème d&#39;espace disque malgré que vous ayez opté pour une solution d&#39;hébergement plus que suffisante, pas de panique, la solution est simple et ne prend que quelques minutes à régler.</p>
<h2>Confirmer le problème d&#39;espace disque (optionnel)</h2>
<p>Affichons l&#39;espace disque disponible sur le serveur<br><code>df -h</code>  </p>
<pre><code>Filesystem      Size  Used Avail  Use% Mounted on
udev             16G     0   16G    0% /dev
tmpfs           3.2G  331M  2.9G   11% /run
/dev/md3         20G   20G    0M  100% /
tmpfs            16G     0   16G    0% /dev/shm
tmpfs           5.0M     0  5.0M    0% /run/lock
tmpfs            16G     0   16G    0% /sys/fs/cgroup
/dev/md2        487M   53M  406M   12% /boot
/dev/md4        1.8T  8.1G  1.7T    1% /home
</code></pre><p>Le disque <code>/dev/md3</code> monté à la racine du serveur <code>/</code> est plein, tandis que le disque monté en <code>/home</code> lui est quasiment vide.  </p>
<p>Nous pouvons maintenant vérifier :  </p>
<ol>
<li>que Docker est bien installé sur le disque plein  </li>
<li>que Docker est responsable de ce manque de place</li>
</ol>
<p><code>docker info</code>  </p>
<pre><code>Docker Root Dir: /var/lib/docker  
</code></pre><p>Ce qui confirme que Docker est bien installé sur le disque plein.<br>Nous vérifions la taille du répertoire Docker  </p>
<p><code>du -sh /var/lib/docker</code>  </p>
<pre><code>15G     /var/lib/docker/
</code></pre><p>Docker occupe effectivement les 3/4 de notre disque.  </p>
<h2>Déplacer le répertoire data de Docker</h2>
<ol>
<li><p>Stopper Docker<br><code>sudo service docker stop</code></p>
</li>
<li><p>Copier le répertoire data de Docker vers un nouveau répertoire sur le disque libre<br><code>sudo rsync -aP /var/lib/docker/ /home/nouveau/repertoire/docker</code></p>
</li>
<li><p>Faire un backup de l&#39;ancien répertoire<br><code>sudo mv /var/lib/docker /var/lib/docker.bak</code></p>
</li>
<li><p>Ajouter un fichier de configuration pour indiquer à Docker le nouvel emplacement du répertoire data</p>
</li>
</ol>
<pre><code class="hljs language-json"><span class="hljs-punctuation">{</span>
   <span class="hljs-attr">&quot;data-root&quot;</span><span class="hljs-punctuation">:</span> <span class="hljs-string">&quot;/home/nouveau/repertoire/docker&quot;</span>
<span class="hljs-punctuation">}</span>
</code></pre><ol start="5">
<li><p>Redémarrer Docker<br><code>sudo service docker start</code></p>
</li>
<li><p>Tester que la modification du répertoire docker data a bien été prise en compte<br><code>docker info</code></p>
</li>
</ol>
<pre><code class="hljs language-yaml"> <span class="hljs-attr">Docker Root Dir:</span> <span class="hljs-string">/home/nouveau/repertoire/docker</span>
</code></pre><p>Docker indique bien utiliser le nouveau répertoire data.<br>Puis testez que votre application fonctionne correctement.</p>
<ol start="7">
<li>Supprimer le fichier Docker data de sauvegarde</li>
</ol>
<pre><code># Une fois que vous avez testé que votre application fonctionnait correctement,
# vous pouvez supprimer le repertoire Docker data
sudo rm -rf /var/lib/docker.bak
</code></pre><p>Félicitations, vous venez de :</p>
<ol>
<li>Déplacer le répertoire docker Data du disque <code>/</code> au disque <code>/home</code>  </li>
<li>Libérer 15G d&#39;espace disque sur <code>/</code>  </li>
<li>Vous débarasser durablement du problème d&#39;espace disque causé par Docker.</li>
</ol>
]]></content:encoded>
    </item>
    <item>
      <title>Liste d&apos;outils et de ressources gratuites pour webdesigner</title>
      <link>https://code-lion.com/ressources-clients/liste-outils-design-gratuits</link>
      <guid isPermaLink="true">https://code-lion.com/ressources-clients/liste-outils-design-gratuits</guid>
      <dc:creator>Guillaume Collard</dc:creator>
      <pubDate>Tue, 09 Jan 2024 00:00:00 GMT</pubDate>
      <description>Une sélection d&apos;outils et de ressources gratuits pour les webdesigners : couleurs, typographies, icônes et images.</description>
      <content:encoded><![CDATA[<h2>Couleurs</h2>
<ol>
<li><strong>Coolors</strong> — générateur de palettes de couleurs aléatoires, exportables en un clic. <a href="https://coolors.co/">[1]</a></li>
</ol>
<h2>Typographies</h2>
<ol>
<li><strong>Font Pair</strong> — suggestions d&#39;associations de polices titre/texte. <a href="https://www.fontpair.co/">[2]</a></li>
</ol>
<h2>Icônes</h2>
<ol>
<li><strong>Lucide</strong> — large bibliothèque d&#39;icônes gratuites. <a href="https://lucide.dev/icons/">[1]</a></li>
</ol>
<h2>Édition d&#39;image</h2>
<ol>
<li><strong>Remove.bg</strong> — détoure automatiquement une personne ou un objet dans une photo, en un clic. <a href="https://www.remove.bg/">[1]</a></li>
</ol>
<h2>Outils IA d&#39;édition photo / vidéo</h2>
<ol>
<li><strong>Photoroom</strong> — retouche et met en scène des photos produit par IA (fond, ombre, éclairage). <a href="https://www.photoroom.com/">[1]</a></li>
<li><strong>Cleanup.pictures</strong> — supprime un objet, une personne ou un texte indésirable d&#39;une photo par IA. <a href="https://cleanup.pictures/">[2]</a></li>
<li><strong>Topaz Photo AI</strong> — améliore la netteté et réduit le bruit d&#39;une photo grâce à l&#39;IA. <a href="https://www.topazlabs.com/topaz-photo-ai">[3]</a></li>
<li><strong>CapCut</strong> — montage vidéo avec outils IA intégrés (sous-titres auto, suppression de fond). <a href="https://www.capcut.com/">[4]</a></li>
<li><strong>Runway</strong> — édition et génération vidéo par IA (green screen auto, inpainting vidéo). <a href="https://runwayml.com/">[5]</a></li>
<li><strong>Descript</strong> — montage vidéo/podcast par édition du texte transcrit, avec suppression IA des hésitations. <a href="https://www.descript.com/">[6]</a></li>
</ol>
<h2>Ressources graphiques</h2>
<ol>
<li><strong>Subtle Patterns</strong> — répertoire de motifs (patterns) libres de droits pour habiller vos fonds. <a href="https://www.toptal.com/designers/subtlepatterns/">[1]</a></li>
<li><strong>Haikei</strong> — générateur de formes SVG (vagues, blobs) pour arrière-plans. <a href="https://app.haikei.app/">[3]</a></li>
<li><strong>Unsplash</strong> — banque de photos libres de droits haute qualité. <a href="https://unsplash.com/">[4]</a></li>
<li><strong>Pexels</strong> — photos et vidéos gratuites libres de droits. <a href="https://www.pexels.com/">[5]</a></li>
</ol>
]]></content:encoded>
    </item>
    <item>
      <title>Comment modifier l&apos;adresse d&apos;un site web wordpress ?</title>
      <link>https://code-lion.com/ressources-clients/wordpress-migration</link>
      <guid isPermaLink="true">https://code-lion.com/ressources-clients/wordpress-migration</guid>
      <dc:creator>Guillaume Collard</dc:creator>
      <pubDate>Tue, 09 Jan 2024 00:00:00 GMT</pubDate>
      <description>Changer l&apos;URL d&apos;un site WordPress après une migration : les réglages et requêtes SQL à connaître.</description>
      <content:encoded><![CDATA[<p>Cette méthode pour modifier l&#39;adresse (URL) de votre installation wordpress :</p>
<ol>
<li>Est la seule solution pour contourner les erreurs liées à l&#39;utilisation d&#39;un éditeur visuel (content builder, visual block builder, Elementor, etc.. )</li>
<li>Nécessite un accès (ssh) au serveur du nouveau site wordpress</li>
<li>Utilise le CLI Wordpress (Interface par ligne de commande)</li>
</ol>
<h2>Changer l&#39;adresse d&#39;un site web wordpress</h2>
<ol>
<li>Se connecter sur le nouveau serveur</li>
<li>Naviguer jusqu&#39;au repertoire racine contenant le site web</li>
<li><a href="https://wp-cli.org/">Télécharger l&#39;interface ligne de commande wordpress</a></li>
<li>Dans le code ci dessous, remplacer old-domain.com par l&#39;ancien nom de domaine et new-domain.com par le nouveau nom de domaine</li>
</ol>
<p>Remplace toutes les occurences de <a href="https://old-domain.com">https://old-domain.com</a> par la nouvelle adresse <a href="https://new-domain.com">https://new-domain.com</a> du site wordpress.<br><code>wp search-replace &#39;https://old-domain.com&#39; &#39;https://new-domain.com&#39; --recurse-objects --skip-columns=user_email,guid --all-tables</code>  </p>
<p>Opération identique. Utile pour corriger le lien de toutes les images ajoutées au site via un éditeur visuel comme Elementor.<br><code>wp search-replace &#39;https:\/\/old-domain.com&#39; &#39;https:\/\/new-domain.com&#39; --recurse-objects --skip-columns=user_email,guid --all-tables</code>  </p>
<p>Forcer la mise à jour de l&#39;adresse racine du site wordpress<br><code>wp option update home &#39;https://new-domain.com&#39;</code><br><code>wp option update siteurl &#39;https://new-domain.com&#39;</code>  </p>
<p>Rafraichir le cache<br><code>wp rewrite flush</code><br><code>wp cache flush</code>  </p>
<pre><code>
</code></pre>]]></content:encoded>
    </item>
  </channel>
</rss>
