I'd like to make some in-app help for my iPad app so I'm looking for examples of other apps that do it well. If I look the help for the Apple Pages app on my iPad, it opens the following url:
http://help.apple.com/iwork/mobile/interface/#tan724868a9
This looks like a native app in Safari on iPad. How did Apple make their html help page look like that? Is this simply a dashcode implementation or is there some other way to display native looking help via html in an iPad app?
It's just HTML/CSS/Javascript, but you could take a look at jQTouch for something similar, or the just-announced jQuery Mobile.
Related
I would like to make a Facebook fan page into a stand-alone iOS app.
Is there an easy way or template to make it so?
Thank you so much in advance!
Simple way to do this is, create a project with only one view drag and drop UIWebView and just link your Facebook fan page to it.
Well, no.
But there are a lot of tools to ease the pain from 'no coding required' to phoneGap (wraps your html, css and javascript for the iPhone) and Titanium (compiles your html, css and js to native app code).
I have a software that eventually will have some reports to be accessed via iPhone.
Once I am not willing to develop an iPhone app, I´d like to make these reports accessible via iPhone Safari browsers.
GMail in iPad uses HTML 5, so I guess I can do the same.
My question is where can I find some resources to learn best practices doing so and how can I test it in a PC computer.
Thanks
Here is a similar answer I've given: Exclusive CSS for iPhone/Android
For testing you can use Chrome or Safari, as they are both webkit browsers (which is what the iPhone uses). Safari can even render as the iPhone user agent.
Hope this helps.
Please take a look at PhoneGap, I think that is what you are looking for.
You can emulate the program in xCode, but you will need an Apple for that. For PhoneGap also..
From the app architecture view-point you should also consider introducing app-specific optimization such us:
Simplify the app (show only what you need for mobile)
Minimize Application and Data Size
Aggregate Images into a Single Composite Resource (Sprites)
Include Background Images Inline in CSS Style Sheets
Keep DOM Size Reasonable
Ensure Paragraph Text Flows
Avoid Redirects
Inside my site where I show my iPhone Apps, I would like to show iOS screenshots like in the App Store. Is there any wordpress plug-ins or ways to emulate this behavior?
There's a great Jquery plug-in called Infinite Carousel 2 you could use. It has nothing to do with WordPress, but it would embed just fine in a page. The way I'm using it isn't exactly what you're looking for, but the plug-in supports exactly what you need by telling it you want 2 images displayed side-by-side, or 3, or whatever, something more like this.
Do you mean the screenshots like how they are all horizantal because if not all you have to do is add the image of the app that you took from the app store.
Is there any reference about writing an application on iPad/iPhone to show HTML5 content ?
Any reference book
Sample source codes
Which components should I use ?
Million Thanks.
There already is an app on the iPad and iPhone for showing HTML5 content: Safari.
If you want to show specific HTML5 content within an app, just use a UIWebView.
Building iPhone Apps with HTML, CSS, and JavaScript
Is it possible to make my own website as iPhone friendly format when user launches my website in an iPhone browser?
Currently if i launch my website in iPhone, it doesn't look more readable and i need to zoom it to see clearly. If i want to provide my website link will be more clear and readable with bold fonts and buttons ( moreover it is like iPhone friendly format) in the first launch itself in iPhone browser, how to make it success? I could able to see some third party websites like http://tringapps.com and all provide the same logic. How to achieve this and what should i do for that? Where to code?
Clave/
You'll need to make a separate version, or at the very least an extreme re-CSSing of your existing site.
Apple has some good tips on getting started here.
There are several toolkits to assist in developing the web apps as well, like this and even this.
There is a good book to get started. Building Applications for Mobile Safari
There are many PDFs available from Apple.