About Overbrowsing
Overbrowsing is an applied research group dedicated to advancing our understanding of sustainable web design and development practises.
Overbrowsing occurs when herbivores graze excessively, exerting pressure on the environment, and this word, which has a common origin with internet browsing, corresponds with the initiative's core mission.
We are committed to shaping an innovative and mindful digital future, our approach is a blend of inquiry and action. The goal is to raise awareness, share crucial insights on the urgent need to reduce excess, and ignite tangible change.
The project advocates for conscious strategies, resource optimisation, and ethical considerations. Fostering a harmonious coexistence between technology and the planet.
Why we made it
Our motivation stems from the observation that many existing resources tend to attribute challenges in web development to the efforts of developers. In contrast, we assert that the root cause lies in a design problem. We firmly believe that a significant number of these issues can be effectively addressed through enhanced design methodologies.
By positioning our initiative as a design-first project and actively involving the design community, we aim to disseminate key concepts and principles related to creating a more sustainable internet. While several resources, like Website Carbon, focus on post-event monitoring, our objective is to adopt a proactive approach. We strive to discover innovative UI/UX and design ideas that not only deliver exceptional experiences but also maintain a balance between design, functionality, and accessibility for visitors.
As an organisation, our vision extends beyond addressing immediate problems with the internet and technology. Recognising that programming languages, tools, and systems evolve over time, we aim to shift the focus to overarching issues related to the creation of web pages. Drawing inspiration from well-established disciplines such as architecture, we seek to establish parallels and incorporate principles from these disciplines to develop a more holistic approach to sustainable web design.
Every byte counts.
How we made it
Design
- Overbrowsing uses a Page Weight Budget: 103.37KB.
- The site uses only web fonts, minimising HTTP requests.
- The colour palette is dark green, green being the most energy-efficient LED colour and a darker shade being more energy-conserving on OLED devices.
- We have also darkened images until they are hovered over to conserve energy on OLED devices.
- There is a short bit of CSS that creates a notice, suggesting that visitors should change their operating system’s theme to Dark Mode to conserve energy.
- The Overbrowsing logo represents the 8 lunar phases; the site favicon updates itself based upon which moon phase we’re in.
- Website Carbon’s API is used to monitor site’s footprint.
- OpenWeatherMap API dynamically adjust the site background colour from red to green based upon air quality.
- The site is powered by the Are.na API, our choice of this platform is driven by its thriving community. It serves as the perfect platform to connect and share information, specifically targeting the community of individuals we aim to engage.
- A principle we followed to only Javascript where we couldn’t create something with CSS.
Stack
Credits
This site was built by Headless Horse and Printer Scanner Studio.