Friday, July 08, 2011

Reading #Wikipedia in columns

When you have a big screen, reading a Wikipedia article like the one on Gandhi becomes a pain. The head must move all the time, the letters are small. Not good.

A small CSS trick allows you to read the article in multiple columns. This is only for modern browsers ... even IE9 does not qualify ... As it is only four lines, I present to you the Firefox version.
Firebug -> Console -> Paste the below script

$("#bodyContent").css("-moz-column-count", 2);
$("#bodyContent").css("-moz-column-width", "400px");
$("#bodyContent").css("-moz-column-gap", "20px");
$("#bodyContent").css("-moz-column-rule", "2px solid black");

Then click on Run.

Post a Comment