Designing and Coding The Great Internet Blackout

By now, surely you know The Great Internet Blackout Is On. However, among all the participating sites, Designing and Coding The Great Internet Blackout can be very basic, or extremely complex.

So, who facilitated The Great Internet Blackout, on their website, with the best “Cool” factor and with the least browser problems?


Google changes the images used (Doodles) to represent their name on Google.com, quite often. So was blacking out the “Google” the best option?
Google Day Of SOPA/PIPA


Wikipedia blacked out and locked the whole english site. Their design was cool, but wasn’t consistent across platforms. The effect worked in the latest versions of Apple’s Safari (on Mac OS X), Google’s Chrome (on Linux & Mac OS X), Mozilla’s Firefox (on Linux and Mac OS X) and Opera (on Linux and Mac OS X). It also seemed to work just fine, in Apple’s Safari on the original iPad. However, it did not work correctly on the iPhone 4, when using Apple’s Safari or Opera Mobile. (We don’t use Micro$lop’s Windoz or Micro$lop’s Internet Exploiter, but I’ve been told, there were issues when viewing Wikipedia in some versions of Micro$lop’s Internet Exploiter.)

Was this the best way for Wikipedia?
Wikipedia Day Of SOPA/PIPA


Mozilla joined in The Great Internet Blackout, too, by replacing their entire landing page.
Mozilla Day Of SOPA/PIPA


The Free Software Foundation (and GNU.org) did something very similar to Mozilla, with many of their websites.
Free Software Foundation.org Day Of SOPA/PIPA


Sapphire Solutions, Ltd., and Bamajr.com used a combination of WordPress plugins to achieve the blackout affect on our web sites.
Sapphire Solutions, Ltd., Day Of SOPA/PIPA

Bamajr.com Day Of SOPA/PIPA

The “Blackout” effect was implemented via the SOPA Blackout Plugin for WordPress, WordPress Plugin, designed by Sasha Gerrand.

The “Ribbon” in the upper, right-hand corner, was implemented via the Stop SOPA Ribbon, WordPress Plugin, designed by Konstantin Kovshenin.

Kudos to them both!

These effects work in the latest versions of Apple’s Safari (on Mac OS X), Google’s Chrome (on Linux & Mac OS X), Mozilla’s Firefox (on Linux and Mac OS X) and Opera (on Linux and Mac OS X). In addition, these effects work just fine, in Apple’s Safari on the original iPad and the iPhone 4, including the Opera Mobile app. (Again, we don’t use Micro$lop’s Windoz or Micro$lop’s Internet Exploiter, but I’ve been told, that these effects worked just fine on some versions of Micro$lop’s Internet Exploiter on Micro$lop’s Windoz XP.)

Who did it best?

Do you have examples from other sites?

5 thoughts on “Designing and Coding The Great Internet Blackout

  1. Some measly banner, showing how Bob Parsons and GoDaddy are flip flops, holds no wait with me. However, they have officially recanted their support of SOPA/PIPA. Though, you’d have to pay real close attention to their home page to know they are against the legislation, now.
    GoDaddy Day Of SOPA/PIPA

    Here is a hint…

    It is almost to the bottom of their home page.

Leave a Reply