<body data-appml-onload="appMLReady()">
<appml>
<loading></loading>
<content>
<navigation height="44px"></navigation>
<panel id="features" title="appML" icon="../../toolbar_icon/
icons_off/00-appML.png">
<page id="list" title="homeTitle">
...
"appml" with a xhtml transitional doctype, i'm pretty sure W3C or
Google & Co love that :)
And even if they do, the 650kb of this simple demo page (no image in
any screens) is a show stopper for me.
But if you think a flip or a (not supported on android) cube
transition doesn't worth 400kb, i think iUI + iScroll do the same for
less than 120kb, iScroll included.
ex: http://we-are-gurus.com/labs/iui/iscroll.html#_iscroll
Just add an id="wrapper"to an element + id="scroller" to its parent
and you're done.
i even go less than 90kb with my latest (soon to be released) default
theme using gradients.
Of course, i'll be more than happy to see that minified and packed in
a nice iUI ext-sandbox module ... from you perhaps? :)
my $0,02 (open to debate)
R.
Le 28 janv. 11 à 14:53, Marconi a écrit :
appML (application markup language) introduces
http://www.appml.org
- merges 2 of best tools out on the internet: iScroll and jQTouch
- prevent native scroll on input, textarea and select DOM objects
- it works 100% on iPhone/iPad/iPod and 85% on Android 2.2
- back button, separated panel history and vertical scroll offset
memory managment
need a toolbar?
simply write <toolbar></toolbar>
need a carousel?
simply write <carousel></carousel>
need a scrollable div (like a fixed size div with
style="overflow:auto")?
simply write <scrollable width="200px" height="300px"></scrollable>
need an app with 3 sections ( with 3 buttons on footer toolbar e.g.
home,products,contacts) with 2 pages in each section?
<panel id="1" title="HOME" icon="pathOfYourHomeIcon">
<page title="page1_home">your HTML</page>
<page title="page2_home">your HTML</page>
</panel>
<panel id="2" title="PRODUCTS" icon="pathOfYourProductsIcon">
<page title="page1_products">your HTML</page>
<page title="page2_products">your HTML</page>
</panel>
<panel id="3" title="CONTACTS" icon="pathOfYourContactsIcon">
<page title="page1_products">your HTML</page>
<page title="page2_products">your HTML</page>
</panel>
<toolbar></toolbar>
et voilà!
in toolbar tag appML will place your icons to navigate between panels
need the same app for iPad?
simply write <left></left> instead <toolbar></toolbar>
and a scrollable sidebar iPad-like will contain your panels icon
take a look with your iPhone/iPad or Safari browser:
http://www.appml.org/demos.html
take a look on appML features:
http://www.appml.org/features.html
follow appML on twitter:
http://twitter.com/appMLorg
appML is an officila phoneGap tool
http://www.phonegap.com/tools
--
You received this message because you are subscribed to the Google
Groups "iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to [email protected]
.
For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en
.
--
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en.
