當~當~當~當!書架博客試運行

1. 列表

在網頁上,內容排版大多作成列表的形式。尤爲是衆多的博客系統,無論是 Hexo 仍是 Wordpress 搭建的我的博客都是這樣,這致使一個頁面展現的內容及其有限。css

列表

2. 九宮格

手機上爲了一個頁面展現更多的內容,採用九宮格的方式。html

3. 書架模型

週五的時候突發奇想,想到了書架模型,不一樣的書櫃存儲不一樣分類的文章,這樣一個頁面便可展現分類+文章。傳統列表形式須要點擊分類纔會顯示對應的文章,一比較 Lower 爆了。html5

書架模型

4. 書院二樓

有想法就試了一下,花了兩天週末時間總算搞出個雛形。點擊 書院二樓 看效果。書院二樓是我新站點的名字。css3

能夠看到,一個個 書櫃 就是傳統列表裏的 分類。博客只有兩個頁面:書架 頁面,點擊進入具體的 文章 頁面,及其簡潔。動畫

書院二樓.gif

看完上面以爲還很 Lower 逼的同窗請點這裏:h5+css3實現 3d 書本展現效果。最完美的網頁書架博客系統應該是包含這部分動畫的,無奈本人 css 技術實在爛的不行,書本動畫暫時擱淺了。3d

相關文章
相關標籤/搜索