Sustainable Web Design & Development
How to measure/calculate environmental implications?
Calculate carbon emissions of websites, web applications & digital services
Positive Examples
Specific Recommendations
- In General: Green Software β What Can You Do
- Colors: Color Palettes
- Fonts: Web Fonts#Optimization of a font
- Images: Image Optimization
- Performance: Web Performance#Web Performance π€ and Sustainability π±
- Service Workers: Service Workers
- Size: Reduce size of a web application
Guidelines for creating sustainable websites
General
- Web Sustainability Guidelines
- SustainableWebDesign.org
- sustainable.dev
- nachhaltiges-webdesign.jetzt
- 20 ways to make your website more energy efficient by Wholegrain Digital
- Green Software Patterns by Green Software Foundation
- Introduction to web sustainability | MDN Blog by Mozilla
- Reduce the carbon emissions of your website by ClimateAction.tech
- Kriterien fΓΌr eine klimabewusste Website by Β°Cleaner Web
- Sustainable Web Design: Things you can do without asking your clients permission by SustainableWWW
- What is 'green' software?
- Green by Default | Brian Louis Ramirez
- So you wanna create an eco-friendly website
- SustainableWWW (SustainableWWW)
- GR491, The Handbook of sustainable design of digital services by ISIT Europe
- Reducing website carbon emissions - Fershad Irani
- A quick guide to easy web performance wins - Fershad Irani
- sandstorm/awesome-sustainable-software (GitHub) by Sandstorm
- Front-end optimizations: Greening the Web βΒ slides by Amy Drayer
- A Guide to Building a Sustainable Web - JC Chouinard
- Sustainable Design Resources by Natalie Walsh
Focus on UX
- Making a web page light and delightful β Global Warning
- Figma sustainable web design plugin
- raunofreiberg/interfaces: A non-exhaustive list of details that make a good web interface
- Blog Sustainable Virtual Design by Pete Markiewicz
- Newsletter SustainableUX by James Christie
Collection of Sustainable Design Toolkits for UX Designers:
https://www.linkedin.com/posts/vitalyfriedman_ux-design-sustainability-activity-7041351002741952512-vBiL
Third-party integrations
Developers / Designers
Green web developer directory β the-sustainable.dev
- Fershad Irani
- Tom Greenwood (Wholegrain Digital)
- Tim Frick (Mightybytes)
- Hannah Smith
- Sandy DΓ€hnert
- Ingo Steinke (Berlin)
- β¦
Manifestos
- Sustainable Web Manifesto
- The Karlskrona Manifesto for Sustainability Design
- The low impact manifesto
- Rugged Manifesto
Books
Tools
- How to make Wordpress greener
- Wordpress vs. Hugo + Cloudlfare | green-coding.berlin
- ec0lint: static code analyzer