有没有iOS 7的web版？就是在网页里用前端技术实现高仿真的iOS 7界面、交互等效果。

V2EX = way to explore

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

现在注册

已注册用户请登录

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

某天突然想做这么一个东西。

iOS

Web

网页

9 条回复 • 1970-01-01 08:00:00 +08:00

8QE

2013-11-23 11:52:23 +08:00

没有实用价值...除了能跑天气和备忘录，音乐，视频外....

dahuang7

2013-11-23 11:56:18 +08:00

跟N年前流行的flash在线版windows xp的网站有什么区别？

paloalto

2013-11-23 13:16:46 +08:00

@8QE
@dahuang7

如果只是做个“能跑天气和备忘录，音乐，视频”的类似“flash在线版windows xp的网站”，那只是一个小玩意儿而已

其实我想实现的不是一个能在网页里跑起来的ios 7 demo，而是一个ios 7风格的、类似bootstrap、semantic这样的框架（比如放大、缩小动画、半透明模糊）。人们可以使用这个框架提供的css、js、html代码，自己搭建出一个ios 7风格的东西（网站或者web app）。

我相信以后ios 7的设计风格、理念会扩展到其他的领域，不只是局限在现在的移动设备上。

iWork的网页版不是已经换成新版了吗？

kstsca

2013-11-23 13:17:49 +08:00

http://sharpandnimble.com/se7en/demo/index.html
http://www.cliptheme.com/preview/clip-one/

轮子造好了出个demo

paloalto

2013-11-23 13:21:09 +08:00

@kstsca 真想给你1万个赞！

yangzh

2013-11-23 21:17:40 +08:00

@kstsca 哇这个 demo 除了没有后台之外活生生一个网站啊！什么链接都能点进去！

目测是 bootstrap 改配色的？

anson0370

2013-11-25 01:06:33 +08:00

别的都好说不过毛玻璃特效就够你喝一壶了虽然不是不能做但是可能到不了可用的程度

paloalto

2013-11-25 14:37:52 +08:00

@anson0370 http://www.blurjs.com/

anson0370

2013-11-25 18:07:22 +08:00

@paloalto 进去看了下原理，是用 js 生成了 inline 的模糊后图片。虽然静态来说是没有问题，不过动态（下面滚动的时候上面的遮罩是动态模糊的）的这种做法性能估计很悲惨。然后动态才真的有实用意义。
模糊的方式很多，我之前就做过动态 demo ，http://codepen.io/anson0370/details/jLyqt chrome 要去 chrome://flags 里开下开关，最新版的 safari 已经默认打开了。
然后这里还有一个很高仿的 demo ，http://codepen.io/FWeinb/details/IdcDF。

只不过暂时都还是实验和玩票性质的。