在网页上,内容排版大多作成列表的形式。尤为是众多的博客系统,无论是 Hexo 仍是 Wordpress 搭建的我的博客都是这样,这致使一个页面展现的内容及其有限。css
手机上为了一个页面展现更多的内容,采用九宫格的方式。html
周五的时候突发奇想,想到了书架模型,不一样的书柜存储不一样分类的文章,这样一个页面便可展现分类+文章。传统列表形式须要点击分类才会显示对应的文章,一比较 Lower 爆了。html5
有想法就试了一下,花了两天周末时间总算搞出个雏形。点击 书院二楼 看效果。书院二楼是我新站点的名字。css3
能够看到,一个个 书柜
就是传统列表里的 分类
。博客只有两个页面:书架
页面,点击进入具体的 文章
页面,及其简洁。动画
看完上面以为还很 Lower 逼的同窗请点这里:h5+css3实现 3d 书本展现效果。最完美的网页书架博客系统应该是包含这部分动画的,无奈本人 css 技术实在烂的不行,书本动画暂时搁浅了。3d