Silicon Valley Code Camp : October 5th and 6th 2013session
Creating HTML5 Mobile Apps with CSS3
About This Session
This introductory session for beginners focuses on HTML5 mobile apps with CSS3 2D/3D graphics and animation effects, as well as a practical technique for finding performance-related issues in your CSS3 selectors, which might be more useful than an unprioritized "dump list" of performance factors. In addition, you'll be surprised how easily you can deploy and launch both hybrid and "native" Android apps to Google Glass (bring your device if you have one). Some CSS3-based 2D/3D graphics and animation effects are "reasonable" on Google Glass (a 640x360 pixel screen, 16GB storage, and a 5 megapixel camera). This session discusses the mechanics of porting a famous and classic animation game to CSS3, and then porting the game to Google Glass, along with the technical challenges of actually playing this game on Google Glass.
We'll also launch some apps on mobile devices, such as an iPad3 and a Nexus 7 2.
In addition, you'll learn how to create mobile applications with CSS3 effects in Eclipse: first without the use of a plugin, and second with PhoneGap 3.0, and then you can compare the two techniques.
We'll briefly look at an open source project for "pure CSS3" graphics/animation and another one that combines CSS3 with jQuery.
We'll also explore (if time permits) code samples for mobile applications that use HTML5 Canvas.
This session concludes with a book raffle of some of my books that have been published in 2013.