lowtechweb/content/outils-ressources.md

---
title: Outils et ressources
menu:
  main:
    name: 🛠 Outils & ressources
    weight: 30
---

## Ressources pour un web low-tech
{{< row-list >}}
{{< col-list >}}
<h3>Écoconception</h3>
<ul>
  <li><a href="https://www.youtube.com/watch?v=pvl6QeeBOaU&feature=emb_title">Repenser le numérique dans les limites planétaires - BlendWebMix - Gauthier Roussilhe</a></li>
  <li><a href="http://gauthierroussilhe.com/fr/posts/convert-low-tech">Guide de conversion numérique au low tech</a></li>
  <li><a href="https://alistapart.com/article/sustainable-web-design/">James Christie, Sustainable Web Design</a></li>
  <li>Écoconception web : les 115 bonnes pratiques – 3ème édition</li>
</ul>
{{< /col-list >}}

{{< col-list >}}
<h3>Rapport</h3>
<ul>
  <li><a href="https://theshiftproject.org/lean-ict/">The shift project</a></li>
</ul>
{{< /col-list >}}

{{< col-list >}}
<h3>Low Tech</h3>
<ul>
  <li>Phillipe Bihouix, L'âge des Low Tech : Vers une civilisation techniquement soutenable</li>
</ul>
{{< /col-list >}}

{{< col-list >}}
<h3>Design</h3>
<ul>
  <li><a href="https://groupe.design/">Groupe d'éducation en design</a></li>
  <li>Eric Meyer & Sara Wachter-Boettcher, Design for Real Life</li>
  <li><a href="https://alistapart.com/article/sustainable-web-design/">James Christie, Sustainable Web Design</a></li>
  <li>Erika Hall, Just Enough Research</li>
</ul>
{{< /col-list >}}

{{< col-list >}}
<h3>Accessibilité</h3>
<ul>
  <li>Laura Kalbag, Accessibility for Everyone/li>
</ul>
{{< /col-list >}}

{{< col-list >}}
<h3>Société</h3>
<ul>
  <li><a href="http://lapenseeecologique.com/et-si-nous-nous-trompions-de-transition-pour-un-luddisme-ecologique/">Éloi Laurent, Et si nous nous trompions de transition ? Pour un luddisme écologique</a></li>
  <li><a href="https://ar.al/2019/11/29/the-future-of-internet-regulation-at-the-european-parliament/">The Future of Internet Regulation at the European Parliament</a></li>
  <li><a href="https://www.youtube.com/watch?v=WkeGGNdOv4g&feature=youtu.be">Laura Kalbag / ffconf 2019</a></li>
</ul>
{{< /col-list >}}
{{< /row-list >}}

## Outils pour un web low-tech
{{< row-list >}}
{{< col-list >}}
<h3>Mesures</h3>
<ul>
  <li><a href="https://www.websitecarbon.com/">Website Carbon Calculator</a></li>
  <li><a href="http://www.ecoindex.fr/">Ecoindex</a></li>
  <li><a href="https://www.websitecarbon.com/">Website Carbon</a></li>
  <li><a href="https://gtmetrix.com">GTmetrix</a></li>
</ul>
{{< /col-list >}}

{{< col-list >}}
<h3>Usage alternatif</h3>
<ul>
  <li><a href="https://www.nightnight.みんな/details">nightnight</a></li>
  <li><a href="https://www.kiwix.org/">Kiwix</a></li>
  <li><a href="https://fr.wikipedia.org/wiki/El_paquete_hebdomadaire">El paquete</a></li>
  <li><a href="https://ieeexplore.ieee.org/document/1319279">DakNet</a></li>
</ul>
{{< /col-list >}}

{{< col-list >}}
<h3>Développement</h3>
<ul>
  <li><a href="https://gohugo.io/">Hugo</a></li>
  <li><a href="https://jekyllrb.com/">Jekyll</a></li>
  <li><a href="https://getkirby.com/">Kirby</a></li>
  <li><a href="https://getpublii.com/">Getpublii</a></li>
  <li><a href="https://mavo.io/">Mavo.io</a></li>
  <li><a href="https://www.11ty.dev/">11ty</a></li>
</ul>

{{< /col-list >}}

{{< col-list >}}
<h3>Design</h3>
<ul>
  <li><a href="https://small-tech.org/">Small Technology</a></li>
  <li><a href="https://www.disruptdesign.co/">Disrupt Design</a></li>
</ul>
{{< /col-list >}}

{{< col-list >}}
<h3>Auto-hébergement</h3>
<ul>
  <li><a href="https://www.raspberrypi.org/">RaspberryPi</a></li>
  <li><a href="https://nextcloud.com/">NextCloud</a></li>
  <li><a href="https://fediverse.party/">Fediverse</a></li>
</ul>
{{< /col-list >}}

{{< col-list >}}
<h3>Hébergement</h3>
<ul>
  <li><a href="https://commons.host/">Commons host</a></li>
  <li><a href="https://greenhost.net/">Greenhost</a></li>
  <li><a href="https://www.ikoula.com/fr">Ikoula</a></li>
  <li><a href="https://sitejs.org/">Site.js</a></li>
</ul>
{{< /col-list >}}

{{< col-list >}}
<h3>Editeur</h3>
<ul>
  <li><a href="https://github.com/marktext/marktext">Marktext</a></li>
</ul>
{{< /col-list >}}
{{< /row-list >}}