用 SVG 做的微信招聘页面

2014-09-25 10:34:24 +08:00
 wovfeng
给公司做的微信招聘页面,最麻烦的就是切图了。有时候视觉不规范,还要手动处理下路径。
地址 : http://zhaopin.yhd.com/weixin/tuiguang.action

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

手机用户可以直接扫描



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

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

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

PS:整个页面280KB
6981 次点击
所在节点    分享创造
15 条回复
kevinyangjing
2014-09-25 10:43:27 +08:00
果然很小 不过效果还是很不错的 赞
mhplala
2014-09-25 11:16:45 +08:00
做了多久呀?
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
@ruochi svg 是用 ps 和 ai 做的。动画用的css3
wsph123
2014-09-25 13:26:59 +08:00
画的好棒!!!
chuangbo
2014-09-25 17:47:05 +08:00
三天?!做的真好。
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 相关教程还没有。嗯有空我写一个吧。哈:)

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/135581

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX