标签:html5

网页设计教程

高效优化HTML5!带你玩转HTML5移动页面

4

高效优化HTML5!带你玩转HTML5移动页面

(1) 动画雪碧图 涉及的动画十分多,用的元素也十分多,请务必使用雪碧图(Sprite)! 网上的工具有一些可以帮助你生成雪碧图的工具,例如CssGaga,GoPng等等,自动化构建工具Grunt和Gulp也提供了相应插件。 特别地,如果单张雪碧图面积实在太大,可以拆分雪碧图,例...

阅读(16358)评论(0)

网页设计教程

一起玩转HTML5移动页面动效让你高大上起来!

15

一起玩转HTML5移动页面动效让你高大上起来!

  作为一名前端,在拿到设计稿时你有两种选择: 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢?   这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画...

阅读(10539)评论(0)

网页设计教程

如何设计出微信爆款Html5小游戏!

21

如何设计出微信爆款Html5小游戏!

双屏互动游戏设计 “ola快跑”双屏互动游戏是前端开发工程师极具创意的一款产品,是腾讯世界杯报道期间主打的一款基于移动端及PC端联动的双屏互动跑酷射门类游戏,是世界杯报道期间在PC端和移动端同时嵌入的游戏。这款游戏轻松、有趣味,在世界杯这一特殊时期,大家对足球的热情也点燃了用户对...

阅读(13291)评论(0)

网页设计教程

H5页面在浏览器的首屏高度是?

7

H5页面在浏览器的首屏高度是?

一. 什么是首屏高? 首屏高是指不滑动屏幕的情况下,屏幕顶端(含微信,浏览器头)到屏底的可视范围, 如果是微信平台,则没有底部操作导航,如果是浏览器,由于页面内容会被底部导航遮挡,首屏需要减去底部导航所占高度,如图; 因为微信平台首屏高总是高于这个范围,所以这里主要针对浏览器的首...

阅读(24879)评论(0)