By: Tim DelChiaro
Abstract: How to design web and mobile UIs with HTML5 Builder
This tutorial on designing user interfaces with HTML5 Builder is an excerpt from the product documentation. Clicking links in the article will take you to the HTML5 Builder documentation wiki.
HTML5 Builder includes a full suite of drag-and-drop web controls. Select from buttons, labels, text fields, combo boxes, media players, and more to design your user interface.
Controls are fully customizable and can be styled to your liking using CSS3 properties, which enable you to fully control the look and feel of webpages without programming or becoming an expert in esoteric markup languages. You can also let developers or designers write CSS3 stylesheets to apply to your applications.
You can also create CSS3-based animations to react to the events that might take place during the life of your controls.
On top of the general-purpose design features for standard web applications, HTML5 Builder provides a Designer to target mobile devices. Several mobile devices are supported by default, and you can easily integrate any additional device model you want to design for.
Mobile applications support CSS3 style features and animations as well, along with mobile theming, to provide a better user experience in mobile devices. Mobile theming in HTML5 Builder allows you to easily create new color schemes for your mobile applications by dragging and dropping colors onto your UI controls. After you have created your new theme, you can use it to style a single control or an entire mobile application.
Click here to download a free 30-day trial of HTML5 Builder, part of RAD Studio XE5>
@RADADtools on Twitter
Server Response from: ETNASC03