halfer53

qq 浏览器 8 的滚动视差, 简直美得令人醉了

  •  2
     
  •   halfer53 · Sep 21, 2014 · 10174 views
    This topic created in 4436 days ago, the information mentioned may be changed or developed.
    http://browser.qq.com/

    实在太美了

    看了一下源码, 主要是用了transform, translate, 和rotate属性, 以及velocity.js. 看得出设计的很巧妙, 给设计师点个赞
    62 replies  •  2014-09-27 16:27:48 +08:00
    rock_cloud
    rock_cloud
    Sep 21, 2014
    1
    感觉中间slogan的字体好别扭。。。
    momo1999
    momo1999
    Sep 21, 2014❤️14
    2
    搞笑的是QQ浏览器自己看不见这些效果。
    yqw
    yqw
    Sep 21, 2014
    3
    确实很赞
    icyflash
    icyflash
    Sep 21, 2014❤️2
    4
    @shuax QQ浏览器只有皮,没有核,如果看不见,说明你IE版本低了
    momo1999
    momo1999
    Sep 21, 2014
    5
    @icyflash 我知道它没核,我的IE11正常,但是他的官方说明里面写了一个:自带IE高级内核……
    mongodb
    mongodb
    Sep 21, 2014
    6
    为什么我的firefox看着就是个静态页面没有任何滚动视差效果。。
    ytf4425
    ytf4425
    Sep 21, 2014
    7
    firefox、chrome表示只能看到一个静态页
    linux没IE
    sdzbzyc
    sdzbzyc
    Sep 21, 2014
    8
    为什么感觉好卡..
    missdeer
    missdeer
    Sep 21, 2014
    9
    好吧,原来现在腾讯还在做IE only的网页
    zhs227
    zhs227
    Sep 21, 2014
    10
    效果确实很炫
    滚动一下,左上角显着QQ浏览器8, 右下角显着QQ浏览器7.也可能是故意留着的。
    Marcos
    Marcos
    Sep 21, 2014
    11
    可以看得出来配色模仿iOS7/8的高饱和度设计。。。
    chaker
    chaker
    Sep 21, 2014❤️1
    12
    这字体让我想起来以前word里的艺术字
    kmvan
    kmvan
    Sep 21, 2014 via Android
    13
    手机上看简直逗
    halfer53
    halfer53
    OP
    Sep 21, 2014
    14
    @mongodb
    @ytf4425

    简单看了一下, firefox不支持animation: orbloop. 视觉差的插件是腾讯自己写的, 估计开发的时候就没考虑firefox的兼容性 ,估计transform也是如此 (╯□╰)o.

    这个网页只支持ie10+
    icanfork
    icanfork
    Sep 21, 2014
    15
    @sdzbzyc +1,为什么感觉好卡!
    icanfork
    icanfork
    Sep 21, 2014
    16
    http://www.pomodrone.com/
    我比较喜欢这个
    halfer53
    halfer53
    OP
    Sep 21, 2014
    17
    不过话又说回来, 既然只支持ie10+, 干嘛不直接用 jquery 2. 看到1.11我还以为支持ie6那
    chenji
    chenji
    Sep 21, 2014❤️3
    18
    估计设计师是这么想的:你们一帮用Firefox的货让你们来用QQ浏览器太难了,我只需要从IE立面分走一拨人就足够了。

    所以,Firefox用户不考虑。
    deepurple
    deepurple
    Sep 21, 2014
    19
    Firefox表示就是个静态页面.....
    fantasticfears
    fantasticfears
    Sep 21, 2014
    20
    @rock_cloud 艺术字飘来飘去。

    这网页很绚丽就是炫技都超过他的作用了
    adjusted
    adjusted
    Sep 21, 2014
    21
    艺术字飘来飘去让我想起了第一次接触ppt制作的时候.
    PotatoBrother
    PotatoBrother
    Sep 21, 2014
    22
    赞啊
    PotatoBrother
    PotatoBrother
    Sep 21, 2014
    23
    然后我选择了 Chrome
    typcn
    typcn
    Sep 21, 2014
    24
    Chrome表示很正常 不是静态啊
    flied
    flied
    Sep 21, 2014❤️1
    25
    这种动画居然还有人说美?这是多么俗气的动画和网页UI呀,而且既然文字都用图片了,为啥不把字体都修一下呢?

    炫和美是两个概念呀。
    binghe
    binghe
    Sep 21, 2014
    26
    你们是在嘲笑腾讯没有前端攻城师吗?
    MASAILA
    MASAILA
    Sep 21, 2014
    27
    我觉得之前的那个好看
    Totoria
    Totoria
    Sep 21, 2014
    28
    @halfer53 safari8一切正常啊
    raychar
    raychar
    Sep 21, 2014
    29
    chrome桌面浏览很漂亮啊,版本37
    Mac
    Mac
    Sep 21, 2014
    30
    试着装了一下,可惜还是IE核心的,界面很符合我的审美。
    GordianZ
    GordianZ
    Sep 21, 2014
    31
    楼主难道说的不是反话么?
    Air_Mu
    Air_Mu
    Sep 21, 2014
    32
    能看到这效果还用这浏览器的人只有傻逼吧~
    vibbow
    vibbow
    Sep 22, 2014
    33
    这特效,看的我都醉了...
    hsj007
    hsj007
    Sep 22, 2014
    34
    http://browser.qq.com/mac/

    这个效果更炫酷一点!
    Busy
    Busy
    Sep 22, 2014
    35
    好吧,tencent的前端没有美术功底,纯粹的堆砌
    whywhywhy
    whywhywhy
    Sep 22, 2014
    36
    @Mac 在选项里开启高速渲染插件就是chrome了
    momo5269
    momo5269
    Sep 22, 2014
    37
    Opera12.17 能切换 无动画效果 Palemoon24 无动画 不能切换 整页输出
    Opera24 IE11全部正常 机器是垃圾配置 都不卡顿

    @Air_Mu IE11能看到 所以……
    momo5269
    momo5269
    Sep 22, 2014
    38
    @shuax 国产所谓的自带高级内核 基本等于 IE6-7的电脑调用自带的IE8……
    Vegetables
    Vegetables
    Sep 22, 2014
    39
    firefox 直接跳转到http://browser.qq.com/index_static.html
    wangyifei6817
    wangyifei6817
    Sep 22, 2014
    40
    Safari效果很流畅.
    baozijun
    baozijun
    Sep 22, 2014
    41
    @hsj007 这,好酷炫
    songxajh
    songxajh
    Sep 22, 2014
    42
    我给你们讲个真相。
    原来搜索QQ浏览器百度第一页都找不到,排名第一的是QQ手机浏览器。
    后来动用了百度的官网策略,才让QQ浏览器官网搜索QQ浏览器排在第一;

    另外一个真相是,请把QQ浏览器的官网跟360、sogou做个对比。
    hahahaha~
    sdysj
    sdysj
    Sep 22, 2014
    43
    这审美,呵呵。
    zythum
    zythum
    Sep 22, 2014
    44
    这个不难做...说实话
    bjhyyc
    bjhyyc
    Sep 22, 2014
    45
    赞
    76
    76
    Sep 22, 2014
    46
    QQ很討厭Firefox
    adidag
    adidag
    Sep 22, 2014❤️1
    47
    推荐大家试试这版官网中使用的 Velocity.js。很好用,作者很强大,可以让喜欢动效设计的朋友更快速的实现想法。

    http://julian.com/research/velocity/
    https://github.com/julianshapiro/velocity
    yuanhsh
    yuanhsh
    Sep 22, 2014
    48
    确实很漂亮。
    Tink
    Tink
    Sep 22, 2014
    49
    手机上跪了
    Actrace
    Actrace
    Sep 22, 2014
    50
    炫不能太多...炫多了会跪的...就像酒精一样.
    asca
    asca
    Sep 22, 2014
    51
    Firefox 不行,用QQ浏览器可以。
    ianva
    ianva
    Sep 22, 2014
    52
    这个设计非常的难看
    wwttc
    wwttc
    Sep 22, 2014
    53
    好炫!!!
    erenno1
    erenno1
    Sep 22, 2014
    54
    ubuntu chrome 可以看到
    erenno1
    erenno1
    Sep 22, 2014
    55
    ubuntu chrome 可以看到
    coetzee
    coetzee
    Sep 22, 2014
    56
    @zythum 求思路
    halfer53
    halfer53
    OP
    Sep 22, 2014
    57
    @coetzee 看源码, 其实很简单, 就是transform的应用 http://browser.qq.com/8.0/js/core.js
    jemyzhang
    jemyzhang
    Sep 22, 2014 via Android
    58
    ubuntu chrome能看到效果啊~firefox静态页面
    learnshare
    learnshare
    Sep 22, 2014
    59
    炫酷是没错,但配色、动画效果都不舒服,设计也算很烂?
    wellsho
    wellsho
    Sep 22, 2014
    60
    为什么用循环?很容易错过下载
    RaymondYip
    RaymondYip
    Sep 23, 2014
    61
    丑到吐血
    qianfei7f
    qianfei7f
    Sep 23, 2014
    62
    整体设计还是觉得很赞,可是字体。。。略丑啊
    xi_lin
    xi_lin
    Sep 27, 2014
    63
    在mac下才看到了效果。。ubuntu chrome见不到。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2138 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 172ms · UTC 13:34 · PVG 21:34 · LAX 05:34 · JFK 08:34
    ♥ Do have faith in what you're doing.