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

2014-09-03 22:20:18 +08:00
 miya
https://flipboard.com/section/vertical-gardens-bTqNoL?utm_source=fbcom&utm_medium=hpbottomcollections&utm_content=category_living&utm_campaign=magswelove 算是前端大牛吗?
4119 次点击
所在节点    问与答
13 条回复
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
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% 。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/131587

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX