HTML5 Builder (also included in RAD Studio XE3) includes support for CSS3 client-side animations and mobile themes. HTML5 based controls can be animated as a response to client-side events using a property editor where you can visualize your animations as you define them. Animations are not something that you just trigger on a control. You add an animation to a control, and as a result the animation is triggered on the control. HTML5 Builder also supports creating CSS3 themes for JQuery Mobile Controls (using the integrated JQuery Mobile Theme Roller - http://jqueryui.com/themeroller/). When working on Mobile Theming, you can work either with JQuery Mobile Theming or directly with style properties. In JQuery Mobile theming, themes are single CSS files with a basic theme definition. A theme can also include color variations or swatches. Each of these variations is assigned a letter from a to z. Color variation with letter a will be chosen by default.
This short video will introduce you to HTML5 Builder’s support for animations and mobile themes. There is additional information for Animations and Mobile Themes on the Embarcadero HTML5 Builder DocWiki at:
- Animations - http://docwiki.embarcadero.com/HTML5_Builder/en/Animations
- Mobile Theming - http://docwiki.embarcadero.com/HTML5_Builder/en/Mobile_Theming
Watch on YouTube: http://www.youtube.com/watch?v=Lq8wKRVYTTQ
Duration: 3 minutes and 33 seconds