試玩 Treesaver

這兩天試玩 Treesaver ,拿了幾頁 《讀書好》 來排,這是成果: 讀書好 Treesaver DEMO ,可用 Firefox4 或 Chrome12 試。




Treesaver 的原理是用 absolute position 的方法,幫你自動排好 column、figure (heading、圖片)。Treesaver 是 size-sensitive 的,會就著當前的 browser size,選用不同的 grid 做排版,而這些 grid、column 等都可以在一個 resources.html 和 styles.css 裏定義好。也可以製訂文件目錄,Treesaver 會自動讀取,連續閱讀。

理論上,寫內容的大概知道了一些 Treesaver 的規則,就可以直接寫 html,放上 server 就可以了,不用碰到 script 的部份。但如果想做特別排版,就要連帶修改 resources.html 和 styles.css ,這就比較難。

Treesaver 算是能簡單幫你做到一個 web 版的 magazine,效果算不錯,花點心力還可以支持 mobile device。不過中文網頁的硬傷,還是字型吧,看來看去都好醜。

2個回應

回應

*