Where i get a documentation for metro ui design - microsoft-metro

I am going to start designing web page using metro ui. I need a good documentation for the metro ui like that of bootstrap.

Microsoft offers an Index of UX Guidlines for Windows Store Apps, which would be a good place to start. This covers everything from touch interaction to charms usages and everything in between.

Related

How to determine if an app is using UIWebView instead of native UI components

There are many apps implement UI with UIWebView and HTML.
The HTML5 is very powerful, that I could hardly tells the difference between cocoa components and HTML elements.
Is there any method to determine whether the app is using HTML instead of cocoa components?
I'm currently implementing a application that the UI view is just a UIWebView pointing to a web site.
It depends on how much like a ios "app" the web site looks like. The only difference I can see is the loading speed of graphics from a web site is slower than locally stored graphics in a app. If you crafted the web site well enough, you would not be able to tell.
There is a big difference in look and feel of WebView app and native applications.. Main difference is UI responsiveness. Native applications tend to behave snappier, table views in those applications scroll more naturally, buttons and controls are more responsive.
It can't be explained in few lines, but you should feel it when using application. We made few cross platform apps with web technologies, and they can't be compared to native ones... No matter how hard we tried to emulate native behaviors...

Ruby on Rails Iphone development

I've been digging around for this one. I understand that there two possible ways to develop for the iPhone.
via web kit frameworks, such as jqtouch and iwebkit, and
using the iPhone's api
I notice quite a few people using web kit frameworks, especially jqtouch. What are the benefits of using a webkit framework versus using the iPhone's api directly?
One point that springs into mind, is the fact that using a web kit framework makes it accessible through other smart phones? Not just the iPhone?
Are there any differences in terms of graphic enhancements? i.e. will transitions or animation look different?
I am a web developer by heart. It will be an advantage if I can develop an iPhone app with knowledge that I already know, that being the Ruby on Rails web framework.
I have also read this slideshow, which seems pretty detailed on various web kits.
Your suggestions / feedback is appreciated.
Just came across the following by Oreilly which seems to answer a good detail of differences between a native and web app development for the iPhone.

Best iPhone/iOS framework for Presentation Apps

Which framework do you suggest for building an application to manage presentation, like an interactive and multimedia brochure?
Do you think the iOS is enough?
Additional to the previously mentioned great Corona, you can have a look at the HTML-JavaScript-CSS-based PhoneGap. It is good if your application can be considered "page based" (you can still do animations with it, I did most of the games at VersusPad.com using it).

develop iphone application - is the GUI HTML?

I want to start developing IPhone application.
I need to understand something about it - I am working with a graphic designer.
If she supplies the GUI in HTML - will it be easy for me to develop with it?
How does it work? like regular web development?
Apple uses Objective C and Cocoa for iPhone applications. Neither uses HTML; you'll instead be using interactive controls like you'd find in a desktop application. Whether it's easy for you to develop using an HTML mockup will depend entirely on your skills with Cocoa. (In the same way I encourage designers to give me mockups in Photoshop knowing that I can easily build HTML versions of them.)
You might want to start with some of Apple's documentation on iPhone development: http://developer.apple.com/devcenter/ios/index.action
For GUI development of your own apps you have several options:
Code: UIKit framework in Objective-C
Interface Builder: Tool to click
your GUI together, but the logic
will be coded like in 1 in C, Obj-C
or C++
You can build a HTML gui and
present it in a web view, but for
native apps, this will only bring
you so far.
Oh, and no native Flash on iOS. :-)
You could write an app that uses HTML for its UI - in essence you'd simply be wrapping a webkit widget and driving your app from events generated by that UI. However, that's not going to give you a UI that really takes advantage of the phone.
For that, you need to get down and dirty with Objective C and the Cocoa Touch API for iOS. Another option is using Flash CS5, which is ActionScript based.
Strictly speaking, the answer is no, your HTML skills are not transferrable.
That said, there are two projects that deserve looking into, both of which are about producing native (or "native-ish") apps from HTML and JavaScript. The first is PhoneGap, and the second (which I think is more robust and promising) is called Appcellerator.
Neither of them give you really-and-truly full access to to the iPhone API, but they do allow a significant flattening of the learning curve for people who already have well developed web app skillz.
If you go the native route, bear this in mind: it took me about a month to go from being a web developer to being a slightly competent iOS developer, and six months or so to feel solid and reliable and productive with iOS.

iPhone + Android App to view Blog

What would be the best way to write an app for the iPhone OS and the Android OS that allows access to a web blog (posted on blogspot.com)? Are there ways to manipulate the incoming data from the website to fit the UI of the phones, or will I have to re-do a lot of the blogs?
Any help would be nice! And thank you in advance!
The easiest way in both would be to integrate the browser in the web app but perhaps restrict it to the blog.
For example, your app would open and have its own UI, but displaying the actual blog content would be done in an integrated browser (such as a WebView in Android).
Doing it this way isn't the best as it wouldn't be the best experience for the user, but it has the added benefit of keeping all the blog's design and extras, as well as javascript functionality.
"Manipulating incoming data from the website" (otherwise known as scraping) would be tricky for modern blogs since they usually contain so much customised content and are nowadays more like websites with blogs than just regular blogs.
I guess your best bet is to use Phonegap open source framework.
Since it basically creates local webapps and both platforms have very similar browser capabilities this should be a good fit for your intended application.