iui, magic framework - user interface design

[Elmar Schumacher]

Hi there,

just wanted to know if anyone has used iui in the past to mimic iPhone user interfaces with PhoneGap. Although it seems to not take advantage of CSS3 I like its ajax-component approach, where bits and pieces get loaded on demand to keep loading-times small and the interface responsive.

cheers,
Elmar

[Paul Prescod]

As you noted, iUI's transitions are not really usable. But the deeper
problem is that iUI's stylesheets and code depend on the DOM structure
being exactly as they are in the iUI demos. If you start adding
elements like headers or footers, things break. Like iUI wants things
in HTML > BODY > UL and things break if you have HTML > BODY > DIV>
UL.

There are various forks of iUI and libraries "inspired by" iUI that
are probably more appropriate. Unfortunately, it is kind of the wild
west out there with various libraries each doing 70% of what the other
libraries do, so it's hard to point to a single one and say: "That's
probably what you need." New libraries sprout up more quickly than
anyone has an opportunity to evaluate them. There is a list here:

PhoneGap-compatible Javascript frameworks:
iUI - make iPhone-feeling interfaces
xUI - slimmed down jQuery work-alike
Magic Framework - make fast and smooth iPhone-feeling apps with
native-feeling widgets, lists, etc.
Dashcode - Framework from Apple
JQTouch - JQuery Plugin for Making iPhone-like apps
CiUI - CNET iPhone UI
Safire - Zillow JS/CSS framework (MIT License)

http://phonegap.pbwiki.com/

[Elmar Schumacher]

Thanks for the detailed reply. Very appreciated. I´ll scan through the links.

I looked at magic framework and the resulting trader app in particular. It seems to me like the app-screens don´t look very iPhony. But I am new to this and probably not the right person to judge this.

Thanks again,
Elmar

2009/3/10 Paul Prescod <pre...@gmail.com>

--
redTrac - we love results
Lindenstrasse 14
50674 Köln

Tel: +49 151 524 883 61
http://www.redtrac.com
--
James Brown  - "I'm kidding about having only a few dollars. I might have a few dollars more."

[Jeff McFadden]

FWIW, Inside Trader 2 is moving toward a much more iPhone-ish layout.
Also, Magic Framework should give you as iPhone-esque of a layout as
you want, with lists, buttons, headers, and sliding views. Of course
it's not for everyone, but just as a point of note Magic Framework !=
Inside Trader exactly.

In fact, Inside Trader 1.0-1.1 doesn't even use Magic Framework at
all.

-- Jeff

On Mar 10, 9:44 am, Elmar Schumacher <el...@aerobis.com> wrote:
> Thanks for the detailed reply. Very appreciated. I´ll scan through the
> links.
>
> I looked at magic framework and the resulting trader app in particular. It
> seems to me like the app-screens don´t look very iPhony. But I am new to
> this and probably not the right person to judge this.
>
> Thanks again,
> Elmar
>

> 2009/3/10 Paul Prescod <pres...@gmail.com>

> Tel: +49 151 524 883 61http://www.redtrac.com

[Elmar Schumacher]

Cool. Thanks for the update. I´ll check it out. I was originally looking for jQuery based frameworks because jQuery offers a nice, solid abstraction at low cost but I understand that CSS3 transition support offers much more in terms of smooth animations so I might just MF or even MF/jQuery.

Elmar

2009/3/10 Jeff McFadden <jeff.m...@gmail.com>

Bob Hope  - "Middle age is when your age starts to show around your middle."

[Brock Whitten]

dashcode + xui = win

magic framework and jqtouch are the ones to watch (and play with). both have huge potential. Its also worth keeping an eye on http://cubiq.org/. he has been doing some cool stuff. he is the first person to *really* solve the fixed header/footer problem.

- brock

[Jeff McFadden]

When is xui going to get element.remove()? That'd get me much closer
to being able to use it in Magic.

-- Jeff

On Mar 10, 10:35 am, Brock Whitten <brock.whit...@nitobi.com> wrote:
> dashcode + xui = win
>
> magic framework and jqtouch are the ones to watch (and play with). both have

> huge potential. Its also worth keeping an eye onhttp://cubiq.org/. he has

> been doing some cool stuff. he is the first person to *really* solve the
> fixed header/footer problem.
>
> - brock
>
> On Tue, Mar 10, 2009 at 9:53 AM, Elmar Schumacher <el...@aerobis.com> wrote:
> > Cool. Thanks for the update. I´ll check it out. I was originally looking
> > for jQuery based frameworks because jQuery offers a nice, solid abstraction
> > at low cost but I understand that CSS3 transition support offers much more
> > in terms of smooth animations so I might just MF or even MF/jQuery.
>
> > Elmar
>

> > 2009/3/10 Jeff McFadden <jeff.mcfad...@gmail.com>

[Brock Whitten]

it has it. the syntax is exactly as you show. x$('#foobar').remove();

[Jeff McFadden]

well awesome

On Mar 10, 11:23 am, Brock Whitten <brock.whit...@nitobi.com> wrote:
> it has it. the syntax is exactly as you show. x$('#foobar').remove();
>

[JacKlink]

You can use Dashcode to make a web application and tweak the code to
your liking. That would give the ability to have the iphone look.