V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
paloalto
V2EX  ›  iOS

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

  •  
  •   paloalto · 2013-11-23 11:31:45 +08:00 · 2720 次点击
    这是一个创建于 4019 天前的主题,其中的信息可能已经有所发展或是发生改变。
    某天突然想做这么一个东西。
    9 条回复    1970-01-01 08:00:00 +08:00
    8QE
        1
    8QE  
       2013-11-23 11:52:23 +08:00
    没有实用价值...除了能跑天气和备忘录,音乐,视频外....
    dahuang7
        2
    dahuang7  
       2013-11-23 11:56:18 +08:00
    跟N年前流行的flash在线版windows xp的网站有什么区别?
    paloalto
        3
    paloalto  
    OP
       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
        4
    kstsca  
       2013-11-23 13:17:49 +08:00   ❤️ 5
    paloalto
        5
    paloalto  
    OP
       2013-11-23 13:21:09 +08:00
    @kstsca 真想给你1万个赞!
    yangzh
        6
    yangzh  
       2013-11-23 21:17:40 +08:00
    @kstsca 哇这个 demo 除了没有后台之外活生生一个网站啊!什么链接都能点进去!

    目测是 bootstrap 改配色的?
    anson0370
        7
    anson0370  
       2013-11-25 01:06:33 +08:00
    别的都好说 不过毛玻璃特效就够你喝一壶了 虽然不是不能做 但是可能到不了可用的程度
    paloalto
        8
    paloalto  
    OP
       2013-11-25 14:37:52 +08:00   ❤️ 1
    anson0370
        9
    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。

    只不过暂时都还是实验和玩票性质的。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   874 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 20:31 · PVG 04:31 · LAX 12:31 · JFK 15:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.