用 SVG 做的微信招聘页面

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3503 天前的主题，其中的信息可能已经有所发展或是发生改变。

给公司做的微信招聘页面，最麻烦的就是切图了。有时候视觉不规范，还要手动处理下路径。
地址： http://zhaopin.yhd.com/weixin/tuiguang.action

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

手机用户可以直接扫描

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

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

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

PS:整个页面280KB

Chrome

svg

android2.3

15 条回复 • 2014-09-26 21:31:16 +08:00

kevinyangjing

2014-09-25 10:43:27 +08:00

果然很小不过效果还是很不错的赞

mhplala

2014-09-25 11:16:45 +08:00 via iPhone

做了多久呀？

lb1064

2014-09-25 11:17:32 +08:00

有真爱的地方。。。

wovfeng

2014-09-25 11:27:54 +08:00

@mhplala 前端大概做了3天

yhf

2014-09-25 11:44:56 +08:00

赞！

ximan

2014-09-25 11:53:08 +08:00

牛逼的svg

ruochi

2014-09-25 12:33:30 +08:00

用什么工具做的svg和动画呢？

wovfeng

2014-09-25 12:51:54 +08:00 via iPhone

@ruochi svg 是用 ps 和 ai 做的。动画用的css3

wsph123

2014-09-25 13:26:59 +08:00

画的好棒！！！

chuangbo

2014-09-25 17:47:05 +08:00 via iPhone

三天？！做的真好。

wovfeng

2014-09-25 18:08:40 +08:00

@chuangbo 谢谢：）话说要不是时间紧还准备加个彩蛋的。

way

2014-09-25 22:37:39 +08:00

好腻害！

huangkemin

2014-09-26 09:54:06 +08:00

太牛了！我要为你生猴子

vv122483

2014-09-26 17:06:43 +08:00

好赞。。搞的我也想学svg了，svg是用工具做的吗，怎么画出来然后放到html里，有相关教程不。。求大大指导~~~

wovfeng

2014-09-26 21:31:16 +08:00

@vv122483 相关教程还没有。嗯有空我写一个吧。哈:)