文章来源:http://www.chuangyejia.com/index.php?m=content&c=index&a=show&catid=23&id=5626&page=3
如果你也想做一个Pinterest?
如果你也想做一个Pinterest,我认为你可以考虑先从以下几件事开始:
先注册Pinterest(理论上现在应该是登记邀请马上就会有),Pinterest 的介面、功能、动线设计上有非常多细节,需要细细体验过一次才会做出一样好的网站(你最多就做到一样好,很难比它好了)
玩玩看jQuery Masonry这个开源的jQuery专案,可以帮你快速做出瀑布流布局(文件认真读,你可以发现很容易就可以做到动画、置中或是要在某一格插上固定广告的语法),另外还有这个专案也很有趣:Isotope,Isotope做出来的网站就像这个:http://purifytheme.tumblr.com/(试着点点看左边的filter by type,效果不错)
找一个厉害的前端工程师,实作出Pinterest 网站上各个页面细节
现成案例
前阵子一位前辈Even Wu利用jQuery Masonry做了一个网站:http://pinterest-clone.heroku.com/,直接就是Pinterest的版面,图片则是取自Flickr。这个网页本身也是开源的。
后来为了好玩+练功,就拿来另外做了一个网站:FBinterest.com,这个网站做的事情非常简单,利用Facebook登入后会取得你的Facebook相簿,并且帮你把照片跟留言以Pinterest的样式排列,范例网页:猫猫猫
如果你对于我的Facebook索取的资料不放心,你可以玩玩看另外一个版本,这是纯静态网页,没有资料库,不会存下任何资料:http://deduce.github.com/fbinterest- static/,这个网页的程式码也是开源的,有兴趣的请参考:https://github.com/deduce/fbinterest-static
jQuery Masonry: http://masonry.desandro.com/
相关内容:
http://www.iteye.com/news/15831-masonry-jquery
http://www.cnblogs.com/mittya/archive/2011/10/06/2200232.html