在学习HTML5时,别忘了CSS技术
2012-05-23 09:53
399 查看
在学习HTML5时,别忘了CSS技术
笔者就html5学习展开思考,光学大赛官网上的关于html5的知识是不够的,参赛作品不仅仅光需要html5更需要各个方面的组合,所以团队各个成员学习的侧重点最好不同,CSS对软件的重要性这里就不过多赘述了。学习有关CSS的课程我们现在最好尽快开始。善于运用CSS知识
你最好很擅长CSS技术,因为让游戏在桌面电脑平台、Android手机及所有iOS设备的主流浏览器流畅运行,需要用到大量的CSS知识。我们有一个网页开发者的任务就是处理与CSS相关的工作,针对多种移动设备创建可动态变换尺寸的菜单。在电子游戏设计中,有50%的工作用于创建菜单。而HTML5跨平台游戏开发中有50%属于与CSS相关的工作。
*我们的实践证明,开发者可以使用HTML5制作出很棒的跨平台等视距游戏。
*如果玩家可以在一个设备上玩某款游戏,多数人就会想在手机或平板电脑上继续体验该游戏。
*制作HTML5跨平台游戏需进行大量试验。
*虽然HTML5很强大,但仍有一些不甚完善之处。
*跨平台游戏体验意味着,游戏设计之初就要考虑到用户在不同设备上的体验。
*不可在手机游戏中植入需进行大量堆叠或过度拖动的操作。
*最好很精通CSS技能。
以下是我们在Facebook平台开发跨平台HTML5游戏的一些极有帮助的参考资料:
1)viewporter. https://github.com/zynga/viewporter. 这个Zynga开源代码允许你获取任何设备的屏幕尺寸,并针对这些屏幕调整游戏大小。它比你自己从头编写代码更省时间(我们用过Viewporter,也自己写过代码,所以才会知道这一点。)
2)Weinre.http://phonegap.github.com/weinre/. 这个远程调试器工作原理类似于Web Inspector,但它运行于移动设备。它有助于追踪iPhone和iPad等设备上的控制台错误信息。
3)JQuery. http://jquery.com/ 你可以利用这个库中现成的代码,省下自己写代码的时间。它对文本动画处理极有用处,我们进行了一些修改并推出了JQuery Mobile,它更适用于移动设备平台。
4)node.JS. http://nodejs.org/ 在你使用Javascript编写内容时,它可以让你省时省力地使客户端代码及服务器相适配。在作为游戏服务器时,node.JS的扩展性能也十分理想。
笔者就html5学习展开思考,光学大赛官网上的关于html5的知识是不够的,参赛作品不仅仅光需要html5更需要各个方面的组合,所以团队各个成员学习的侧重点最好不同,CSS对软件的重要性这里就不过多赘述了。学习有关CSS的课程我们现在最好尽快开始。
转载自http://software.intel.com/zh-cn/blogs/2012/05/09/html5css/?cid=sw:prccsdn2241
相关文章推荐
- 在学习HTML5时,别忘了CSS技术
- 在学习HTML5时,别忘了CSS技术
- web(html/xml/css/webservice等)技术学习网站
- 学习web开发,理解HTML,XHTML,XML,CSS,JS等技术的关系后,眼界会更宽(pu...
- 学习Web基础(HTML/CSS/JS)+服务器端技术(LAMP)
- 学习web开发,理解HTML,XHTML,XML,CSS,JS等技术的关系后,眼界会更宽(publish by sunwei)
- 一个学习html(dom),js,css,xml等所有web技术的好网站
- 我的学习笔记005--常见web前台技术之间的关系html,css,javascript...
- html css学习笔记-过渡,动画
- Html+CSS hack技术介绍 以及常用hack
- 【嘉兴东臣php】HTML+CSS+JS基础学习笔记
- [HeadFirst-HTMLCSS学习笔记][第六章严格的HTML]
- CGI编程学习5 穿插HTML,CSS零星知识
- [HeadFirst-HTMLCSS学习笔记][第十三章表格]
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第24讲_js案例讲解_js自定义函数_学习笔记_源代码图解_PPT文档整理
- 【前端】HTML、CSS、JS、PHP 的学习顺序
- js_html_input中autocomplete="off"在chrom中失效的解决办法 使用JS模拟锚点跳转 js如何获取url参数 C#模拟httpwebrequest请求_向服务器模拟cookie发送 实习期学到的技术(一) LinqPad的变量比较功能 ASP.NET EF 使用LinqPad 快速学习Linq
- html和css学习二
- head first html with css with xhtml 学习小笔记
- Head first HTML&CSS ---[学习笔记第四章]