艺灵设计

全部文章
×

h5实战二之软装设计师招募令

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2016-08-05 21:36:12 - 阅: - 评:0 - 积分:0

摘要:
这是我做的第二个H5页面,前前后后折腾了3天,目前仍存在一些问题,说到底还是插件不给力,没有找到合适的手机端触屏插件......

一、起因

公司窝窝宝要招软装设计师了,然后我就要做一个H5活动页面。看官们要是有兴趣,记得来报名哦!

二、H5页面长什么样子

首屏效果图:软装设计师招募令-窝窝宝首屏如果看官想看完整的动态效果,请用手机微信扫下面的二维码:软装设计师招募令-窝窝宝

三、一个H5搞了3天,为何?

装个photoshop cc2015搞了一上午,装这个是因为我电脑中的photoshop cs6与设计稿相差太大,渐变等效果在cs6中完全变了样。如果装了cc还是相差太多,请升级到2015版。先我装的是2014的,结果跟cs6打开的一样,后来装2015版,这才跟效果图一样。

到了下午,开始写页面了,各种手机适配,坑爹啊!!!

第二天上午搞特效,duang~,duang~,duang~......

到了下午,开始弄播放音乐。下班的时候无意间用同事的ios系统手机扫了下,结果发现不自动播放了,然后,坑爹开始了!我开始加班搞ios的自动播放,在网上找方法,然后让在家的同事用手机测给我反馈结果,最后搞到9点多,无奈之下回家,次日接着搞。毕竟手机在自己手上测试方便些,目前这种测法效率太低......

第三天上午,也就是今天上午,一来到公司我就借了两台iphone机做测试,最后还是无法跨越自动播放这道坎~。

到了下午,测试时又发现滑屏存在卡屏现象,然后又在网上重新找手机端的手势插件。换了个插件手,不卡屏了,但一旦加载了css3动画后,有时会出现异常--假死,滑屏失效......

唉,说多了都是泪!今天就不说了,明天再来说坑点技巧。

----------完----------

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:http://www.yilingsj.com/html5/2016-08-05/427.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

亲,扫个码支持一下艺灵呗~
如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: h5动画 html5活动页 html5实战 ios禁止播放 js触屏插件 js手势插件

上一篇: HTML5创意动画   下一篇: h5实战三之窝窝宝高待遇招兵买马

评论区