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

9 replies • 1970-01-01 08:00:00 +08:00

1

8QE

Nov 23, 2013

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

2

dahuang7

Nov 23, 2013

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

3

paloalto

OP

Nov 23, 2013

@8QE
@dahuang7

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

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

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

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

4

kstsca

Nov 23, 2013

5

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

轮子造好了出个demo

5

paloalto

OP

Nov 23, 2013

@kstsca 真想给你1万个赞！

6

yangzh

Nov 23, 2013

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

目测是 bootstrap 改配色的？

7

anson0370

Nov 25, 2013

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

8

paloalto

OP

Nov 25, 2013

1

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

9

anson0370

Nov 25, 2013

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

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