When learning HTML5, don't forget CSS technology

Source: Internet
Author: User

I think about html5 learning. The html5 knowledge on the official website of the optical competition is not enough. Participating works require not only html5 but also a combination of various aspects, therefore, the focus of each member of the team should be different. The importance of CSS to software is not described here. We 'd better start learning about CSS as soon as possible.
Good at using CSS knowledge

You 'd better be good at CSS technology, because it requires a lot of CSS knowledge to make the game run smoothly on the desktop computer platform, Android mobile phone, and mainstream browsers of all iOS devices. We have a job for Web developers to deal with CSS-related work and create menus that can dynamically change sizes for a variety of mobile devices. In the electronic game design, 50% of the work is used to create menus. 50% of HTML5 cross-platform game development is CSS-related.

* Our practice proves that developers can use HTML5 to create great cross-platform and other line-of-sight games.

* If a player can play a game on a device, most people will want to continue playing the game on their mobile phones or tablets.

* Creating HTML5 cross-platform games requires a lot of experimentation.

* Although HTML5 is powerful, there are still some imperfections.

* The cross-platform gaming experience means that you must consider the user experience on different devices at the beginning of the game design.

* You cannot embed a large number of stacking or excessive drag operations in a mobile game.

* It is best to be proficient in CSS skills.

The following are some helpful references for developing cross-platform HTML5 games on the Facebook platform:

1) viewporter. https://github.com/zynga/viewporter. This Zynga open source code allows you to get the screen sizes of any device and resize the game against these screens. It saves more time than writing code from the beginning (we have used Viewporter and written code by ourselves, so we will know this .)

2) Weinre. http://phonegap.github.com/weinre/. This remote debugger works similar to Web Inspector, but it runs on mobile devices. It helps to track console errors on iPhone, iPad, and other devices.

3) JQuery. http://jquery.com/you can use the ready-made code in this library to save time for writing your own code. It is very useful for text animation processing. We have made some modifications and introduced JQuery Mobile, which is more suitable for Mobile device platforms.

4) node. JS. http://nodejs.org/when you write content using Javascript, it can save you time and effort to adapt the client code and server. As a game server, node. JS has excellent scalability.

I think about html5 learning. The html5 knowledge on the official website of the optical competition is not enough. Participating works require not only html5 but also a combination of various aspects, therefore, the focus of each member of the team should be different. The importance of CSS to software is not described here. We 'd better start learning about CSS as soon as possible.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.