当~当~当~当!书架博客试运行

1. 列表

在网页上,内容排版大多作成列表的形式。尤为是众多的博客系统,无论是 Hexo 仍是 Wordpress 搭建的我的博客都是这样,这致使一个页面展现的内容及其有限。css

列表

2. 九宫格

手机上为了一个页面展现更多的内容,采用九宫格的方式。html

3. 书架模型

周五的时候突发奇想,想到了书架模型,不一样的书柜存储不一样分类的文章,这样一个页面便可展现分类+文章。传统列表形式须要点击分类才会显示对应的文章,一比较 Lower 爆了。html5

书架模型

4. 书院二楼

有想法就试了一下,花了两天周末时间总算搞出个雏形。点击 书院二楼 看效果。书院二楼是我新站点的名字。css3

能够看到,一个个 书柜 就是传统列表里的 分类。博客只有两个页面:书架 页面,点击进入具体的 文章 页面,及其简洁。动画

书院二楼.gif

看完上面以为还很 Lower 逼的同窗请点这里:h5+css3实现 3d 书本展现效果。最完美的网页书架博客系统应该是包含这部分动画的,无奈本人 css 技术实在烂的不行,书本动画暂时搁浅了。3d

相关文章
相关标签/搜索