[转载]如果你也想做一个Pinterest网站

文章来源:  http://www.chuangyejia.com/index.php?m=content&c=index&a=show&catid=23&id=5626&page=3

 

如果你也想做一个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。这个网页本身也是开源的。

 

 

 

 

 

后来我为了好玩+练功，就拿来另外做了一个网站：http://www.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

 

其他Pinterest山寨网站列表如下，可以搜索下下列网站进去看看：

 

 

     凡客达人(凡客诚品也加入战局)

　　哇哦!(淘宝也加入战局)

　　Mark 之

　　码图网

　　知美

　　微图

　　迷尚

　　拼范网

　　堆糖

　　TOPIT.ME

　　嘀咕

　　拼图图

　　积木(家居图册，几乎都是居家装潢)

　　爱库(以收藏网站为主)