下面网址展示的网站有用到一些什么前端方面的技术，能做出这种网站的前端大概技术水平处于一个什么层次？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3764 天前的主题，其中的信息可能已经有所发展或是发生改变。

https://flipboard.com/section/vertical-gardens-bTqNoL?utm_source=fbcom&utm_medium=hpbottomcollections&utm_content=category_living&utm_campaign=magswelove 算是前端大牛吗？

前端

网站

层次

13 条回复 • 2014-09-15 16:00:03 +08:00

qiayue

2014-09-03 22:42:11 +08:00

国内有一个类似效果的网站 http://yunjii.com

Automan

2014-09-03 22:44:48 +08:00

很不错了

leopku

2014-09-03 23:05:18 +08:00

so so

miya

2014-09-03 23:09:25 +08:00

@leopku 请教一下这个网站上的这种前端效果，用到了一些什么技术。

jptanggordon

2014-09-03 23:36:10 +08:00

WebGL吧

Lucups

2014-09-03 23:36:22 +08:00

把浏览器窗口宽度拉到最小，效果还是不错。目测在触屏设备上查看更酷。
至于用到的技术。。。这个。。。Web前端的技术本身就很繁杂，从哪里说起呢。。。
我就说一个吧，响应式设计。

zlg

2014-09-04 00:10:31 +08:00 via iPad

jq js css3

akfish

2014-09-04 00:21:22 +08:00

CSS3的transform，不难。
不想人肉写的话，可以用一些库来实现，比如three.js的CSS3DRender，可以搞出更复杂的效果，如：
http://mrdoob.github.io/three.js/examples/css3d_periodictable.html

Showfom

2014-09-04 00:39:05 +08:00

@akfish 我艹这个帅。。。收藏研究下

paloalto

2014-09-04 01:01:51 +08:00

《揭秘：Flipboard精美的阅读页面是这样一步一步做出来的》

http://www.36kr.com/p/210883.html

paloalto

2014-09-04 01:06:15 +08:00

只就前端技术来说，其实并不是很复杂，简单来说就是一个翻页动画而已，用 CSS 3 就可以实现。真正复杂的，是其背后那一整套的页面处理逻辑。

kisshere

2014-09-04 09:55:54 +08:00

楼主不需要专研这个技术，因为天朝有一半的人看不到这个技术，这个css3技术只能是前端程序员在那孤芳自赏意淫罢了

paloalto

2014-09-15 16:00:03 +08:00

@kisshere 感觉这么说的话，还是有点太绝对。因为需要考虑到不同网站，其访客群体也不一样。比如豌豆荚官网的访客基本都是用 Chrome 浏览器，而对于 Flipboard 来说，很难相信中国的 “低端IE” 用户会是他们的主要目标用户群体。楼主如果愿意研究 CSS 3，也说明他对新事物抱有好奇心，这是值得鼓励的事情。毕竟在互联网行业，新技术取代旧技术，真的是按下一个回车键的时间而已。

而且，最近几年由于移动端的兴起，中国的 IE 6、7 用户跟之前相比已经大大下降了。

这是从2012年到2014年8月的中国浏览器市场份额数据（你之前的帖子也提过的）：

从图表中可以看到，IE 6 的市场份额已经从 2012 年的 23.64% 下降到了 2014 年的6.91% 。