在網頁上,內容排版大多作成列表的形式。尤爲是衆多的博客系統,無論是 Hexo 仍是 Wordpress 搭建的我的博客都是這樣,這致使一個頁面展現的內容及其有限。css
手機上爲了一個頁面展現更多的內容,採用九宮格的方式。html
週五的時候突發奇想,想到了書架模型,不一樣的書櫃存儲不一樣分類的文章,這樣一個頁面便可展現分類+文章。傳統列表形式須要點擊分類纔會顯示對應的文章,一比較 Lower 爆了。html5
有想法就試了一下,花了兩天週末時間總算搞出個雛形。點擊 書院二樓 看效果。書院二樓是我新站點的名字。css3
能夠看到,一個個 書櫃
就是傳統列表裏的 分類
。博客只有兩個頁面:書架
頁面,點擊進入具體的 文章
頁面,及其簡潔。動畫
看完上面以爲還很 Lower 逼的同窗請點這裏:h5+css3實現 3d 書本展現效果。最完美的網頁書架博客系統應該是包含這部分動畫的,無奈本人 css 技術實在爛的不行,書本動畫暫時擱淺了。3d