Display the Impact of Your GitHub Project as a Shields.io Badge.

The CO₂ Shield Generator allows you to assess the environmental impact of your project's web page and showcase it in your GitHub project as a Shields.io badge. It is powered by Beacon, which utilises the OneByte model developed by The Shift Project to calculate emissions.

Open Application

Pruner: A Pruner: A Responsive Image Javascript Utility.

Pruner is a responsive image Javascript utility using viewport-based rendering. It works by splitting images into tiles and loading only the parts of the image visible within the viewport, like assembling a jigsaw puzzle. This method reduces server-side footprints compared to the current best practice of responsive images by eliminating the need for multiple image versions defined for specific breakpoints and reduces data transfer by minimising pixel waste—parts of the image outside the visible aperture.

View on GitHub

A Stylelint Plugin Dedicated to Following Sustainable Web Design Principles.

Sustainable CSS is a Stylelint plugin dedicated to following sustainable web design principles. The plugin optimises CSS by identifying and addressing issues that contribute to larger file sizes, thereby helping conserve environmental resources. While many style guides are subjective regarding appearance, our core principle is simple: "Does it save bytes?"

View on GitHub