爱意满满的作品展示区。
wovfeng

用 SVG 做的微信招聘页面

  •  1
     
  •   wovfeng ·
    wov · Sep 25, 2014 · 7910 views
    This topic created in 4269 days ago, the information mentioned may be changed or developed.
    给公司做的微信招聘页面,最麻烦的就是切图了。有时候视觉不规范,还要手动处理下路径。
    地址 : http://zhaopin.yhd.com/weixin/tuiguang.action

    chrome 可以打开模拟器 ,然后模拟触摸查看。

    手机用户可以直接扫描



    感觉在手机上还是卡出翔,在chrome上还是不错的。

    另外的好处就是 请求数比较少,整个项目就7个(在用了require加载的情况下)

    还有就是不支持 android2.3。不过没有告诉业务方 哈哈

    PS:整个页面280KB
    15 replies    2014-09-26 21:31:16 +08:00
    kevinyangjing
        1
    kevinyangjing  
       Sep 25, 2014
    果然很小 不过效果还是很不错的 赞
    mhplala
        2
    mhplala  
       Sep 25, 2014 via iPhone
    做了多久呀?
    lb1064
        3
    lb1064  
       Sep 25, 2014
    有真爱的地方。。。
    wovfeng
        4
    wovfeng  
    OP
       Sep 25, 2014
    @mhplala 前端大概做了3天
    yhf
        5
    yhf  
       Sep 25, 2014
    赞!
    ximan
        6
    ximan  
       Sep 25, 2014
    牛逼的svg
    ruochi
        7
    ruochi  
       Sep 25, 2014
    用什么工具做的svg和动画呢?
    wovfeng
        8
    wovfeng  
    OP
       Sep 25, 2014 via iPhone
    @ruochi svg 是用 ps 和 ai 做的。动画用的css3
    wsph123
        9
    wsph123  
       Sep 25, 2014
    画的好棒!!!
    chuangbo
        10
    chuangbo  
       Sep 25, 2014 via iPhone
    三天?!做的真好。
    wovfeng
        11
    wovfeng  
    OP
       Sep 25, 2014
    @chuangbo 谢谢:) 话说要不是时间紧 还准备加个彩蛋的。
    way
        12
    way  
       Sep 25, 2014
    好腻害!
    huangkemin
        13
    huangkemin  
       Sep 26, 2014
    太牛了!我要为你生猴子
    vv122483
        14
    vv122483  
       Sep 26, 2014
    好赞。。搞的我也想学svg了,svg是用工具做的吗,怎么画出来然后放到html里,有相关教程不。。求大大指导~~~
    wovfeng
        15
    wovfeng  
    OP
       Sep 26, 2014
    @vv122483 相关教程还没有。嗯有空我写一个吧。哈:)
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   950 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 19:15 · PVG 03:15 · LAX 12:15 · JFK 15:15
    ♥ Do have faith in what you're doing.