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

[paloalto]

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

[8QE]

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

[dahuang7]

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

[paloalto]

@8QE
@dahuang7

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

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

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

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

[kstsca]

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

轮子造好了 出个demo

[paloalto]

@kstsca 真想给你1万个赞！

[yangzh]

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

目测是 bootstrap 改配色的？

[anson0370]

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

[paloalto]

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

[anson0370]

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

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