Google Reader CSS3 Column bookmarklet

Screen 夠大的話,在 Google Reader 看長文會蠻辛苦,因為行太長。特別試製這個 bookmarklet,用 CSS3 Column 試作:

GRCol

Hard-code 了闊度是 20 個字左右,遇到大於此闊度的圖片則會 resize,而高度是 viewport height-240,再長的內容會打橫 scroll。效果如下:

grcol

適用於 FF3+ 或 Chrome,因為使用了 document.querySelectorAll, WebkitColumnWidth / MozColumnWidth。

4個回應

  1. Share an interesting and insightful article …

    Believing the Impossible by Kevin Kelly (author of “Out of Control”)

    http://www.kk.org/thetechnium/archives/2008/01/believing_the_i.php

    …..
    It has always been clear that collectives amplify power — that is what cities and civilizations are — but what’s been the big surprise for me is how minimal the tools and oversight are needed…..

    ╱.°╱/☆﹎___╭☆ ♫﹎______﹎☆╱.°╱/☆﹎___﹎_☆. ╱.°╱/☆﹎

    . . . . .*Merry Christmas * . . .
    ╱.°╱/☆﹎___﹎______﹎☆╱.°╱/☆﹎___﹎_☆._____﹎☆﹎╭☆ ♫

  2. seems like a useful tool. how exactly do i use it though? (sorry I have no knowledge whatsoever on the language of computer programming)

回應

*