Skip to content

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。

Jacky20 Dec 09 12:11 am 寫關於科技, 網絡

Tags: , , , [ 永久連結 | 引用 | 回應 RSS ]

4 個留言

  1. visitor 寫於 23 Dec 2009 11:26 am

    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. visitor 寫於 01 Jan 2010 3:39 am

    새해 복 많이 받으세요 Happy New Year Twenty ten

    10 Ways Social Media Will Change In 2010

    http://www.readwriteweb.com/archives/10_ways_social_media_will_change_in_2010.php

    Hong Kong Rules Twitter in Asia

    http://www.thomascrampton.com/uncategorized/hong-kong-rules-twitter-in-asia/

  3. eoverm 寫於 15 Jan 2010 3:12 pm

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

  4. 將連接拖到書籤列,在 google reader 看文章時按書籤即可

發表回應