├── .gitignore ├── _includes ├── icon-github.html ├── header.html ├── head.html ├── footer.html ├── disqus_comments.html ├── icon-github.svg └── social.html ├── _layouts ├── page.html ├── default.html ├── post.html └── home.html ├── README.md ├── assets ├── print.css ├── main.scss └── minima-social-icons.svg ├── 404.html ├── pages ├── iot.markdown ├── it4green.markdown ├── outils.markdown ├── obsolescence.markdown ├── exemples-eco.markdown ├── referentiels-eco.markdown ├── progres.markdown ├── etudes.markdown └── impacts.markdown ├── Gemfile ├── _sass ├── minima.scss └── minima │ ├── _syntax-highlighting.scss │ ├── _base.scss │ └── _layout.scss ├── index.markdown ├── _config.yml ├── Gemfile.lock └── ECO.md /.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | .jekyll-cache 3 | _site 4 | .DS_Store 5 | -------------------------------------------------------------------------------- /_includes/icon-github.html: -------------------------------------------------------------------------------- 1 | {% include icon-github.svg %}{{ include.username }} 2 | -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 | 7 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 | 6 |
7 |

{{ page.title | escape }}

8 |
9 | 10 |
11 | {{ content }} 12 |
13 | 14 |
15 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Bookmarks Green IT 2 | 3 | Le but de ce site est de réunir un ensemble des liens sur le numérique responsable et l'écoconception de services numériques. 4 | 5 | Les pages générées à partir des ficheirs markdown de ce repo sont disponibles sur : [https://collection-liens-greenit.fr](https://collection-liens-greenit.fr) -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {%- include head.html -%} 5 | 6 | 7 | 8 | {%- include header.html -%} 9 | 10 |
11 |
12 | {{ content }} 13 |
14 |
15 | 16 | {%- include footer.html -%} 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /assets/print.css: -------------------------------------------------------------------------------- 1 | @media print { 2 | body { 3 | font-family: "Century Gothic", sans-serif; 4 | padding: 2em; 5 | font-size: 12px; 6 | line-height: 1rem; 7 | color: black; 8 | } 9 | 10 | h1, h2, h3, h4, h5, a, a:visited { 11 | color: black; 12 | } 13 | 14 | .site-header, .site-footer { 15 | display: none; 16 | } 17 | 18 | .wrapper { 19 | max-width: 100%; 20 | } 21 | } -------------------------------------------------------------------------------- /404.html: -------------------------------------------------------------------------------- 1 | --- 2 | permalink: /404.html 3 | layout: page 4 | --- 5 | 6 | 19 | 20 |
21 |

404

22 | 23 |

Page not found :(

24 |

The requested page could not be found.

25 |
26 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {%- seo -%} 6 | 7 | 8 | {%- feed_meta -%} 9 | {%- if jekyll.environment == 'production' and site.google_analytics -%} 10 | {%- include google-analytics.html -%} 11 | {%- endif -%} 12 | 13 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 10 | -------------------------------------------------------------------------------- /_includes/disqus_comments.html: -------------------------------------------------------------------------------- 1 | {%- if page.comments != false and jekyll.environment == "production" -%} 2 | 3 |
4 | 19 | 20 | {%- endif -%} 21 | -------------------------------------------------------------------------------- /_includes/icon-github.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /pages/iot.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 5 | # IOT ridicule 6 | 7 | - [Fil dentaire connecté](https://www.kickstarter.com/projects/flosstime/flosstime-worlds-first-smart-floss-dispenser) 8 | - [Salière connectée](https://www.wired.co.uk/article/strangest-internet-of-things-devices) 9 | - [Slip Connecté](https://www.olybop.fr/concept-i-slip-le-slip-connecte-et-son-app-mobile/) 10 | - [Robot qui détecte les détritus, mais ne nettoie pas](https://www.wbur.org/bostonomix/2019/03/22/marty-robot-stop-and-shop) 11 | - [Corde à sauter connectée à 200$, avec un abonnement à 12$ par mois](https://www.theverge.com/24134172/crossrope-amp-jump-rope-set-review). 12 | - Les vapoteuses jetables (jetables!) ont de l'électronique [assez puissante pour héberger un site web](https://bogdanthegeek.github.io/blog/projects/vapeserver/). Imaginez le langage des citoyens du 22e siècle quand ils penseront aux ressources que nous avons gaspillées. 13 | - Samsung [affiche des pubs sur les frigos connectés](https://www.theverge.com/news/780757/samsung-brings-ads-to-us-fridges). 14 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 | 6 |
7 |

{{ page.title | escape }}

8 |

9 | 13 | {%- if page.author -%} 14 | • 15 | {%- endif -%}

16 |
17 | 18 |
19 | {{ content }} 20 |
21 | 22 | {%- if site.disqus.shortname -%} 23 | {%- include disqus_comments.html -%} 24 | {%- endif -%} 25 | 26 | 27 |
28 | -------------------------------------------------------------------------------- /pages/it4green.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 5 | # IT 4 Green 6 | 7 | Voici quelques liens vers des projets numériques bons pour l'environnement ou les personnes. 8 | 9 | - [Le numérique est-il un progrès durable ? - Hors de série de pour la science en partenariat avec l'INRIA](https://www.inria.fr/fr/numerique-progres-durable-environnement-pour-la-science) 10 | 11 | - [Changements climatiques : une meilleure prédiction des canicules grâce à l’IA](https://www.cnrs.fr/fr/changements-climatiques-une-meilleure-prediction-des-canicules-grace-lia) 12 | - [Startup Shayp](https://www.shayp.com/fr/) : Optimisation de la consommation d’eau. 13 | - [Projet de jumeau numérique des sols](https://www.actuia.com/actualite/agriculture-connectee-et-durable-systemx-lance-le-projet-jumeau-numerique-des-sols-jns/). 14 | - [L’IA pourrait bouleverser la mise au point d’antivenins](https://www.lemonde.fr/sciences/article/2025/01/21/l-ia-pourrait-bouleverser-la-mise-au-point-d-antivenins_6509034_1650684.html) 15 | - Un chatbot spécialisé pour mieux comprendre le climat : [http://www.climateqa.com/](http://www.climateqa.com/). 16 | - [Détection de filets de pêche dérivants (en)](https://www.wwf.mg/en/food/?17053441/With-AI-against-Ghost-Nets-Mission-GhostNetZero) 17 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source "https://rubygems.org" 2 | # Hello! This is where you manage which Jekyll version is used to run. 3 | # When you want to use a different version, change it below, save the 4 | # file and run `bundle install`. Run Jekyll with `bundle exec`, like so: 5 | # 6 | # bundle exec jekyll serve 7 | # 8 | # This will help ensure the proper Jekyll version is running. 9 | # Happy Jekylling! 10 | gem "jekyll", "~> 4.4.1" 11 | # This is the default theme for new Jekyll sites. You may change this to anything you like. 12 | gem "minima", "~> 2.5" 13 | # If you want to use GitHub Pages, remove the "gem "jekyll"" above and 14 | # uncomment the line below. To upgrade, run `bundle update github-pages`. 15 | # gem "github-pages", group: :jekyll_plugins 16 | # If you have any plugins, put them here! 17 | group :jekyll_plugins do 18 | gem "jekyll-feed", "~> 0.12" 19 | end 20 | 21 | # Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem 22 | # and associated library. 23 | platforms :mingw, :x64_mingw, :mswin, :jruby do 24 | gem "tzinfo", ">= 1", "< 3" 25 | gem "tzinfo-data" 26 | end 27 | 28 | # Performance-booster for watching directories on Windows 29 | gem "wdm", "~> 0.1", :platforms => [:mingw, :x64_mingw, :mswin] 30 | 31 | # Lock `http_parser.rb` gem to `v0.6.x` on JRuby builds since newer versions of the gem 32 | # do not have a Java counterpart. 33 | gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby] 34 | -------------------------------------------------------------------------------- /pages/outils.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 5 | ## Listes d'outils Green IT et écoconception. 6 | 7 | Les liens suivants sont des liens qui pointent vers des listes d'outils orientés Green IT et écoconception. 8 | 9 | - [Outils du collectif GreenIT](https://collectif.greenit.fr/outils.html) 10 | - [Boite à outils numérique écoresponsable du gouvernement français](https://ecoresponsable.numerique.gouv.fr/publications/boite-outils/) 11 | - [Boite à outils de l’INR](https://institutnr.org/outils-ecoconception-accessibilite) 12 | - [Liste des outils sur ecoresponsable.numerique.gouv.fr](https://ecoresponsable.numerique.gouv.fr/publications/boite-outils/) 13 | - [Vincent Vatelot - D'autres outils ecoindex, pour d'autres besoins](https://www.linkedin.com/pulse/dautres-outils-ecoindex-pour-besoins-vincent-vatelot/?originalSubdomain=fr) 14 | - [Le repository github du collectif conception numérique responsable](https://github.com/orgs/cnumr/repositories?type=all) 15 | - [Liste d'outils et de ressources de l'INR (en)](https://sustainableit-tools.isit-europe.org/) (référentiel très large qui touche plein de sujets) 16 | - [Tour d'horizon des outils « green »](https://blog.zenika.com/2024/10/08/tour-dhorizon-des-outils-greenit/) sur le blog Zenika. 17 | - Une [présentation du profiler de firefox (en)](https://fosdem.org/2024/schedule/event/fosdem-2024-2716-firefox-power-profiling-a-powerful-visualization-of-web-sustainability/), avec des exemples. -------------------------------------------------------------------------------- /_layouts/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {%- include head.html -%} 5 | 6 | 7 | 8 | 14 | 15 |
16 |
17 | 18 | 19 | {%- if page.title -%} 20 |

{{ page.title }}

21 | {%- endif -%} 22 | 23 | {{ content }} 24 | 25 | {%- if site.posts.size > 0 -%} 26 |

{{ page.list_title | default: "Posts" }}

27 | 43 | 44 |

subscribe via RSS

45 | {%- endif -%} 46 | 47 |
48 | 49 |
50 | 51 | {%- include footer.html -%} 52 | 53 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /_sass/minima.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | // Define defaults for each variable. 4 | 5 | $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; 6 | $base-font-size: 16px !default; 7 | $base-font-weight: 400 !default; 8 | $small-font-size: $base-font-size * 0.875 !default; 9 | $base-line-height: 1.5 !default; 10 | 11 | $spacing-unit: 30px !default; 12 | 13 | $text-color: #111 !default; 14 | $background-color: #fdfdfd !default; 15 | $brand-color: #2a7ae2 !default; 16 | 17 | $grey-color: #828282 !default; 18 | $grey-color-light: lighten($grey-color, 40%) !default; 19 | $grey-color-dark: darken($grey-color, 25%) !default; 20 | 21 | $table-text-align: left !default; 22 | 23 | // Width of the content area 24 | $content-width: 800px !default; 25 | 26 | $on-palm: 600px !default; 27 | $on-laptop: 800px !default; 28 | 29 | // Use media queries like this: 30 | // @include media-query($on-palm) { 31 | // .wrapper { 32 | // padding-right: $spacing-unit / 2; 33 | // padding-left: $spacing-unit / 2; 34 | // } 35 | // } 36 | @mixin media-query($device) { 37 | @media screen and (max-width: $device) { 38 | @content; 39 | } 40 | } 41 | 42 | @mixin relative-font-size($ratio) { 43 | font-size: $base-font-size * $ratio; 44 | } 45 | 46 | // Import partials. 47 | @import 48 | "minima/base", 49 | "minima/layout", 50 | "minima/syntax-highlighting" 51 | ; 52 | -------------------------------------------------------------------------------- /index.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | # Feel free to add content and custom Front Matter to this file. 3 | # To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults 4 | 5 | layout: home 6 | --- 7 | # Collection de liens sur le Green IT et l'écoconception de services numériques 8 | 9 | 10 | Le but de ce site est de réunir un ensemble des liens sur le numérique responsable et l'écoconception de services numériques. 11 | 12 | N'hésitez donc pas à explorer les pages par catégories : 13 | 14 | - [Les études sur les impacts du numérique](./pages/etudes) : liens vers des études sur les impacts du numérique. 15 | - [Impact du numérique](./pages/impacts) : Articles anecdotes et présentations sur les impacts du numérique. 16 | - [IOT ridicule](./pages/iot) : liste d'exemples d'IOT ridicule. 17 | - [Les impacts du numérique](./pages/impacts) : liens vers des études généralistes, focus sur les terminaux, les data centers, l'exploitation minière, les usages, l'IOT. 18 | - [L'obsolescence](./pages/obsolescence) : références et anecdotes. 19 | - [Référentiels d'écoconception](./pages/referentiels-eco) : documents rassemblant des critères, pratiques et questions d'écoconception de services numériques. 20 | - [Outils d'écoconception / Green IT](./pages/ereferentiels-eco) : plus exactement, liste de listes d'outils. 21 | - [Exemples de minimalisme et d'écoconception](./pages/exemples-eco) : anecdotes, sites et applications minimalistes ou explicitement écoconçus. 22 | - [Les progrès techniques et la recherche](./pages/progres) : liens positifs sur des projets pour un meilleur futur. 23 | - [IT 4 Green](./pages/it4green) : liens positifs sur des utilisations vertueuses du numérique. 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Welcome to Jekyll! 2 | # 3 | # This config file is meant for settings that affect your whole blog, values 4 | # which you are expected to set up once and rarely edit after that. If you find 5 | # yourself editing this file very often, consider using Jekyll's data files 6 | # feature for the data you need to update frequently. 7 | # 8 | # For technical reasons, this file is *NOT* reloaded automatically when you use 9 | # 'bundle exec jekyll serve'. If you change this file, please restart the server process. 10 | # 11 | # If you need help with YAML syntax, here are some quick references for you: 12 | # https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml 13 | # https://learnxinyminutes.com/docs/yaml/ 14 | # 15 | # Site settings 16 | # These are used to personalize your new site. If you look in the HTML files, 17 | # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on. 18 | # You can create any custom variable you would like, and they will be accessible 19 | # in the templates via {{ site.myvariable }}. 20 | 21 | title: Collection de liens sur le Green IT et l'écoconception de services numériques. 22 | email: lemaire.raphael@gmail.com 23 | baseurl: "" # the subpath of your site, e.g. /blog 24 | url: "" # the base hostname & protocol for your site, e.g. http://example.com 25 | github_username: rlemaire 26 | 27 | # Build settings 28 | theme: minima 29 | plugins: 30 | - jekyll-feed 31 | 32 | # Exclude from processing. 33 | # The following items will not be processed, by default. 34 | # Any item listed under the `exclude:` key here will be automatically added to 35 | # the internal "default list". 36 | # 37 | # Excluded items can be processed by explicitly listing the directories or 38 | # their entries' file path in the `include:` list. 39 | # 40 | # exclude: 41 | # - .sass-cache/ 42 | # - .jekyll-cache/ 43 | # - gemfiles/ 44 | # - Gemfile 45 | # - Gemfile.lock 46 | # - node_modules/ 47 | # - vendor/bundle/ 48 | # - vendor/cache/ 49 | # - vendor/gems/ 50 | # - vendor/ruby/ 51 | -------------------------------------------------------------------------------- /assets/main.scss: -------------------------------------------------------------------------------- 1 | --- 2 | # Only the main Sass file needs front matter (the dashes are enough) 3 | --- 4 | 5 | $bleu: #568DC8; 6 | $vert-fonce: #537602; 7 | $vert-clair: #C3DE02; 8 | $main-text-color: #333; 9 | $gris-fonce: #666; 10 | $hightlight-color: #EEF; 11 | 12 | 13 | body { 14 | font-family: "Helvetica Neue", Helvetica, Arial, serif; 15 | font-size: 18px; 16 | line-height: 1.5; 17 | color: $main-text-color; 18 | background-color: white; 19 | text-align: left; 20 | min-height: 100vh; 21 | display: flex; 22 | flex-direction: column; 23 | margin: 0; 24 | } 25 | 26 | main.page-content { 27 | padding: 0 1rem 0 1rem; 28 | } 29 | 30 | a { 31 | color: $bleu; 32 | text-decoration: underline; 33 | } 34 | 35 | a:visited { 36 | color: $gris-fonce; 37 | } 38 | 39 | a:hover { 40 | text-decoration: none; 41 | } 42 | 43 | .wrapper { 44 | max-width: 45rem; 45 | margin: auto; 46 | overflow: hidden; 47 | } 48 | 49 | 50 | h1, h2, h3, h4, h5, .post-title { 51 | font-weight: bold; 52 | font-family: "Georgia", serif; 53 | letter-spacing: .05rem; 54 | color: $vert-fonce; 55 | } 56 | 57 | h1, .post-content h1 { 58 | font-size: 150%; 59 | font-weight: bold; 60 | } 61 | 62 | h2, .post-content h2 { 63 | font-size: 140%; 64 | } 65 | 66 | h3, .post-content h3 { 67 | font-size: 120%; 68 | font-weight: bold; 69 | } 70 | 71 | ul { 72 | padding-left: 1rem; 73 | list-style-type: circle; 74 | } 75 | 76 | .site-header { 77 | background-color: $bleu; 78 | margin: 0; 79 | padding: 0.5rem 1rem 0.5rem 1rem; 80 | } 81 | 82 | .site-header a, .site-header span { 83 | color: white; 84 | font-size: larger; 85 | } 86 | 87 | .site-footer { 88 | border: 0; 89 | padding: 1rem 1rem .2rem 1rem; 90 | font-size: smaller; 91 | font-style: italic; 92 | color: $gris-fonce; 93 | margin-top: auto; 94 | } 95 | 96 | .back-home:before { 97 | content: "< "; 98 | } 99 | 100 | 101 | 102 | 103 | @media (prefers-color-scheme: dark) { 104 | body { 105 | background-color: black; 106 | color: #EEE; 107 | } 108 | 109 | a { 110 | color: #4BB5FC; 111 | } 112 | 113 | a:visited { 114 | color: #419CC1; 115 | } 116 | 117 | h1, h2, h3, h4, h5, .post-content h3 { 118 | color: #92D073; 119 | } 120 | 121 | .site-header, .site-footer, .side > div, .hr { 122 | border-color: #92D073; 123 | } 124 | 125 | .site-footer { 126 | color: #CCC; 127 | } 128 | 129 | .site-header a, .site-header span { 130 | color: white; 131 | } 132 | } 133 | 134 | -------------------------------------------------------------------------------- /Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: https://rubygems.org/ 3 | specs: 4 | addressable (2.8.7) 5 | public_suffix (>= 2.0.2, < 7.0) 6 | base64 (0.2.0) 7 | colorator (1.1.0) 8 | concurrent-ruby (1.3.5) 9 | csv (3.3.2) 10 | em-websocket (0.5.3) 11 | eventmachine (>= 0.12.9) 12 | http_parser.rb (~> 0) 13 | eventmachine (1.2.7) 14 | ffi (1.17.1-arm64-darwin) 15 | ffi (1.17.1-x86_64-darwin) 16 | forwardable-extended (2.6.0) 17 | google-protobuf (3.25.6-arm64-darwin) 18 | google-protobuf (3.25.6-x86_64-darwin) 19 | http_parser.rb (0.8.0) 20 | i18n (1.14.7) 21 | concurrent-ruby (~> 1.0) 22 | jekyll (4.4.1) 23 | addressable (~> 2.4) 24 | base64 (~> 0.2) 25 | colorator (~> 1.0) 26 | csv (~> 3.0) 27 | em-websocket (~> 0.5) 28 | i18n (~> 1.0) 29 | jekyll-sass-converter (>= 2.0, < 4.0) 30 | jekyll-watch (~> 2.0) 31 | json (~> 2.6) 32 | kramdown (~> 2.3, >= 2.3.1) 33 | kramdown-parser-gfm (~> 1.0) 34 | liquid (~> 4.0) 35 | mercenary (~> 0.3, >= 0.3.6) 36 | pathutil (~> 0.9) 37 | rouge (>= 3.0, < 5.0) 38 | safe_yaml (~> 1.0) 39 | terminal-table (>= 1.8, < 4.0) 40 | webrick (~> 1.7) 41 | jekyll-feed (0.17.0) 42 | jekyll (>= 3.7, < 5.0) 43 | jekyll-sass-converter (3.0.0) 44 | sass-embedded (~> 1.54) 45 | jekyll-seo-tag (2.8.0) 46 | jekyll (>= 3.8, < 5.0) 47 | jekyll-watch (2.2.1) 48 | listen (~> 3.0) 49 | json (2.9.1) 50 | kramdown (2.5.1) 51 | rexml (>= 3.3.9) 52 | kramdown-parser-gfm (1.1.0) 53 | kramdown (~> 2.0) 54 | liquid (4.0.4) 55 | listen (3.9.0) 56 | rb-fsevent (~> 0.10, >= 0.10.3) 57 | rb-inotify (~> 0.9, >= 0.9.10) 58 | mercenary (0.4.0) 59 | minima (2.5.2) 60 | jekyll (>= 3.5, < 5.0) 61 | jekyll-feed (~> 0.9) 62 | jekyll-seo-tag (~> 2.1) 63 | pathutil (0.16.2) 64 | forwardable-extended (~> 2.6) 65 | public_suffix (6.0.1) 66 | rb-fsevent (0.11.2) 67 | rb-inotify (0.11.1) 68 | ffi (~> 1.0) 69 | rexml (3.4.0) 70 | rouge (4.5.1) 71 | safe_yaml (1.0.5) 72 | sass-embedded (1.69.5-arm64-darwin) 73 | google-protobuf (~> 3.23) 74 | sass-embedded (1.69.5-x86_64-darwin) 75 | google-protobuf (~> 3.23) 76 | terminal-table (3.0.2) 77 | unicode-display_width (>= 1.1.1, < 3) 78 | unicode-display_width (2.6.0) 79 | webrick (1.9.1) 80 | 81 | PLATFORMS 82 | arm64-darwin 83 | x86_64-darwin 84 | 85 | DEPENDENCIES 86 | http_parser.rb (~> 0.6.0) 87 | jekyll (~> 4.4.1) 88 | jekyll-feed (~> 0.12) 89 | minima (~> 2.5) 90 | tzinfo (>= 1, < 3) 91 | tzinfo-data 92 | wdm (~> 0.1) 93 | 94 | BUNDLED WITH 95 | 2.5.23 96 | -------------------------------------------------------------------------------- /_sass/minima/_syntax-highlighting.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Syntax highlighting styles 3 | */ 4 | .highlight { 5 | background: #fff; 6 | @extend %vertical-rhythm; 7 | 8 | .highlighter-rouge & { 9 | background: #eef; 10 | } 11 | 12 | .c { color: #998; font-style: italic } // Comment 13 | .err { color: #a61717; background-color: #e3d2d2 } // Error 14 | .k { font-weight: bold } // Keyword 15 | .o { font-weight: bold } // Operator 16 | .cm { color: #998; font-style: italic } // Comment.Multiline 17 | .cp { color: #999; font-weight: bold } // Comment.Preproc 18 | .c1 { color: #998; font-style: italic } // Comment.Single 19 | .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special 20 | .gd { color: #000; background-color: #fdd } // Generic.Deleted 21 | .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific 22 | .ge { font-style: italic } // Generic.Emph 23 | .gr { color: #a00 } // Generic.Error 24 | .gh { color: #999 } // Generic.Heading 25 | .gi { color: #000; background-color: #dfd } // Generic.Inserted 26 | .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific 27 | .go { color: #888 } // Generic.Output 28 | .gp { color: #555 } // Generic.Prompt 29 | .gs { font-weight: bold } // Generic.Strong 30 | .gu { color: #aaa } // Generic.Subheading 31 | .gt { color: #a00 } // Generic.Traceback 32 | .kc { font-weight: bold } // Keyword.Constant 33 | .kd { font-weight: bold } // Keyword.Declaration 34 | .kp { font-weight: bold } // Keyword.Pseudo 35 | .kr { font-weight: bold } // Keyword.Reserved 36 | .kt { color: #458; font-weight: bold } // Keyword.Type 37 | .m { color: #099 } // Literal.Number 38 | .s { color: #d14 } // Literal.String 39 | .na { color: #008080 } // Name.Attribute 40 | .nb { color: #0086B3 } // Name.Builtin 41 | .nc { color: #458; font-weight: bold } // Name.Class 42 | .no { color: #008080 } // Name.Constant 43 | .ni { color: #800080 } // Name.Entity 44 | .ne { color: #900; font-weight: bold } // Name.Exception 45 | .nf { color: #900; font-weight: bold } // Name.Function 46 | .nn { color: #555 } // Name.Namespace 47 | .nt { color: #000080 } // Name.Tag 48 | .nv { color: #008080 } // Name.Variable 49 | .ow { font-weight: bold } // Operator.Word 50 | .w { color: #bbb } // Text.Whitespace 51 | .mf { color: #099 } // Literal.Number.Float 52 | .mh { color: #099 } // Literal.Number.Hex 53 | .mi { color: #099 } // Literal.Number.Integer 54 | .mo { color: #099 } // Literal.Number.Oct 55 | .sb { color: #d14 } // Literal.String.Backtick 56 | .sc { color: #d14 } // Literal.String.Char 57 | .sd { color: #d14 } // Literal.String.Doc 58 | .s2 { color: #d14 } // Literal.String.Double 59 | .se { color: #d14 } // Literal.String.Escape 60 | .sh { color: #d14 } // Literal.String.Heredoc 61 | .si { color: #d14 } // Literal.String.Interpol 62 | .sx { color: #d14 } // Literal.String.Other 63 | .sr { color: #009926 } // Literal.String.Regex 64 | .s1 { color: #d14 } // Literal.String.Single 65 | .ss { color: #990073 } // Literal.String.Symbol 66 | .bp { color: #999 } // Name.Builtin.Pseudo 67 | .vc { color: #008080 } // Name.Variable.Class 68 | .vg { color: #008080 } // Name.Variable.Global 69 | .vi { color: #008080 } // Name.Variable.Instance 70 | .il { color: #099 } // Literal.Number.Integer.Long 71 | } 72 | -------------------------------------------------------------------------------- /_includes/social.html: -------------------------------------------------------------------------------- 1 | 15 | -------------------------------------------------------------------------------- /pages/obsolescence.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 5 | 6 | # Anecdotes sur l'obsolescence ou non des matériels et sur le rôle des du poids des logiciels 7 | 8 | - [The Mother of All Demos, presented by Douglas Engelbart (1968) - YouTube](https://www.youtube.com/watch?v=yJDv-zdhzMY) - Démonstration faite en 1968 de la première souris informatique, de la visioconférence, de la téléconférence, du courrier électronique et du système hypertexte, et tout est rapide. 9 | - [Apollo 11 vs USB-C Chargers](https://forrestheller.com/Apollo-11-Computer-vs-USB-C-chargers.html) - Les ports USB sont plus puissants que l'ordinateur d'Apollo 11. 10 | - [Un processeur vieux de 20 ans suffit à Perseverance pour explorer Mars](https://www.numerama.com/sciences/692822-un-processeur-vieux-de-20-ans-suffit-a-perseverance-pour-explorer-mars.html). 11 | - [Ce Commodore 64 de 25 ans sert encore à faire tourner un garage automobile (en)](https://web.archive.org/web/20230615193406/https://gamerant.com/commodore-64-auto-shop/). 12 | - [Mon HP Jornada de 24 ans peut faire des choses que votre iPhone moderne ne peut toujours pas faire ! (en)](https://raymii.org/s/blog/My_24_year_old_HP_Jornada_can_do_things_your_modern_iPhone_still_cant_do.html). 13 | - [Une usine japonaise conçoit toujours des vêtements sur un ordinateur vieux de 40 ans](https://www.youtube.com/watch?v=zWJZFQHklBg). 14 | - [Un témoignage d’un des derniers vendeurs de disquettes (72 ans) (en anglais)](https://eyeondesign.aiga.org/we-spoke-with-the-last-person-standing-in-the-floppy-disk-business/) 15 | - “I will never use this and yet I love that it exists.”* : il existe [un client Mastodon pour Apple II (en)](https://www.colino.net/wordpress/en/mastodon-for-apple-ii/). Encore une fois, on a de la marge dans le numérique avant d’être bloqués dans nos usages. 16 | - La NASA a réussi à [mettre à jour un appareil numérique vieux de 46 ans et situé à 24 milliards de km](https://www.huffingtonpost.fr/science/video/la-nasa-envoie-a-la-sonde-voyager-1-une-mise-a-jour-46-ans-apres-son-lancement-et-ca-fonctionne_224826.html). 17 | - [Un ordinateur 8 bit reconstruit avec des composants des années 50 (en)](https://www.thetubecomputer.com/), « qui brille et chauffe toute une pièce » 18 | - Les bandes magnétiques, [une option durable, dans tous les sens du terme, pour le stockage (en)](https://www.intelligentdatacentres.com/2022/12/29/tape-the-sustainable-option-for-modern-data-storage-and-archiving-needs/). 19 | - [Things That Turbo Pascal is Smaller Than](https://prog21.dadgum.com/116.html?0) - Tout turbo pascal (compilateur, éditeur, etc...) était plus léger que jquery. 20 | - [The web is Doom](https://mobiforge.com/research-analysis/the-web-is-doom) - Les pages web sont en moyenne plus grosses que le jeu Doom depuis 2016. 21 | 22 | 23 | - [La sonde ICE/ISEE-3 va revenir sur une Terre qui n'est plus capable de lui parler](http://www.planetary.org/blogs/emily-lakdawalla/2014/02070836-isee-3.html) - On ne peut plus parler à cette sonde spatiale faute de matériel adéquat. 24 | - [Quand Orange vous impose de jeter vos ampoules à la poubelle](https://www.frandroid.com/marques/orange/1830761_quand-orange-vous-conseille-de-jeter-vos-ampoules-a-la-poubelle). 25 | - [Les premières Apple Watch sont obsolètes](https://www.bfmtv.com/tech/apple/les-premieres-apple-watch-sont-desormais-obsoletes-le-modele-a-18-000-euros-aussi_AV-202310030390.html), même les modèles de luxe. 26 | - Des trains polonais [ont des verrous logiciels empêchant leur réparation en dehors du centre du fabricant (en)](https://badcyber.com/dieselgate-but-for-trains-some-heavyweight-hardware-hacking/). 27 | - Developpez.com : [Les AirPods d'Apple sont conçus pour mourir, leurs batteries sont de très courte durée, et leur indice de réparabilité est de 0 sur 10](https://hardware.developpez.com/actu/356844/Les-AirPods-d-Apple-sont-concus-pour-mourir-leurs-batteries-sont-de-tres-courte-duree-et-leur-indice-de-reparabilite-est-de-0-sur-10-c-est-une-honte-environnementale-d-apres-Lucas-Gutterman/). 28 | - [Arrêt de la 2G et 3G : la mise à mort de millions d’objets](https://reporterre.net/Arret-de-la-2G-et-3G-la-mise-a-mort-de-millions-d-objets). 29 | - [Les disques durs de l’industrie musicale des années 90 deviennent illisibles (en)](https://www.wired.com/story/music-industry-hard-drive-storage-archives/). 30 | - [Vidéo de démontage d'un sex toy à usage unique (en)](https://www.youtube.com/watch?v=QJSnf04K9WI). 31 | - [Des appareils rendus obsolètes par une simple ibstruction javascript](https://blog.jim-nielsen.com/2022/a-web-for-all/). 32 | 33 | - [Sondage sur l'obsolescence des smartphones](https://limitesnumeriques.fr/travaux-productions/sondage-obsolescence-smartphones) de Limites numériques. 34 | -------------------------------------------------------------------------------- /pages/exemples-eco.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 5 | # Exemples de minimalisme et d'écoconception 6 | 7 | - **Le livre blanc du projet [GreenConcept](https://codde.fr/wp-content/uploads/2020/02/greenconcept_21022020.pdf) (2018) : 28 projets écoconçus.** 8 | 9 | 10 | ## Anecdotes de minimalisme 11 | 12 | - [Travailler (développer!) avec son smartphone](https://medium.com/@l4em/il-y-a-un-ordinateur-dans-votre-poche-4fcc0146ff11) 13 | - [Build once run everywhere - in C](https://justine.lol/cosmopolitan/index.html) 14 | - [Offline app architecture: Why you should build offline-first apps](https://www.techaheadcorp.com/blog/offline-app-architecture/) 15 | - Une [migration de Java vers Swift (en)](https://www.swift.org/blog/swift-at-apple-migrating-the-password-monitoring-service-from-java/) a permis à Apple d’améliorer grandement les performances (40%). 16 | 17 | ## Exemples de web frugal 18 | 19 | Ces sites qui ont toujours été minimalistes et efficaces. 20 | 21 | - [GOV.UK](https://www.gov.uk/) : site du gouvernement anglais, particulièrement sobre dans une optique d'accessibilité et de réduction des fractures numériques. 22 | 23 | - [Wikipédia](https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal) 24 | - [Craigslist](https://paris.craigslist.org/) 25 | - [Hacker News](https://news.ycombinator.com/) 26 | - [Projet gutenberg](https://www.gutenberg.org) 27 | - [Motherfucking Website](https://motherfuckingwebsite.com/) 28 | - [How I Made a Piano in only 1kb of JavaScript](https://frankforce.com/?p=7617) 29 | - [Scuttlebutt](https://scuttlebutt.nz/) - Réseau social offline first. 30 | - Vitrine de restaurant : [Le vaisseau](https://www.restaurant-vaisseau.com/) 31 | 32 | - [1.2.train](https://www.12train.com/), une alternative à SNCF Connect extrêmement sobre, maintenue par une seule personne. Voici [un post LinkedIn où il en parle](https://www.linkedin.com/posts/jeanbaptistemarie_voici-les-r%C3%A9ponses-aux-9-questions-indiscr%C3%A8tes-activity-7231643461781721089-DtPg/) 🚂 33 | 34 | - [This Page is Designed to Last](https://jeffhuang.com/designed_to_last/) 35 | - [Web We Can Afford Community Group](https://www.w3.org/community/wwca/) 36 | - [Progressive CSS](https://ichimnetz.com/) 37 | - [My stack will outlive yours](https://blog.steren.fr/2020/my-stack-will-outlive-yours/) 38 | - [Économiser 42Ko pour sauver 50Tb de bande passante](https://welovedevs.com/fr/articles/rex-crispchat-economiser-42ko-pour-sauver-50tb-de-bande-passante/) 39 | - [50 exemples de sites internet basse consommation ](https://www.linkedin.com/pulse/48-exemples-de-sites-internet-basse-consommation-c%C3%A9dric-liardet/) 40 | - [Collection de sites minimalistes lowww.directory](https://www.lowww.directory/) 41 | 42 | ## Sites explicitement écoconçus : 43 | 44 | - **[Déclarations d'écoconception au format Green IT](https://declaration.greenit.fr/), une liste d'exemples.** 45 | - **[Déclarations d'écoconception au format RGESN RGESN](https://ldevernay.github.io/green/2024/09/02/rgesn.html), une autre liste d'exemples.** 46 | 47 | 48 | - [How to Build a Low-tech Website? - LOW←TECH MAGAZINE](https://solar.lowtechmagazine.com/2018/09/how-to-build-a-lowtech-website/) - Exemple de site minimaliste et déployé sur un seul serveur alimenté par un panneau solaire. 49 | - [LOW←TECH MAGAZINE - How sustainable is a solar powered website ?](https://solar.lowtechmagazine.com/2020/01/how-sustainable-is-a-solar-powered-website.html) Après avoir produit un site « low tech » alimenté par un panneau solaire le magazine analyse la durabilité de cette méthode. 50 | - [Rebuilding a solar website](https://solar.lowtechmagazine.com/2023/06/rebuilding-a-solar-powered-website/) 51 | 52 | E-Commerce 53 | - [boutique natali](https://www.boutique-natali.com/) 54 | - [Commown](https://commown.coop/) 55 | - [Telecoop](https://telecoop.fr/blog/ecoconception-de-notre-site-web). 56 | 57 | Vitrines 58 | - [Dalkia, groupe EDF](https://www.dalkia.fr) 59 | - [EcoloGeek](https://www.ecologeek.fr/) 60 | - [It's on us](https://www.itsonus.fr/) 61 | - [Kaïros Sailing - Ecurie de course : projets sportifs ou responsables](https://www.kairos-jourdain.com/fr/sailing) 62 | - [Le Low-tech Lab](https://lowtechlab.org/fr) 63 | - [Celtique ? L'expo.](https://www.exposition-celtique.bzh/) avec [cette page](https://www.greenit.fr/2023/01/10/eco-concevoir-le-site-dune-exposition-nous-avons-releve-le-defi/) qui raconte la genèse. 64 | 65 | ## Autres liens 66 | - [Analyse de cycle de vie de la messagerie Treebal par Eric Fourboul et Gauthier Roussilhe](https://gauthierroussilhe.com/book/treebal/) 67 | - Article de Remy Parmentier sur [l’utilisation du dithering des images pour faire « écoconcu »](https://www.hteumeuleu.fr/eco-conception-et-dithering/). 68 | 69 | -------------------------------------------------------------------------------- /_sass/minima/_base.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Reset some basic elements 3 | */ 4 | body, h1, h2, h3, h4, h5, h6, 5 | p, blockquote, pre, hr, 6 | dl, dd, ol, ul, figure { 7 | margin: 0; 8 | padding: 0; 9 | } 10 | 11 | 12 | 13 | /** 14 | * Basic styling 15 | */ 16 | body { 17 | font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family; 18 | color: $text-color; 19 | background-color: $background-color; 20 | -webkit-text-size-adjust: 100%; 21 | -webkit-font-feature-settings: "kern" 1; 22 | -moz-font-feature-settings: "kern" 1; 23 | -o-font-feature-settings: "kern" 1; 24 | font-feature-settings: "kern" 1; 25 | font-kerning: normal; 26 | display: flex; 27 | min-height: 100vh; 28 | flex-direction: column; 29 | } 30 | 31 | 32 | 33 | /** 34 | * Set `margin-bottom` to maintain vertical rhythm 35 | */ 36 | h1, h2, h3, h4, h5, h6, 37 | p, blockquote, pre, 38 | ul, ol, dl, figure, 39 | %vertical-rhythm { 40 | margin-bottom: $spacing-unit * 0.5; 41 | } 42 | 43 | 44 | 45 | /** 46 | * `main` element 47 | */ 48 | main { 49 | display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ 50 | } 51 | 52 | 53 | 54 | /** 55 | * Images 56 | */ 57 | img { 58 | max-width: 100%; 59 | vertical-align: middle; 60 | } 61 | 62 | 63 | 64 | /** 65 | * Figures 66 | */ 67 | figure > img { 68 | display: block; 69 | } 70 | 71 | figcaption { 72 | font-size: $small-font-size; 73 | } 74 | 75 | 76 | 77 | /** 78 | * Lists 79 | */ 80 | ul, ol { 81 | margin-left: $spacing-unit; 82 | } 83 | 84 | li { 85 | > ul, 86 | > ol { 87 | margin-bottom: 0; 88 | } 89 | } 90 | 91 | 92 | 93 | /** 94 | * Headings 95 | */ 96 | h1, h2, h3, h4, h5, h6 { 97 | font-weight: $base-font-weight; 98 | } 99 | 100 | 101 | 102 | /** 103 | * Links 104 | */ 105 | a { 106 | color: $brand-color; 107 | text-decoration: none; 108 | 109 | &:visited { 110 | color: darken($brand-color, 15%); 111 | } 112 | 113 | &:hover { 114 | color: $text-color; 115 | text-decoration: underline; 116 | } 117 | 118 | .social-media-list &:hover { 119 | text-decoration: none; 120 | 121 | .username { 122 | text-decoration: underline; 123 | } 124 | } 125 | } 126 | 127 | 128 | /** 129 | * Blockquotes 130 | */ 131 | blockquote { 132 | color: $grey-color; 133 | border-left: 4px solid $grey-color-light; 134 | padding-left: $spacing-unit * 0.5; 135 | @include relative-font-size(1.125); 136 | letter-spacing: -1px; 137 | font-style: italic; 138 | 139 | > :last-child { 140 | margin-bottom: 0; 141 | } 142 | } 143 | 144 | 145 | 146 | /** 147 | * Code formatting 148 | */ 149 | pre, 150 | code { 151 | @include relative-font-size(0.9375); 152 | border: 1px solid $grey-color-light; 153 | border-radius: 3px; 154 | background-color: #eef; 155 | } 156 | 157 | code { 158 | padding: 1px 5px; 159 | } 160 | 161 | pre { 162 | padding: 8px 12px; 163 | overflow-x: auto; 164 | 165 | > code { 166 | border: 0; 167 | padding-right: 0; 168 | padding-left: 0; 169 | } 170 | } 171 | 172 | 173 | 174 | /** 175 | * Wrapper 176 | */ 177 | .wrapper { 178 | max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2)); 179 | max-width: calc(#{$content-width} - (#{$spacing-unit} * 2)); 180 | margin-right: auto; 181 | margin-left: auto; 182 | padding-right: $spacing-unit; 183 | padding-left: $spacing-unit; 184 | @extend %clearfix; 185 | 186 | @include media-query($on-laptop) { 187 | max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit})); 188 | max-width: calc(#{$content-width} - (#{$spacing-unit})); 189 | padding-right: $spacing-unit * 0.5; 190 | padding-left: $spacing-unit * 0.5; 191 | } 192 | } 193 | 194 | 195 | 196 | /** 197 | * Clearfix 198 | */ 199 | %clearfix:after { 200 | content: ""; 201 | display: table; 202 | clear: both; 203 | } 204 | 205 | 206 | 207 | /** 208 | * Icons 209 | */ 210 | 211 | .svg-icon { 212 | width: 16px; 213 | height: 16px; 214 | display: inline-block; 215 | fill: #{$grey-color}; 216 | padding-right: 5px; 217 | vertical-align: text-top; 218 | } 219 | 220 | .social-media-list { 221 | li + li { 222 | padding-top: 5px; 223 | } 224 | } 225 | 226 | 227 | 228 | /** 229 | * Tables 230 | */ 231 | table { 232 | margin-bottom: $spacing-unit; 233 | width: 100%; 234 | text-align: $table-text-align; 235 | color: lighten($text-color, 18%); 236 | border-collapse: collapse; 237 | border: 1px solid $grey-color-light; 238 | tr { 239 | &:nth-child(even) { 240 | background-color: lighten($grey-color-light, 6%); 241 | } 242 | } 243 | th, td { 244 | padding: ($spacing-unit * 0.3333333333) ($spacing-unit * 0.5); 245 | } 246 | th { 247 | background-color: lighten($grey-color-light, 3%); 248 | border: 1px solid darken($grey-color-light, 4%); 249 | border-bottom-color: darken($grey-color-light, 12%); 250 | } 251 | td { 252 | border: 1px solid $grey-color-light; 253 | } 254 | } 255 | -------------------------------------------------------------------------------- /_sass/minima/_layout.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Site header 3 | */ 4 | .site-header { 5 | border-top: 5px solid $grey-color-dark; 6 | border-bottom: 1px solid $grey-color-light; 7 | min-height: $spacing-unit * 1.865; 8 | 9 | // Positioning context for the mobile navigation icon 10 | position: relative; 11 | } 12 | 13 | .site-title { 14 | @include relative-font-size(1.625); 15 | font-weight: 300; 16 | line-height: $base-line-height * $base-font-size * 2.25; 17 | letter-spacing: -1px; 18 | margin-bottom: 0; 19 | float: left; 20 | 21 | &, 22 | &:visited { 23 | color: $grey-color-dark; 24 | } 25 | } 26 | 27 | .site-nav { 28 | float: right; 29 | line-height: $base-line-height * $base-font-size * 2.25; 30 | 31 | .nav-trigger { 32 | display: none; 33 | } 34 | 35 | .menu-icon { 36 | display: none; 37 | } 38 | 39 | .page-link { 40 | color: $text-color; 41 | line-height: $base-line-height; 42 | 43 | // Gaps between nav items, but not on the last one 44 | &:not(:last-child) { 45 | margin-right: 20px; 46 | } 47 | } 48 | 49 | @include media-query($on-palm) { 50 | position: absolute; 51 | top: 9px; 52 | right: $spacing-unit * 0.5; 53 | background-color: $background-color; 54 | border: 1px solid $grey-color-light; 55 | border-radius: 5px; 56 | text-align: right; 57 | 58 | label[for="nav-trigger"] { 59 | display: block; 60 | float: right; 61 | width: 36px; 62 | height: 36px; 63 | z-index: 2; 64 | cursor: pointer; 65 | } 66 | 67 | .menu-icon { 68 | display: block; 69 | float: right; 70 | width: 36px; 71 | height: 26px; 72 | line-height: 0; 73 | padding-top: 10px; 74 | text-align: center; 75 | 76 | > svg { 77 | fill: $grey-color-dark; 78 | } 79 | } 80 | 81 | input ~ .trigger { 82 | clear: both; 83 | display: none; 84 | } 85 | 86 | input:checked ~ .trigger { 87 | display: block; 88 | padding-bottom: 5px; 89 | } 90 | 91 | .page-link { 92 | display: block; 93 | margin-left: 20px; 94 | padding: 5px 10px; 95 | 96 | &:not(:last-child) { 97 | margin-right: 0; 98 | } 99 | } 100 | } 101 | } 102 | 103 | 104 | 105 | /** 106 | * Site footer 107 | */ 108 | .site-footer { 109 | border-top: 1px solid $grey-color-light; 110 | padding: $spacing-unit 0; 111 | } 112 | 113 | .footer-heading { 114 | @include relative-font-size(1.125); 115 | margin-bottom: $spacing-unit * 0.5; 116 | } 117 | 118 | .contact-list, 119 | .social-media-list { 120 | list-style: none; 121 | margin-left: 0; 122 | } 123 | 124 | .footer-col-wrapper { 125 | @include relative-font-size(0.9375); 126 | color: $grey-color; 127 | margin-left: -$spacing-unit * 0.5; 128 | @extend %clearfix; 129 | } 130 | 131 | .footer-col { 132 | float: left; 133 | margin-bottom: $spacing-unit * 0.5; 134 | padding-left: $spacing-unit * 0.5; 135 | } 136 | 137 | .footer-col-1 { 138 | width: -webkit-calc(35% - (#{$spacing-unit} / 2)); 139 | width: calc(35% - (#{$spacing-unit} / 2)); 140 | } 141 | 142 | .footer-col-2 { 143 | width: -webkit-calc(20% - (#{$spacing-unit} / 2)); 144 | width: calc(20% - (#{$spacing-unit} / 2)); 145 | } 146 | 147 | .footer-col-3 { 148 | width: -webkit-calc(45% - (#{$spacing-unit} / 2)); 149 | width: calc(45% - (#{$spacing-unit} / 2)); 150 | } 151 | 152 | @include media-query($on-laptop) { 153 | .footer-col-1, 154 | .footer-col-2 { 155 | width: -webkit-calc(50% - (#{$spacing-unit} / 2)); 156 | width: calc(50% - (#{$spacing-unit} / 2)); 157 | } 158 | 159 | .footer-col-3 { 160 | width: -webkit-calc(100% - (#{$spacing-unit} / 2)); 161 | width: calc(100% - (#{$spacing-unit} / 2)); 162 | } 163 | } 164 | 165 | @include media-query($on-palm) { 166 | .footer-col { 167 | float: none; 168 | width: -webkit-calc(100% - (#{$spacing-unit} / 2)); 169 | width: calc(100% - (#{$spacing-unit} / 2)); 170 | } 171 | } 172 | 173 | 174 | 175 | /** 176 | * Page content 177 | */ 178 | .page-content { 179 | padding: $spacing-unit 0; 180 | flex: 1; 181 | } 182 | 183 | .page-heading { 184 | @include relative-font-size(2); 185 | } 186 | 187 | .post-list-heading { 188 | @include relative-font-size(1.75); 189 | } 190 | 191 | .post-list { 192 | margin-left: 0; 193 | list-style: none; 194 | 195 | > li { 196 | margin-bottom: $spacing-unit; 197 | } 198 | } 199 | 200 | .post-meta { 201 | font-size: $small-font-size; 202 | color: $grey-color; 203 | } 204 | 205 | .post-link { 206 | display: block; 207 | @include relative-font-size(1.5); 208 | } 209 | 210 | 211 | 212 | /** 213 | * Posts 214 | */ 215 | .post-header { 216 | margin-bottom: $spacing-unit; 217 | } 218 | 219 | .post-title { 220 | @include relative-font-size(2.625); 221 | letter-spacing: -1px; 222 | line-height: 1; 223 | 224 | @include media-query($on-laptop) { 225 | @include relative-font-size(2.25); 226 | } 227 | } 228 | 229 | .post-content { 230 | margin-bottom: $spacing-unit; 231 | 232 | h2 { 233 | @include relative-font-size(2); 234 | 235 | @include media-query($on-laptop) { 236 | @include relative-font-size(1.75); 237 | } 238 | } 239 | 240 | h3 { 241 | @include relative-font-size(1.625); 242 | 243 | @include media-query($on-laptop) { 244 | @include relative-font-size(1.375); 245 | } 246 | } 247 | 248 | h4 { 249 | @include relative-font-size(1.25); 250 | 251 | @include media-query($on-laptop) { 252 | @include relative-font-size(1.125); 253 | } 254 | } 255 | } 256 | -------------------------------------------------------------------------------- /pages/referentiels-eco.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 5 | # Référentiels d'écoconception 6 | 7 | Il existe de nombreux référentiels de bonnes pratiques et/ou de critères autour de l'écoconception. En voici une liste : 8 | 9 | - [Le RGESN de l'ARCEP](https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html) : commandé par la loi REEN, créé par des agences gouvernementales et donc une référence. 10 | - [RWEB (CNumR / association Green IT) - Les 115 bonnes pratiques d'écoconception web](https://rweb.greenit.fr/). Le plus ancien, le plus connu et le plus utilisé. 11 | - [RWP (CNumR / association Green IT) - Les bonnes pratiques d'écoconception pour WordPress](https://ref.greenit.fr/rwp/) 12 | - [RMOB (CNumR / association Green IT) - Mobile-specific Best Practices (en anglais)](https://github.com/cnumr/best-practices-mobile) 13 | - [REIPRO (CNumR / association Green IT) - Référentiels de bonnes pratiques pour l'intégration de progiciels](https://github.com/cnumr/best-practices-mobile) 14 | - [RIA (CNumR / association Green IT) - bonnes pratiques pour l'IA générative, par le consortium DECENZ](https://github.com/cnumr/best-practices-ai) 15 | 16 | - [GR491, Le guide de Référence de Conception Responsable de Services Numériques - INR, 491 pratiques](https://gr491.isit-europe.org) 17 | - [Référentiel IA responsable par l'INR](https://ref-ia.isit-europe.org/). 18 | - [Référentiel IA responsable rédigé par l'INR](https://ref-ia.isit-europe.org/). 19 | 20 | - [Designers éthiques : Le guide d’éco-conception de services numériques](https://eco-conception.designersethiques.org/guide/), également [disponible en anglais](https://designersethiques.org/en/thematiques/ecoconception/guide-d-ecoconception). 21 | 22 | - [AFNOR SPEC 2201 - Ecoconception des services numériques](https://www.boutique.afnor.org/fr-fr/norme/afnor-spec-2201/ecoconception-des-services-numeriques/fa203506/323315) 23 | - [AFNOR SPEC 2314 - Référentiel général pour l'IA frugale](https://www.boutique.afnor.org/fr-fr/norme/afnor-spec-2314/referentiel-general-pour-lia-frugale-mesurer-et-reduire-limpact-environneme/fa208976/421140) 24 | 25 | - [Guidelines pour un web écoresponsable (en)](https://w3c.github.io/sustainableweb-wsg/glance.html) par le w3c. 26 | 27 | - [Les Green Software Patterns (en)](https://patterns.greensoftware.foundation/) de la Green Software foundation. 28 | 29 | Il est possible d'ajouter à ces documents des listes orientées performance : 30 | - [Guidelines d’Apple pour la gestion de la mémoire dans les applications iOS](https://developer.apple.com/library/archive/documentation/Performance/Conceptual/EnergyGuide-iOS/index.html) 31 | - [Guidelines de Google pour la gestion de la mémoire dans les applications Android](https://developer.android.com/training/connectivity) 32 | - [Catalogue des patterns de gestion de l’énergie pour les applications mobiles de « The Quasar Research Group »](https://tqrg.github.io/energy-patterns/#/) 33 | 34 | Ou portant sur des sujets connexes : 35 | - [La checklist d’Opquast](https://checklists.opquast.com/fr/assurance-qualite-web/) : qualité web, dont accessibilité et écoconception. 36 | - [Le guide RGPD de la CNIL](https://lincnil.github.io/Guide-RGPD-du-developpeur/) 37 | - [Le RGAA](https://www.numerique.gouv.fr/publications/rgaa-accessibilite/) 38 | 39 | Quelques listes de critères sont disponibles au niveau SI : 40 | - [Référentiel des 65 bonnes pratiques de l’INR](https://institutnr.org/wp-content/uploads/2020/06/2020-v3-65-bonnes-pratiques-greenit.pdf) 41 | - [club.greenit.fr - 74 bonnes pratiques clés pour un numérique plus responsable](https://club.greenit.fr/doc/2022-06-GREENIT-Referentiel_maturite-v3.pdf) 42 | 43 | Positionnée en amont des référentiels de bonnes pratiques, le framework eroom permet de trouver des pistes d'optimisation : 44 | - Voir [la page EROOM sur le site de Boavizta](https://boavizta.org/eroom) et [le document en version 1.0](https://docs.google.com/spreadsheets/d/1zvEHf7fQ-51wh2j0l1Yzr_v_9b65fn6D2v0LtJPGunE/edit?usp=drive_web&ouid=102007248675813661900). 45 | 46 | - Remy Marone a créé [un site recensant des liens sur le sujet de l’IA frugale](https://ia-frugale.org/), sur lesquels il donne son avis. 47 | 48 | Bonus : 49 | - [Le mode sombre (en)](https://www.nngroup.com/articles/dark-mode-users-issues/) : il n’est pas prouvé que celui-ci est mieux pour les yeux, il est très difficile à bien réaliser. 50 | - Performance Web : [un article sur la psychologie et la performance perçue (en)](https://www.speedcurve.com/blog/psychology-site-speed/) 51 | - Cast software et standish group - [étude sur les fonctionnalités peu utilisées](https://www.standishgroup.com/sample_research_files/Exceeding%20Value_Layout.pdf) et un post de blog qui explique que ce n'est que sur 4 applications internes : [Are 64% of Features Really Rarely or Never Used?](https://www.mountaingoatsoftware.com/blog/are-64-of-features-really-rarely-or-never-used/comments) 52 | - [80% des fonctionnalités des logiciels sont peu ou pas utilisées (en)](https://www.pendo.io/resources/the-2019-feature-adoption-report/) étude de 2019 par l'outil d'analytics Pendo.io. 53 | - ADEME - [Les enjeux de l’écoconception, les bénéfices pour l’entreprise, pour l’économie et l’environnement](https://www.ademe.fr/entreprises-monde-agricole/organiser-demarche-environnementale/dossier/ecoconcevoir-produits/enjeux-lecoconception-benefices-lentreprise-leconomie-lenvironnement) 54 | - Green Software Foundation - [Les arguments économiques pour des logiciels plus « verts » (en)](https://stateof.greensoftware.foundation/insights/green-software-business-case/) 55 | - Sur le blog Zenika : [Quels gains chiffrés attendre de l’écoconception ?](https://blog.zenika.com/2024/12/03/quels-gains-chiffres-attendre-de-lecoconception/). 56 | - Une [enquête sur le GreenOps (en)](https://climateaction.tech/blog/sustainability-kpi-greenops-survey-results/), par le fonds ClimateAction (à base de sondages avec 2 680 répondants) confirme que se focaliser sur les aspects "durables" permet de faire des économies. 57 | - Les IA spécialisées [sont beaucoup plus efficaces](https://www.lemonde.fr/pixels/article/2024/03/25/intelligence-artificielle-le-bilan-carbone-de-la-generation-d-images-de-textes-ou-de-sous-titres_6224138_4408996.html) (jusqu'à x30) que les IA génératives. 58 | 59 | -------------------------------------------------------------------------------- /pages/progres.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 5 | # Progrès technique et recherche 6 | 7 | Voici quelques liens sur le progrès technique permettant potentiellement des gains sur les impacts du numérique. 8 | 9 | ## Batteries 10 | - [Pour la science, « Quel futur pour les batteries ? »](https://www.pourlascience.fr/sd/energie/quel-futur-pour-les-batteries-21651.php) 11 | - [INRS au Canada, « Un demi-million de dollars pour développer des batteries plus performantes »](https://inrs.ca/actualites/un-demi-million-de-dollars-pour-developper-des-batteries-plus-performantes/) 12 | - [Nature, « Dynamic spatial progression of isolated lithium during battery operations »](https://www.nature.com/articles/s41586-021-04168-w) 13 | - [L’usine nouvelle, « Grâce à l'eau de mer, IBM a mis au point une nouvelle batterie sans métaux lourds »](https://www.usinenouvelle.com/article/grace-a-l-eau-de-mer-ibm-a-mis-au-point-une-nouvelle-batterie-sans-metaux-lourds.N914824) 14 | - [MIT News, « New battery gobbles up carbon dioxide »](https://news.mit.edu/2018/new-lithium-battery-convert-carbon-dioxide) 15 | - [Google lance un nouveau projet de géothermie](https://green-it.developpez.com/actu/351281/Le-nouveau-projet-d-energie-geothermique-de-Google-est-operationnel-un-nouveau-type-de-centrale-geothermique-alimentera-le-reseau-electrique-qui-dessert-deux-datacenters-de-Google-dans-le-Nevada/) 16 | 17 | ## électronique 18 | - [Le temps, « Une équipe de l’EPFL fait une avancée majeure dans le refroidissement de puces électroniques »](https://www.letemps.ch/sciences/une-equipe-lepfl-une-avancee-majeure-refroidissement-puces-electroniques) 19 | - Pour la science, [« Biomatériaux au service de la microélectronique 3D »](https://www.pourlascience.fr/sd/electronique/biomateriaux-au-service-de-la-microelectronique-3d-11575.php) 20 | - Pour la science, [« Le vivant, plus fort que l'électronique »](https://www.pourlascience.fr/sd/informatique/le-vivant-plus-fort-que-l-electronique-9527.php) 21 | - Pour la science, [« Des bactéries qui synthétisent des matériaux électroniques »](https://www.pourlascience.fr/sd/chimie/des-bacteries-qui-synthetisent-des-materiaux-electroniques-20540.php) 22 | - Pour la science, [« Une électronique souple à base de bois »](https://www.pourlascience.fr/sd/materiaux/une-electronique-souple-a-base-de-bois-19675.php) 23 | - [Une puce informatique fabriquée à partir de la peau d'un champignon](https://green-it.developpez.com/actu/338496/Une-puce-informatique-fabriquee-a-partir-de-la-peau-d-un-champignon-pourrait-etre-facilement-recyclee-la-base-des-puces-et-des-batteries-est-generalement-constituee-de-plastique-non-recyclable/) 24 | - [Kombucha electronics? Sure, why not?](https://arstechnica.com/science/2023/02/kombucha-electronics-sure-why-not/) 25 | - [Des circuits imprimés solubles dans l'eau](https://green-it.developpez.com/actu/346931/Les-circuits-imprimes-solubles-dans-l-eau-aident-a-minimiser-les-dechets-electroniques-et-a-reduire-l-empreinte-carbone-de-60-pourcent-affirme-le-fabricant-de-semi-conducteurs-Infineon/). 26 | - [Le premier satellite en bois envoyé dans l’espace](https://www.dw.com/en/worlds-first-wooden-satellite-launched-into-space/a-70691359). 27 | * Une technologie qui permettrait de réduire les besoins en énergie et en matière tout en améliorant les performances de l’électronique : [des composants électroniques pilotables par la lumière](https://cnrs.fr/fr/presse/vers-des-composants-electroniques-pilotables-par-la-lumiere) (sur le site du CNRS). 28 | * [Percée chinoise dans les puces analogiques : 1 000 fois plus rapide que le GPU Nvidia, la puce résout un "problème centenaire" en traitant les données grâce à des courants continus dans ses circuits physiques](https://hardware.developpez.com/actu/377364/Percee-chinoise-dans-les-puces-analogiques-1-000-fois-plus-rapide-que-le-GPU-Nvidia-la-puce-resout-un-probleme-centenaire-en-traitant-les-donnees-grace-a-des-courants-continus-dans-ses-circuits-physiques/) 29 | 30 | ## Recyclage 31 | - [France 3 régions, « Environnement : et si votre vieux téléphone donnait son cœur à la science, »](https://france3-regions.francetvinfo.fr/grand-est/environnement-et-si-votre-vieux-telephone-donnait-son-c-ur-a-la-science-2161363.html) 32 | - [Pour la science, « Un recyclage plus efficace de l’or »](https://www.pourlascience.fr/sd/chimie/un-recyclage-plus-efficace-de-l-or-15754.php) 33 | - [ENS, « Le recyclage des batteries Li Ion »](https://culturesciences.chimie.ens.fr/thematiques/chimie-physique/electrochimie/le-recyclage-des-batteries-li-ion) 34 | - [Energie et environnement, « Les limites du recyclage des batteries au lithium »](https://energieetenvironnement.com/2018/07/08/les-limites-pratiques-du-recyclage-des-batteries-au-lithium/) 35 | - [Automobile propre, « Recyclage des batteries : Audi et Umicore vers un process à l’infini »](https://www.automobile-propre.com/recyclage-des-batteries-audi-et-umicore-vers-un-process-infini/) 36 | - [The Conversation - De nouvelles technologies pour recycler les déchets électroniques](https://theconversation.com/de-nouvelles-technologies-pour-recycler-les-dechets-electroniques-132530) 37 | * Une [nouvelle méthode de recyclage (en)](https://www.independent.co.uk/tech/battery-recycle-lithium-ion-environment-b2713723.html) permettrait d'extraire presque tout le lithium des batteries. 38 | * Microsoft et Wester digital lancent un [programme de recyclage des disques durs HDD](https://hardware.developpez.com/actu/371238/Western-Digital-et-Microsoft-lancent-un-programme-de-recyclage-des-disques-durs-HDD-pour-recuperer-90-pourcent-des-terres-rares-des-dechets-electroniques-des-centres-de-donnees/) pour récupérer les terres rares 39 | 40 | ## Data centers 41 | - [AC Orgerie - Save Watts in your Grid: Green Strategies for Energy-Aware Framework in Large Scale Distributed Systems](https://perso.ens-lyon.fr/laurent.lefevre/pdf/ICPADS2008_Orgerie_Lefevre_Gelas.pdf) 42 | - [Le projet WindCORES propose de placer des centres de données dans des éoliennes](https://green-it.developpez.com/actu/351638/Le-projet-WindCORES-vise-a-reduire-les-emissions-de-carbone-et-a-ameliorer-la-qualite-de-l-air-en-placant-des-centres-de-donnees-a-l-interieur-d-eoliennes/) 43 | * [Un data center exemplaire de InfoManiak](https://green-it.developpez.com/actu/370456/Un-data-center-revolutionnaire-qui-revalorise-100-pourcent-de-son-energie-pour-chauffer-6000-logements-une-avancee-majeure-ecoresponsable-de-l-hebergeur-Web-et-Cloud-Infomaniak/) réutilise la chaleur fatale et utilise un circuit clos d'eau et de pompe à chaleur pour se refroidir. 44 | 45 | ## Energie et stockage du carbone 46 | - [Partenariat de Microsoft avec une entreprise pour stocker du carbone dans du calcaire](https://green-it.developpez.com/actu/348223/Microsoft-signe-un-contrat-geant-d-elimination-du-carbone-pour-eponger-le-CO2-a-l-aide-de-calcaire-certains-y-voient-une-operation-de-greenwashing-qui-repose-sur-une-technologie-couteuse/). 47 | - Un concept de batterie [à base de diamant de carbone 14 (!) (en)](https://interestingengineering.com/energy/worlds-first-carbon-14-diamond-battery) qui pourrait durer des milliers d'années. 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /assets/minima-social-icons.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /pages/etudes.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | # Les impacts du numérique, études et articles généralistes 5 | 6 | Liens vers les études sur les impacts du numérique des principaux acteurs. 7 | 8 | ## Association GreenIT / GreenIT.fr 9 | - [Impacts environnementaux du numérique dans le monde 2025](https://greenit.eco/nos-etudes-et-essais/impacts-environnementaux-du-numerique-dans-le-monde-2025/) [Février 2025] Impacts du numérique mondial en 2023. 10 | - [Quels sont les impacts environnementaux du numérique en France ?](https://www.greenit.fr/2020/06/23/quels-sont-les-impacts-environnementaux-du-numerique-en-france/) [Juin 2020] Impacts du numérique en France. 11 | - [Etude sur le numérique en Europe](https://www.greenit.fr/wp-content/uploads/2021/12/EU-Study-ACV-7-DEC-FR.pdf) [2021] 12 | - [Empreinte environnementale du numérique mondial](https://www.greenit.fr/empreinte-environnementale-du-numerique-mondial/) [2019] Impacts du numérique mondial en 2020. [Version en anglais](https://www.greenit.fr/wp-content/uploads/2019/11/GREENIT_EENM_etude_EN_accessible.pdf). 13 | - [GreenIT.fr & WWF - WE GREEN IT](https://www.wwf.fr/sites/default/files/doc-2018-10/20181003_etude_wegreenit_d%C3%A9marche_green_it_entreprises_francaises_WWF-min.pdf) [2018] 14 | - Benchmark GreenIT [2024](https://www.greenit.fr/2024/09/23/numerique-au-bureau-jusqua-60-de-notre-budget-annuel-soutenable/), [2025](https://www.greenit.fr/2025/10/03/numerique-au-bureau-quelle-evolution-depuis-10-ans/). 15 | - [Quels sont les impacts environnementaux de l’IA ?](https://www.greenit.fr/2024/08/15/quels-sont-les-impacts-environnementaux-de-lia/) 16 | 17 | ## ADEME et ARCEP : 18 | - [Baromètre du numérique Edition 2021 - Enquête sur la diffusion des technologies de l’information et de la communication dans la société française ](https://www.arcep.fr/uploads/tx_gspublication/rapport-barometre-numerique-edition-2021.pdf) 19 | - [Baromètre du numérique Edition 2025](https://www.arcep.fr/uploads/tx_gspublication/barometre-du-numerique_edition_2025_INFOGRAPHIE_mars2025.pdf). 20 | 21 | - [Evaluation de l'impact environnemental du numérique en France et analyse prospective](https://librairie.ademe.fr/consommer-autrement/5226-evaluation-de-l-impact-environnemental-du-numerique-en-france-et-analyse-prospective.html) [2022] 22 | - [Enquête pour un numérique soutenable de l'ARCEP](https://www.arcep.fr/actualites/actualites-et-communiques/detail/n/environnement-210324.html) [2024] 23 | - [Etude sur l’impact environnemental des usages audiovisuels en France en 2022 et à l’horizon 2030](https://www.arcep.fr/actualites/actualites-et-communiques/detail/n/environnement-071024.html). 24 | - [Observatoire des impacts environnementaux du numérique](https://www.arcep.fr/la-regulation/grands-dossiers-thematiques-transverses/observatoire-impacts-environnementaux-numerique-arcep-ademe.html). 25 | - [Evaluation de l'impact environnemental de la digitalisation des services culturels](https://librairie.ademe.fr/dechets-economie-circulaire/5942-evaluation-de-l-impact-environnemental-de-la-digitalisation-des-services-culturels.html) [2022] 26 | - [Caractérisation des effets rebond induits par le télétravail](https://www.ademe.fr/caracterisation-effets-rebond-induits-teletravail) 27 | 28 | - [Évaluation de l'impact environnemental d'un ensemble de produits reconditionnés](https://librairie.ademe.fr/economie-circulaire-et-dechets/5241-evaluation-de-l-impact-environnemental-d-un-ensemble-de-produits-reconditionnes.html) 29 | - [Renouvellement des terminaux mobiles et pratiques commerciales de distribution](https://www.arcep.fr/uploads/tx_gspublication/rapport-renouvellement-terminaux-mobiles-pratiques-commerciales-distribution-juillet2021.pdf) 30 | 31 | 32 | ## France Stratégie 33 | - [La consommation de métaux du numérique](https://www.strategie-plan.gouv.fr/publications/consommation-de-metaux-numerique-un-secteur-loin-detre-dematerialise) - Condensé de plusieurs sources sur l'utilisation et l'épuisement des matières premières avec le numérique. Très bon document. 34 | - [Maîtriser la consommation énergétique du numérique : le progrès technologique n’y suffira pas ](https://www.strategie.gouv.fr/publications/maitriser-consommation-energetique-numerique-progres-technologique-ny-suffira) 35 | - [IOT - Le monde de l’Internet des objets : des dynamiques à maîtriser](https://www.strategie-plan.gouv.fr/publications/monde-de-linternet-objets-dynamiques-maitriser) 36 | - [Note d'analyse sur la contribution du numérique à la décarbonation](https://www.strategie.gouv.fr/publications/contribution-numerique-decarbonation). 37 | 38 | ## Shift Project 39 | - [Lean ICT : « Pour une sobriété numérique »](https://theshiftproject.org/publications/pour-une-sobriete-numerique/) [2018] Rapport généraliste du shift project sur l'empreinte du numérique. 40 | - [« Climat : l'insoutenable usage de la vidéo en ligne »](https://theshiftproject.org/article/climat-insoutenable-usage-video/) [2019] Suite du rapport précédent avec un focus sur la vidéo. 41 | - [« Déployer la sobriété numérique »](https://theshiftproject.org/article/deployer-la-sobriete-numerique-rapport-shift/) 42 | - [Impact environnemental du numérique : tendances à 5 ans et gouvernance de la 5G](https://theshiftproject.org/wp-content/uploads/2021/03/Note-danalyse_Numerique-et-5G_30-mars-2021.pdf) 43 | - [« Mondes virtuels & Réseaux face à la double contrainte carbone »](https://theshiftproject.org/article/mondes-virtuels-reseaux-publication-des-rapports-finaux/) 44 | 45 | 46 | ## Carbone 4 47 | - [Empreinte carbone du cloud : Amazon, Microsoft et Google ont-ils la tête dans les nuages ?](https://www.carbone4.com/analyse-empreinte-carbone-du-cloud) 48 | - [Bulletin numérique : Nuageux avec risque d’émissions cachées](https://www.carbone4.com/article-numerique-cloud-emissions-cachees), sur les émissions des fournisseurs de Cloud. 49 | 50 | ## Gauthier Roussilhe 51 | - [Situer le numérique](https://situer-le-numerique.netlify.app/) 52 | - [Explications sur l'empreinte environnementale du secteur numérique](https://gauthierroussilhe.com/post/explication-empreinte.html) 53 | - [Les effets environnementaux indirects de la numérisation](https://gauthierroussilhe.com/articles/comprendre-et-estimer-les-effets-indirects-de-la-numerisation) 54 | - [Chez bon pote (2025)](https://bonpote.com/ia-generatives-5g-satellites-quelle-est-la-vraie-empreinte-environnementale-du-numerique/). 55 | - [« Territorialiser les systèmes numériques, l'exemple des centres de données »](https://gauthierroussilhe.com/post/territoires-centres-de-donnees.html) 56 | - [Explications sur l'empreinte carbone du streaming et du transfert de données](https://gauthierroussilhe.com/post/explication-streaming.html) 57 | 58 | ## EcoInfo CNRS 59 | - [« L’épuisement des ressources naturelles », mars 2014](https://ecoinfo.cnrs.fr/2014/03/11/1-epuisement-des-ressources-naturelles/) 60 | - [Code de Conduite européen sur les Datacentres](https://ecoinfo.cnrs.fr/2019/05/06/code-de-conduite-europeen-sur-les-datacentres/) 61 | - [Quelle est l’empreinte carbone de la transmission d’1 Go sur le réseau RENATER ? - EcoInfo - CNRS](https://ecoinfo.cnrs.fr/2020/12/04/quelle-est-lempreinte-carbone-de-la-transmission-d1-go-sur-le-reseau-renater/) 62 | - [Explication du free cooling](https://ecoinfo.cnrs.fr/2009/10/08/le-free-cooling/ ) 63 | - [Tordons le cou aux discussions sur l’impact des e-mails](https://ecoinfo.cnrs.fr/2022/11/09/tordons-le-cou-aux-discussions-sur-limpact-des-e-mails/) 64 | - [Consommation énergétique des technologies blockchain](https://ecoinfo.cnrs.fr/2020/02/11/consommation-energetique-des-technologies-blockchain/) (2020). 65 | - [le recyclage des métaux](https://ecoinfo.cnrs.fr/2014/09/03/3-le-recyclage-des-metaux) 66 | 67 | ## Boavizta 68 | 69 | - [Les réductions d'émissions de CO2 promises par les Cloud providers sont elles réalistes?](https://boavizta.org/blog/les-reductions-d-emissions-de-co2-promises-par-les-cloud-providers-sont-elles-realistes) 70 | - [Comprendre les résultats des calculettes carbone des clouds providers](https://boavizta.org/blog/calculettes-carbone-clouds-providers) 71 | - [étude d’évaluation de l'empreinte environnementale du cloud public](https://boavizta.org/blog/evaluation-empreinte-environnementale-cloud-public). 72 | 73 | ## IEA 74 | * Estimations pour [la consommation des Data Center dans le futur](https://www.lemonde.fr/economie/article/2025/04/10/dopee-par-l-ia-la-demande-d-electricite-pour-les-centres-de-donnees-devrait-plus-que-doubler-d-ici-2030-selon-l-aie_6593594_3234.html) par l'IEA (2025). 75 | - [Métaux rares : l’Agence internationale de l’énergie alerte sur les risques d’approvisionnement pour réussir la transition énergétique](https://www.lemonde.fr/planete/article/2023/07/12/metaux-rares-l-agence-internationale-de-l-energie-alerte-sur-les-risques-d-approvisionnement-pour-reussir-la-transition-energetique_6181602_3244.html) 76 | 77 | ## ONU 78 | - [Global E-waste Monitor 2020](https://www.itu.int/en/ITU-D/Environment/Pages/Spotlight/Global-Ewaste-Monitor-2020.aspx) 79 | - [Global E Waste Monitor 2024](https://www.itu.int/en/ITU-D/Environment/Pages/Publications/The-Global-E-waste-Monitor-2024.aspx), [globalewaste.org](https://globalewaste.org/) 80 | 81 | ## Articles scientifiques 82 | - Anne Cécile Orgerie - [Demystifying Energy Consumption in Grids and Clouds](http://csis.pace.edu/~marchese/SE765/Paper/Green3.pdf) 83 | - [30% of servers are comatose](https://www.forbes.com/sites/benkepes/2015/06/03/30-of-servers-are-sitting-comatose-according-to-research/) : étude de Koomey et al. 84 | - [Energy Efficiency across Programming Languages](http://greenlab.di.uminho.pt/wp-content/uploads/2017/10/sleFinal.pdf) - Le papier abondamment cité sur l'efficience des langages de programmation. 85 | 86 | ## Autres 87 | - [Let's bend the curve (en)](https://www.letsbendthecurve.com/) une page assez bien faite sur l'impact du numérique et les actions possibles, avec le point de vue de la Green Software Foundation. 88 | - [Kindle vs vrai livre - ACV](https://scholarworks.rit.edu/theses/7935/) (conclusion page 84) 89 | - Greenspector - [Faut-il limiter les données qui transitent sur internet pour réduire l’impact du numérique ?](https://greenspector.com/fr/limiter-les-donnees-internet-pour-reduire-impact-numerique/) 90 | - Greenspector - [Étude d’impact de la lecture d’une vidéo Canal+](https://greenspector.com/fr/impact-video-canal/) 91 | * Data For Good - [Livre blanc IA générative](https://dataforgood.fr/iagenerative/) 92 | * [Les impacts physiques de l'IA](https://www.youtube.com/watch?v=iVtF5F7k2mE) par Benoit Petit. Complétée par [les images du photographe Stephen Voss du data center Stargate d'OpenAI](https://bsky.app/profile/bpetit.bsky.social/post/3lp4nsl7syc2v), à Abilene, au Texas. 93 | 94 | -------------------------------------------------------------------------------- /pages/impacts.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | # Impacts du numériques 5 | 6 | Articles anecdotes et présentations sur les impacts du numérique. 7 | 8 | ## Epuisement des ressources naturelles, exploitation minière, consommation d'eau 9 | 10 | 11 | - [La Roue des métaux](https://www.researchgate.net/figure/La-Roue-des-metaux-illustre-la-dependance-de-nombreux-metaux-accessoires-notamment-les_fig3_270105075) : dépendance entre les productions. 12 | 13 | - [Mine de cuivre de Palabora, Afrique du Sud](https://www.google.com/maps/search/palabora+mine/@-23.9809565,31.1058558,15940m/data=!3m1!1e3) et la [quantité de cuivre extraite](https://phototrend.fr/wp-content/uploads/2020/05/dillon-marsh-cuivre-6.jpg) ([article](https://phototrend.fr/2020/05/for-what-its-worth-dillon-marsh/)), [Mine de cuivre de Geamăna, Roumanie](https://www.google.com/maps/place/Geam%C4%83na+517416,+Roumanie/@46.3307263,23.1713381,12047m/data=!3m1!1e3!4m5!3m4!1s0x4749335e58fe877f:0x883a3e3ec5d25d8a!8m2!3d46.3299984!4d23.2042788) avec son village englouti. 14 | 15 | - Les numériques - [Anatomie d’un smartphone : quels sont les composants les plus polluants dans un téléphone ?](https://www.lesnumeriques.com/telephone-portable/anatomie-d-un-smartphone-quels-sont-les-composants-les-plus-polluants-dans-un-telephone-a223400.html) 16 | - [Matériaux utilisés pour l'électronique d'un ordinateur (en anglais)](https://www.engineering.com/story/what-raw-materials-are-used-to-make-hardware-in-computing-devices) 17 | 18 | - [Consommation d'eau de STMicroelectronics à Grenoble](https://www.lemonde.fr/planete/article/2023/06/10/a-grenoble-l-agrandissement-de-stmicroelectronics-relance-la-question-du-partage-de-l-eau_6177027_3244.html) : conflit d'usage sur l'eau en Isère. ["La guerre de l’eau fait étape en Isère" : un millier de manifestants près de Grenoble contre l’accaparement de l’eau par l’industrie électronique](https://france3-regions.francetvinfo.fr/auvergne-rhone-alpes/isere/grenoble/la-guerre-de-l-eau-fait-etape-en-isere-plus-de-500-personnes-manifestent-pres-de-grenoble-contre-l-accaparement-de-l-eau-par-l-industrie-electronique-2744902.html) 19 | 20 | - Aurore Stephant - [Under the hood of Sustainable IT - Promesses de dématérialisation et matérialité minérale - Youtube](https://www.youtube.com/watch?v=QW9udH0vwlE), [Ruée minière au XXIè siècle : jusqu'où les limites seront-elles repoussées ?](https://www.youtube.com/watch?v=i8RMX8ODWQs) 21 | 22 | - France Info - [Madagascar - plus de 10 000 enfants employés dans les mines pour extraire le mica](https://mobile.francetvinfo.fr/monde/afrique/societe-africaine/madagascar-plus-de-10000-enfants-employes-dans-les-mines-pour-extraire-le-mica_3718113.html?fbclid=IwAR28VmpQ3QoxaasWlFBrdfsZYE9hAr_8j9xIdEaQ_HAlL-e9jIAuW-9didA#xtref=https://m.facebook.com/) 23 | - Amnesty International - [« Le travail des enfants derrière la production de smartphones et de voitures électriques »](https://www.amnesty.org/fr/latest/news/2016/01/child-labour-behind-smart-phone-and-electric-car-batteries/), janvier 2016. 24 | - Médiapart - [L'exploitation des enfants dans les mines du Congo](https://blogs.mediapart.fr/rachid-barbouch/blog/060317/lexploitation-des-enfants-dans-les-mines-du-congo) 25 | - Le Monde - [« En Chine, les terres rares tuent des villages », juillet 2012](https://www.lemonde.fr/asie-pacifique/article/2012/07/19/en-chine-les-terres-rares-tuent-des-villages_1735857_3216.html) 26 | - Le Soir - [« Congo: les mines de cobalt, scandale écologique et désastre sanitaire », février 2020](https://www.lesoir.be/277428/article/2020-02-04/congo-les-mines-de-cobalt-scandale-ecologique-et-desastre-sanitaire) 27 | 28 | ## Terminaux et matériel 29 | - Les numériques - [« Enquête au vitriol d'Envoyé Spécial sur le géant chinois Foxconn »](https://www.lesnumeriques.com/vie-du-net/enquete-vitriol-envoye-special-sur-geant-chinois-foxconn-n27404.html) 30 | - [« iPhones are made in hell » (en)](https://restofworld.org/2023/foxconn-iphone-factory-china/). 31 | - Fairphone - [Behind the screens](https://www.fairphone.com/en/behind-the-screens/) 32 | - iFixIt - [Un article sur les pièces appariée](https://fr.ifixit.com/News/78830/lappariement-des-pieces-met-la-reparation-electronique-independante-en-danger) 33 | 34 | ## Centres de données et cloud 35 | 36 | - [Visite du data center DC5 de Scaleway](https://lafibre.info/scaleway/dc5/) - Présentation du datacenter DC5 de Scalewaye, avec de nombreuses photos. 37 | 38 | * La chaleur produite par les Data Centers pourrait être mieux utilisée, mais est [majoritairement gaspillée actuellement](https://reporterre.net/Comment-les-data-centers-pourraient-chauffer-nos-villes). Il y a en effet des réseaux de chaleurs urbains auxquels ils pourraient être raccordés. 39 | 40 | 41 | ## Blockchain / bitcoin : 42 | - Le Monde - [Le bitcoin, gouffre énergétique et péril climatique](https://www.lemonde.fr/planete/article/2018/11/08/le-bitcoin-pourrait-accelerer-le-changement-climatique_5380452_3244.html) 43 | - France 24 - [en Iran, des pannes de courant monstres révèlent le business des fermes à bitcoins chinoises](https://observers.france24.com/fr/moyen-orient/20210201-enqu%C3%AAte-iran-bitcoins-fermes-pannes-courant) 44 | - Statista.com - [x200 000 : Bitcoin network average energy consumption per transaction compared to VISA network as of 2020](https://www.statista.com/statistics/881541/bitcoin-energy-consumption-transaction-comparison-visa/) 45 | - L’entreprise de cryptomonnaies Riot [a gagné plus d’argent avec des subventions reçues en acceptant de réduire son activité qu’avec les bitcoins](https://green-it.developpez.com/actu/348221/Une-entreprise-crypto-au-Texas-gagne-plus-en-faisant-tourner-ses-plateformes-au-ralenti-qu-en-minant-du-Bitcoin-le-Texas-la-paie-des-millions-de-dollars-pour-reduire-sa-consommation-electrique/) qu’elle a miné. 46 | - [Les mineurs de cryptomonnaies doivent désormais déclarer leur consommation d'énergie](https://green-it.developpez.com/actu/353888/Les-grands-mineurs-de-cryptomonnaies-au-USA-doivent-desormais-declarer-leur-consommation-d-energie-au-gouvernement-la-consommation-electrique-mondiale-varie-de-67-TWh-a-240-TWh-en-2023/) 47 | - [2% de la production d'électricité des USA pour le bitcoin ](https://green-it.developpez.com/actu/353783/Plus-de-2-pourcent-de-la-production-d-electricite-aux-Etats-Unis-est-destinee-au-bitcoin-la-quete-de-richesse-s-accompagne-d-un-lourd-tribut-ecologique/) 48 | 49 | 50 | ## Impact de la La publicité 51 | - [Adblock Plus - % trafic by ads](http://www.sfu.ca/content/dam/sfu/snfchs/pdfs/Adblock.Plus.Study.pdf) - Etude d'ad block plus qui indique que la publicité représente 25% du trafic. 52 | - [Le train pollue inutilement à cause de la pub des e-billets](https://medium.com/@matti_sg_fr/bilan-carbone-billet-electronique-train-fba4f215d471) - Un blogueur calcule l'empreinte écologique de la publicité sur son billet de train, qui peut être supérieure à celle du trajet. 53 | - [Sites médias : 70% de l'empreinte carbone vient des pubs et des stats](https://marmelab.com/blog/2021/12/20/mesurons-lempreinte-carbone-des-plus-gros-sites-medias.html). 54 | 55 | ## Impacts environnementaux de l'IA générative 56 | 57 | * Le site café IA a [de super ressources pédagogiques](https://cafeia.org/ressources-pedagogiques/) sur les impacts de ces technologies. 58 | 59 | * [Retardement de la fermeture des centrales à charbon](https://intelligence-artificielle.developpez.com/actu/354253/L-IA-a-besoin-de-tellement-d-energie-que-les-vieilles-centrales-au-charbon-sont-maintenues-en-service-alors-que-la-demande-en-energie-des-centres-de-donnees-devrait-tripler-d-ici-2030/), Microsoft a annoncé [investir pour être près de la mine de Hambach](https://synthmedia.fr/2025/01/politiques/environnement/ia-generative-vampire-energetique/). 60 | * [xAI a obtenu un permis d'exploitation de 15 turbines à méthane](https://intelligence-artificielle.developpez.com/actu/373514/Apres-des-mois-de-protestations-contre-la-pollution-xAI-a-obtenu-un-permis-d-exploitation-de-15-turbines-a-methane-pour-alimenter-son-superordinateur-Colossus-mais-l-imagerie-en-montre-24-sur-le-site/) pour alimenter son superordinateur Colossus, mais l'imagerie en montre 24 sur le site. 61 | * [Investissements dans les SMR](https://www.lemondeinformatique.fr/actualites/lire-des-mini-reacteurs-nucleaires-pour-alimenter-les-datacenters-de-microsoft-91710.html), [Réouverture de three Miles Island](https://www.radiofrance.fr/franceculture/podcasts/un-monde-connecte/quand-les-gafam-rallument-la-machine-nucleaire-2401200), [Investissement dans la fusion](https://intelligence-artificielle.developpez.com/actu/358664/OpenAI-serait-en-pourparlers-avec-Helion-Energy-pour-acheter-de-grandes-quantites-d-energie-de-fusion-pour-les-centres-de-donnees-apres-que-Sam-Altman-ait-investi-375-millions-de-dollars-dans-Helion/) 62 | 63 | * L'IA engendrera [autant de pollution que 10 milliards d'iPhone jetés d'ici 2030](https://www.bfmtv.com/tech/intelligence-artificielle/l-ia-engendrera-autant-de-pollution-que-10-milliards-d-i-phone-jetes-d-ici-2030-selon-une-etude_AV-202410290688.html). 64 | 65 | * Les data centers eux même ne sont pas adaptés pour refroidir ces équipements et [pourraient devenir obsolètes](https://www.jll.fr/fr/etudes-recherche/marches/why-data-centers-could-hit-obsolescence-sooner-than-you-think). 66 | 67 | * [L’engagement de Microsoft de devenir « négatif en carbone » est mis à mal par l’augmentation de 30% de leurs émissions](https://microsoft.developpez.com/actu/357928/Les-emissions-de-Microsoft-augmentent-de-29-pourcent-en-raison-de-son-obsession-pour-l-IA-qui-engloutit-les-ressources-et-stimule-l-expansion-des-centres-de-donnees-a-forte-intensite-de-carbone/) à cause de leurs dépenses pour l’IA générative. 68 | 69 | * Google a sorti [des chiffres sur l'impact de l'utilisation de Gemini (en)](https://services.google.com/fh/files/misc/measuring_the_environmental_impact_of_delivering_ai_at_google_scale.pdf), qui sont très petits. Ils sont donc [bien sur](https://ketanjoshi.co/2025/08/23/big-techs-selective-disclosure-masks-ais-real-climate-impact/) [critiqués](https://intelligence-artificielle.developpez.com/actu/374991/Google-declare-que-le-traitement-d-un-prompt-par-son-IA-Gemini-consomme-desormais-l-equivalent-de-9-secondes-de-television-et-5-gouttes-d-eau-mais-les-experts-affirment-que-ces-chiffres-sont-sous-estimes/). 70 | * Stargate : [OpenAI va verser 30 milliards de dollars par an à Oracle pour un centre de données d'IA](https://intelligence-artificielle.developpez.com/actu/374010/Stargate-OpenAI-va-verser-30-milliards-de-dollars-par-an-a-Oracle-pour-un-centre-de-donnees-d-IA-qui-lui-fournira-l-equivalent-de-l-energie-alimentant-environ-quatre-millions-de-foyers/) qui lui fournira l'équivalent de l'énergie alimentant environ quatre millions de foyers. 71 | * Hyundai va contribuer à [la construction d'un ambitieux centre de données de 5 GW](https://intelligence-artificielle.developpez.com/actu/374352/Hyundai-va-contribuer-a-la-construction-d-un-ambitieux-centre-de-donnees-de-5-GW-alimente-par-l-energie-nucleaire-au-Texas-qui-pourrait-devenir-le-plus-grand-complexe-nucleaire-des-Etats-Unis/) alimenté par l'énergie nucléaire au Texas. 72 | * Cheyenne [va accueillir un immense centre de données dédié à l'IA](https://intelligence-artificielle.developpez.com/actu/374217/Cheyenne-va-accueillir-un-immense-centre-de-donnees-dedie-a-l-IA-qui-consommera-plus-d-electricite-que-tous-les-foyers-du-Wyoming-reunis-fonctionnant-a-1-8-gigawatt-et-pourrait-atteindre-10-gigawatts/) qui consommera plus d'électricité que tous les foyers du Wyoming réunis, fonctionnant à 1,8 gigawatt et pourrait atteindre 10 gigawatts. Avec de la production de gaz entre autres. 73 | 74 | -------------------------------------------------------------------------------- /ECO.md: -------------------------------------------------------------------------------- 1 | Liste de liens utiles pour la formation éco conception de services numériques. 2 | 3 | # Acteurs et sources principales sur le GreenIT 4 | 5 | - [GreenIT.fr](https://www.greenit.fr/) 6 | - [Club Green IT](https://club.greenit.fr/) 7 | - [Collectif Green IT](https://collectif.greenit.fr/) 8 | - [Collectif Conception Numérique Responsable](https://github.com/cnumr/) 9 | - [EcoInfo - CNRS](https://ecoinfo.cnrs.fr/) 10 | - [HOP - Halte à l'obsolescence programmée](https://www.halteobsolescence.org/) 11 | - [ADEME](https://www.ademe.fr/) 12 | 13 | 14 | # Etudes citées dans la formation 15 | 16 | ## Etudes sur l'impact du numérique 17 | - [Empreinte environnementale du numérique mondial](https://www.greenit.fr/empreinte-environnementale-du-numerique-mondial/) [2019] Le rapport récent de GreenIT.fr sur l'empreinte écologique du numérique au niveau mondial. Basé sur une méthodologie d'ACV. 18 | - [Impacts environnementaux du numérique en France (iNum)](https://www.greenit.fr/2020/06/23/quels-sont-les-impacts-environnementaux-du-numerique-en-france/) [Juin 2020] Suite du rapport précédent, focalisé sur la France. 19 | - [Livre blanc Green Concept](http://www.greenconcept-innovation.fr/wp-content/uploads/2020/02/greenconcept_21022020.pdf) - Contient des exemples réels d'éco conception de services numériques. 20 | - [Le numérique en Europe : une approche des impacts environnementaux par l’analyse du cycle de vie (NumEU)](https://www.greenit.fr/le-numerique-en-europe-une-approche-des-impacts-environnementaux-par-lanalyse-du-cycle-de-vie/) 21 | - [Benchmark GreenIT](https://www.greenit.fr/benchmark-green-it/) 22 | - [ARCEP - Baromètre du numérique Edition 2021 - Enquête sur la diffusion des technologies de l’information et de la communication dans la société française ](https://www.arcep.fr/uploads/tx_gspublication/rapport-barometre-numerique-edition-2021.pdf) 23 | - [ADEME / ARCEP - Evaluation de l'impact environnemental du numérique en France et analyse prospective](https://librairie.ademe.fr/consommer-autrement/5226-evaluation-de-l-impact-environnemental-du-numerique-en-france-et-analyse-prospective.html) 24 | - [ADEME / ARCEP : évaluation de l’empreinte environnementale du numérique en France en 2020, 2030 et 2050](https://www.arcep.fr/uploads/tx_gspublication/dossier-presse-Etude-Ademe-Arcep-lot3_mars2023.pdf) 25 | 26 | # Autres liens par chapitres 27 | 28 | ## Connaissances fondamentales 29 | 30 | ### Les crises écologiques 31 | - [Les limites planétaires](https://fr.wikipedia.org/wiki/Limites_plan%C3%A9taires) 32 | - [La grande accélération](https://fr.wikipedia.org/wiki/Grande_acc%C3%A9l%C3%A9ration) 33 | 34 | Sur le climat : 35 | - [L'effet de serre](https://fr.wikipedia.org/wiki/Effet_de_serre) 36 | - [Potentiel de réchauffement global](https://fr.wikipedia.org/wiki/Potentiel_de_r%C3%A9chauffement_global) 37 | - [Comparaison des gaz à effet de serre](http://svt-oehmichen.over-blog.fr/2015/12/comparaison-des-gaz-a-effet-de-serre.html) 38 | - [Accord de Paris](https://fr.wikipedia.org/wiki/Accord_de_Paris_sur_le_climat) 39 | - [Sismique - Changement climatique : on (re)fait le point.](https://www.sismique.fr/post/changement-climatique-on-refait-le-point) 40 | - [Bloomberg - Carbon clock](https://www.bloomberg.com/graphics/carbon-clock/) 41 | - [Estimation de l’empreinte carbone de 1995 à 2020](https://www.statistiques.developpement-durable.gouv.fr/estimation-de-lempreinte-carbone-de-1995-2020) 42 | 43 | Sur la biodiversité : 44 | - [Rapport du WWF sur la biodiversité](https://www.wwf.fr/sites/default/files/doc-2020-09/20200910_Synthese_Rapport-Planete-Vivante-2020_WWF-min.pdf) 45 | 46 | 47 | Sur l'épuisement des ressources naturelles : 48 | - [ADEME : Epuisement des métaux et minéraux : faut-il s'inquiéter ?](https://www.ademe.fr/epuisement-metaux-mineraux-faut-sinquieter) 49 | - [France Stratégie - La consommation de métaux du numérique](https://www.strategie.gouv.fr/sites/strategie.gouv.fr/files/atoms/files/fs-2020-dt-consommation-metaux-du-numerique-juin.pdf) - Condensé de plusieurs sources sur l'utilisation et l'épuisement des matières premières avec le numérique. 50 | - [Ruée minière au XXIè siècle : jusqu'où les limites seront-elles repoussées ? - Aurore Stephant à USI](https://www.youtube.com/watch?v=i8RMX8ODWQs) 51 | - [EcoInfo.cnrs - Epuisement des ressources naturelles](https://ecoinfo.cnrs.fr/2014/03/11/1-epuisement-des-ressources-naturelles/) 52 | - [Element Scarcity – EuChemS Periodic Table](https://www.euchems.eu/euchems-periodic-table/) 53 | - [Commission Européenne, 2020, Critical Raw Materials Resilience: Charting a Path towards greater Security and Sustainability](https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:52020DC0474) 54 | 55 | Réactions : 56 | - [L'Accord de Paris](https://unfccc.int/fr/a-propos-des-ndcs/l-accord-de-paris) 57 | - [Le développement durable](https://fr.wikipedia.org/wiki/D%C3%A9veloppement_durable) 58 | 59 | ### Notions de bases 60 | 61 | - [Définition de MIPS (en - wikipédia)](https://en.wikipedia.org/wiki/Material_input_per_service_unit) 62 | 63 | - [kWh](https://fr.wikipedia.org/wiki/Kilowatt-heure) 64 | - [Énergie primaire](https://fr.wikipedia.org/wiki/%C3%89nergie_primaire) 65 | - [Énergie grise](https://fr.wikipedia.org/wiki/%C3%89nergie_grise) 66 | - [Mix Energétique](https://fr.wikipedia.org/wiki/Mix_%C3%A9nerg%C3%A9tique) 67 | - [Base carbone ADEME](https://www.bilans-ges.ademe.fr/documentation/UPLOAD_DOC_FR/index.htm?repas.htm) 68 | 69 | - [Electricity Map](https://app.electricitymaps.com/map) 70 | 71 | ### L'ACV 72 | 73 | - [Page Wikipédia](https://fr.wikipedia.org/wiki/Analyse_du_cycle_de_vie) 74 | - [ACV du Fairphone 2](https://pdfs.semanticscholar.org/881e/5297c5f44d626abe1e65f38d93ac09b2350d.pdf) 75 | - [ACV du Fairphone 3](https://www.fairphone.com/wp-content/uploads/2020/07/Fairphone_3_LCA.pdf) 76 | - [ACV du Fairphone 4](https://www.fairphone.com/wp-content/uploads/2022/07/Fairphone-4-Life-Cycle-Assessment-22.pdf) 77 | - [ACV d'un PC coréen](https://www.researchgate.net/publication/226388568_Life_Cycle_Assessment_of_a_Personal_Computer_and_its_Effective_Recycling_Rate_7_pp) 78 | 79 | - [ADEME - Modélisation et évaluation des impacts environnementaux de produits de consommation](https://www.ademe.fr/modelisation-evaluation-impacts-environnementaux-produits-consommation-biens-dequipement) 80 | 81 | 82 | ## Empreinte du numérique 83 | 84 | ### Obsolescence 85 | - [Baromètre du numérique Edition 2021 - Enquête sur la diffusion des technologies de l’information et de la communication dans la société française ](https://www.arcep.fr/uploads/tx_gspublication/rapport-barometre-numerique-edition-2021.pdf) 86 | - [Renouvellement des terminaux mobiles et pratiques commerciales de distribution](https://www.arcep.fr/uploads/tx_gspublication/rapport-renouvellement-terminaux-mobiles-pratiques-commerciales-distribution-juillet2021.pdf?utm_source=pocket_mylist) 87 | - [Mise en perspective - impactco2.fr](https://impactco2.fr/usagenumerique) 88 | 89 | ### Obésité logicielle 90 | 91 | - [Loi de Wirth](https://fr.wikipedia.org/wiki/Loi_de_Wirth) 92 | - [Loi de Koomey](https://fr.wikipedia.org/wiki/Loi_de_Koomey) 93 | - [The Website Obesity Crisis](https://idlewords.com/talks/website_obesity.htm) 94 | - [GreenIT.fr - Logiciel : la clé de l’obsolescence programmée du matériel informatique](https://www.greenit.fr/2010/05/24/logiciel-la-cle-de-l-obsolescence-programmee-du-materiel-informatique/) 95 | - [httparchive.org - Page Weight](https://httparchive.org/reports/page-weight) 96 | 97 | ## L'éco conception 98 | 99 | - [Page Wikipédia](https://fr.wikipedia.org/wiki/%C3%89coconception) - [Définition sur eco-conception.fr](https://www.eco-conception.fr/static/definition-de-leco-conception.html) 100 | - [Les quatres niveaux d'éco conception](https://www.eco-conception.fr/static/leco-conception-pour-tous.html) 101 | 102 | ## Low Tech Web 103 | 104 | - [Présentation sur le low tech web)](https://www.youtube.com/watch?v=w6BmIX564gk) 105 | - [Site de la Deutsche Bahn normal](https://www.bahn.de/) et [minimaliste](https://reiseauskunft.bahn.de/bin/query.exe/el) 106 | - [Site du designer pour la mise en perspective](https://ichimnetz.com/) 107 | - [1.2.Train](https://www.12train.com/) 108 | 109 | ## Référentiels 110 | 111 | - [Outils du collectif GreenIT](https://collectif.greenit.fr/outils.html) 112 | - [Les 115 bonnes pratiques](https://github.com/cnumr/best-practices) 113 | - [Ministère de la transition écologique : Référentiel général d'écoconception de services numériques (RGESN)](https://ecoresponsable.numerique.gouv.fr/publications/referentiel-general-ecoconception/) 114 | - [GR491, Le guide de Référence de Conception Responsable de Services Numériques - INR, 491 pratiques](https://gr491.isit-europe.org) 115 | - [Référentiel de GreenConcept](http://www.greenconcept-innovation.fr/wp-content/uploads/2020/02/greenconcept_21022020.pdf) 116 | - [RGESN - ARCEP](https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html) 117 | 118 | 119 | ## Outils 120 | - [Ecoindex](http://www.ecoindex.fr) 121 | - [Explication approfondie de l'éco index sur le blog d'Octo](https://blog.octo.com/sous-le-capot-de-la-mesure-ecoindex/) 122 | - [Ecometer](http://ecometer.org/) 123 | - GreenIT analysis [Chrome](https://chrome.google.com/webstore/detail/greenit-analysis/mofbfhffeklkbebfclfaiifefjflcpad?hl=fr), [Firefox](https://addons.mozilla.org/fr/firefox/addon/greenit-analysis/) 124 | - [PowerAPI](https://powerapi-ng.github.io/) 125 | - [Scaphandre](https://github.com/hubblo-org/scaphandre) : [Démo](https://metrics.hubblo.org/) 126 | - [Liste des outils sur ecoresponsable.numerique.gouv.fr](https://ecoresponsable.numerique.gouv.fr/publications/boite-outils/) 127 | - [Simulateur d'écoindex](https://rachelwe.github.io/Simulateur-ecoindex/) 128 | 129 | 130 | ## Compléments / les 115 bonnes pratiques 131 | 132 | - [Cast software et standish group - fonctionnalités peu utilisées](https://www.standishgroup.com/sample_research_files/Exceeding%20Value_Layout.pdf) 133 | https://solar.lowtechmagazine.com/2018/09/how-to-build-a-lowtech-website/ 134 | - [LOW←TECH MAGAZINE - How sustainable is a solar powered website ?](https://solar.lowtechmagazine.com/2020/01/how-sustainable-is-a-solar-powered-website.html) Après avoir produit un site « low tech » alimenté par un panneau solaire le magazine analyse la durabilité de cette méthode. 135 | 136 | - [Liste de font web safe](https://www.w3schools.com/cssref/css_websafe_fonts.asp) 137 | 138 | - [Le mode sombre est-il intéressant ?](https://greenspector.com/fr/faut-il-changer-son-fond-decran-pour-consommer-moins-de-batterie/) 139 | 140 | - [Can I Use ?](https://caniuse.com/) 141 | 142 | - [L'effet rebond](https://fr.wikipedia.org/wiki/Effet_rebond_(%C3%A9conomie)) 143 | - [Règle des 5R](https://fr.wikipedia.org/wiki/R%C3%A8gle_des_5_R) 144 | 145 | ### Optimisation des datacenters 146 | 147 | - [Data Centres and Data Transmission Networks – Analysis - IEA](https://www.iea.org/reports/data-centres-and-data-transmission-networks) - Etude qui montre que l'empreinte des DC stagne malgré une forte augmentation du trafic, grâce aux optimisations des acteurs. 148 | - [Etude de la commission européenne sur la consomation d'énergie future des data centers](https://www.francedatacenter.com/wp-content/uploads/2020/11/FINALSTUDYEnglishKK-03-20-210-EN-N13072020pdf.pdf) 149 | - [PUE (wikipédia)](https://fr.wikipedia.org/wiki/Indicateur_d%27efficacit%C3%A9_%C3%A9nerg%C3%A9tique) 150 | - [Koomey and al - 30% of servers are comatose](https://www.anthesisgroup.com/wp-content/uploads/2019/11/Case-Study_DataSupports30PercentComatoseEstimate-FINAL_06032015.pdf) 151 | - [Visite du data center DC5 de Scaleway](https://lafibre.info/scaleway/dc5/) - Présentation du datacenter DC5 de Scalway ) refroidissement adiabatique, avec de nombreuses photos. 152 | - [Code de Conduite européen sur les Datacentres](https://ecoinfo.cnrs.fr/2019/05/06/code-de-conduite-europeen-sur-les-datacentres/) 153 | - [Explication du free cooling par ecoinfo](https://ecoinfo.cnrs.fr/2009/10/08/le-free-cooling/ ) 154 | - [Papier de Berkeley sur la consommation des serveurs](https://escholarship.org/content/qt8bb5j7ww/qt8bb5j7ww.pdf) 155 | 156 | 157 | ### Site explicitement écoconçus 158 | **- [Déclaration d'écoconception d'après GreenIT.fr](https://declaration.greenit.fr/) avec une liste d'exemples.** 159 | 160 | ## Versions light de site connus 161 | 162 | 163 | - [Facebook](https://mbasic.facebook.com/) 164 | - [CNN](http://lite.cnn.com/en) 165 | - [Reddit](https://old.reddit.com/) 166 | 167 | ## Sites minimalistes 168 | 169 | Exemples de web frugal : ces sites qui ont toujours été minimalistes et efficaces. 170 | 171 | - [GOV.UK](https://www.gov.uk/) 172 | - **[How to Build a Low-tech Website? - LOW←TECH MAGAZINE](https://solar.lowtechmagazine.com/2018/09/how-to-build-a-lowtech-website/)** - Exemple de site minimaliste et déployé sur un seul serveur alimenté par un panneau solaire. 173 | - [LOW←TECH MAGAZINE - How sustainable is a solar powered website ?](https://solar.lowtechmagazine.com/2020/01/how-sustainable-is-a-solar-powered-website.html) Après avoir produit un site « low tech » alimenté par un panneau solaire le magazine analyse la durabilité de cette méthode. 174 | - [Rebuilding a solar website](https://solar.lowtechmagazine.com/2023/06/rebuilding-a-solar-powered-website/) 175 | - [Wikipédia](https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal) 176 | - [Craigslist](https://paris.craigslist.org/) 177 | 178 | - [50 exemples de sites internet basse consommation ](https://www.linkedin.com/pulse/48-exemples-de-sites-internet-basse-consommation-c%C3%A9dric-liardet/) 179 | 180 | ## Site explicitement écoconçus / appliquant des principes 181 | 182 | 183 | - [Dalkia, groupe EDF](https://www.dalkia.fr) 184 | - [EcoloGeek](https://www.ecologeek.fr/) 185 | - [Commown](https://commown.coop/) 186 | - [Kaïros Sailing - Ecurie de course : projets sportifs ou responsables](https://www.kairos-jourdain.com/fr/sailing) - également très beau 187 | - [Le Low-tech Lab](https://lowtechlab.org/fr) 188 | - [Celtique ? L'expo.](https://www.exposition-celtique.bzh/) 189 | - [Telecoop](https://telecoop.fr/blog/ecoconception-de-notre-site-web). 190 | - E-Commerce : [boutique natali](https://www.boutique-natali.com/) 191 | - Vitrine de restaurant : [Le vaisseau](https://www.restaurant-vaisseau.com/) 192 | - [Déclaratation d'écoconception sur le site de GreenIT, avec une liste d'exemples](https://declaration.greenit.fr/) 193 | 194 | # Divers 195 | 196 | - [ADEME - Caractérisation des effets rebond induits par le télétravail](https://www.ademe.fr/caracterisation-effets-rebond-induits-teletravail) 197 | - [ADEME - Liste des ressources ADEME sur le numérique responsable](https://ecoresponsable.numerique.gouv.fr/publications/ressources-ademe/) 198 | - [EcoInfo.cnrs - Référentiel de connaissances pour un numérique éco responsable](https://hal.archives-ouvertes.fr/hal-02954188/document) 199 | - [Le Monde Afrique - M-Pedigree, un rempart à la consommation de faux médicaments](https://www.lemonde.fr/afrique/article/2015/04/02/m-pedigree-un-rempart-a-la-consommation-de-faux-medicaments_4608585_3212.html) 200 | 201 | --------------------------------------------------------------------------------