Motyar

@motyar

Freelance Web Developer

Static Web Hosting, made easy

Mar 29, 2010

Energy Saver for Web - A Jquery plug-in

I am writing this post after reading the article of Rising Phoenix Design, that points out that black pixels take less energy than white pixels. Background to background, black comes in at about 59 watts, white is at 74, a full 15 watts higher.

$(energysaver)- Energy Saver for Web

I think each of us must do some small things to save our earth. Today in this post i am introducing the $(energysaver)- Energy Saver for Web. This is a simple jquery plug-in that can save a lot of energy on web.
$(energysaver) saves energy because the screen background goes black if no event occurs for a given period.


If Google Starts using $.energysaver()

Mark Ontkush says -

Take at look at Google, who gets about 200 million queries a day. Let's assume each query is displayed for about 10 seconds; that means Google is running for about 550,000 hours every day on some desktop. Assuming that users run Google in full screen mode, the shift to a black background [on a CRT monitor! mjo] will save a total of 15 (74-59) watts. That turns into a global savings of 8.3 Megawatt-hours per day, or about 3000 Megawatt-hours a year. Now take into account that about 25 percent of the monitors in the world are CRTs, and at 10 cents a kilowatt-hour, that's $75,000, a goodly amount of energy and dollars for changing a few color codes.


Code and Download

JavaScript(Jquery)

//usage
$.energysaver();
//or - 
$.energysaver({options});
//default options - 
{
    delay: 5000,
    events: 'mousemove mousedown keydown'
} 
Download
The code is hosted with Github, you can see the code or can download from here.

Demo

Sure the demo is here.
Please feel free to share your ideas.

Labels: , , ,




By :