Skip to content

Webdesign & Ökobilanz

GRÜNCODE

Wäre das Internet ein Land, dann wäre es der sechstgrößte Umweltverschmutzer.* Auch Webdesigner können einen Beitrag leisten das Internet nachhaltiger zu gestalten. Hier findet Ihr eine Sammlung kostenloser Einzweck-Online-Tools und Informationen für umweltbewusste Webworker...

Aus eigener Feder
Alle Beiträge ;-)

Eruieren Permalink

Der längste Weg beginnt mit dem ersten Schritt oder ein paar unbequemen Fragen. Die folgenden Online-Tools helfen dabei, die unbequemen Fragen z.B. nach der Nachhaltigkeit einer Website zu beantworten.

Is your website hosted green?
https://www.thegreenwebfoundation.org
Website Carbon Calulator
https://www.websitecarbon.com
Ecograder
https://ecograder.com
Webtest App
https://webtest.app
Greenhouse Plugin
https://github.com/thegreenwebfoundation/lighthouse-plugin-greenhouse
Carbonalyser-Plugin (FF/Chrome)
https://theshiftproject.org/en/carbonalyser-browser-extension/

Optimieren Permalink

Neben der Nutzung des Wörtchens 'Nein' als Design-Tool, gibt es einige Schrauben, an denen man drehen kann, um den Energieverbrauch zu optimieren.

SVGOMG - Optimize SVG
https://jakearchibald.github.io/svgomg
Squoosh - Make smaller images
https://squoosh.app
CSS Grid Generator
https://cssgrid-generator.netlify.app
CSS Grid Generator
https://quantityqueries.com

Reduzieren Permalink

Ist das Kunst oder kann das weg? Datensparsamkeit hilft nicht nur beim nachhaltigen Einsatz von Resourcen, sondern auch bei der Umsetzung der DSGVO.

Performance Budget Calculator
https://www.performancebudget.io
Does it fit on a Floppy?
https://fitonafloppy.website
Dither it! An image dithering tool
https://ditherit.com
The average web page is 3MB...
https://speedcurve.com/blog/web-performance-page-bloat

Informieren Permalink

Wie viel CO2-Emissionen erzeugt das Internet, wenn man surft, kommuniziert, ein Video streamt oder eine Website designt? Solide Informationen über die CO2-Bilanz von Online-Aktivitäten sind schwer zu finden...

Klimaerwärmung in Streifen
https://showyourstripes.info
Green UX Checklist
https://manoverboard.com/green-ux-checklist
Web Content affects Power Usage
https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/
Designing for Sustainability
http://shop.oreilly.com/product/0636920043904.do
Sustainable Web Design
https://alistapart.com/article/sustainable-web-design/
Unsichtbarer Energieverbrauch im Netz
https://cayla.de/die-welt-verstehen/energieverbrauch-im-internet-in-wh-mb/
Energy and programming languages
https://thenewstack.io/which-programming-languages-use-the-least-electricity
What is the Jamstack?
https://jamstack.org

Inspirieren Permalink

Über den Tellerrand blicken - Neben kontinuierlicher Weiterbildung ist auch das Sammeln von Inspirationen und Impressionen ein wichtiger Bestandteil des nachhaltigen Webdesigns.

Sustainable Web Manifesto
https://www.sustainablewebmanifesto.com
Ethical Design Manifesto
https://2017.ind.ie/ethical-design/
Impact Makers Community
https://techimpactmakers.com
ClimateAction.tech Community
https://climateaction.tech
Low Tech Magazin (Solar powered)
https://solar.lowtechmagazine.com
Bits & Bäume
https://bits-und-baeume.org
Borderstep Institut
https://www.borderstep.de/
UnternehmensGrün e.V.
https://www.unternehmensgruen.org/