+1 Sent from my Amazing Yellow Lumia, typos are guaranteed ;-) ________________________________ From: Kevin MacDonald<mailto:[email protected]> Sent: 24/02/2014 17.09 To: [email protected]<mailto:[email protected]> Subject: Re: [AngularJS] Re: Supporting multiple screen resolutions when developing for mobile devices
Thanks for these thoughts. What I am hearing so far is that in theory, a single code base with responsive CSS is the way to go, but in practice, it's a big pain in the butt and often impractical. I have to say I have my doubts that something like bootstrap can just magically make everything align beautifully on multiple screen resolutions in a way that is usable. With regards to the question: how radically different are the layouts between a 1024x768 iPad screen vs a 320x480 iPhone? I would say, the differences will be radical. I have my doubts that I will have the same number of views because I simply won't be able to fit everything from one view on the iPad to a corresponding view on the iPhone. If that is true then it implies changes to user work flow and navigation, which starts to sounds like a different application. Kevin On Sun, Feb 23, 2014 at 9:58 PM, Luke Kende <[email protected]<mailto:[email protected]>> wrote: This is basically a question about making your app "responsive". I agree that CSS @media queries are the way to go instead of separate templates and javascript. You may have to modify your templates to meet both resolutions since you only initially developed for one, but overall you will be happier than managing different code bases. On Saturday, February 22, 2014 12:21:46 PM UTC-7, Kevin MacDonald wrote: I am building an app using angularjs and cordova targetting primarily the iPad. However, I've tested out the app on an iPhone and everything works great, except the app needs to be re-formatted in many ways to suit the smaller screen resolution. I would love to support both devices with a single code base, and deploy only a single app to the App store. I am looking for good techniques for achieving this. I've seen two ways to support multiple screen resolutions with the same code base: swapping CSS based on media queries, and dynamically swapping out HTML templates for views and directives. I would like to solicit some opinions on this. Does it make sense to have a single code base for phone and tablet? One fear I have is that the dramatically different screen real estate would force me to not only change every template, but I would also have to have completely different navigation and user flow, and therefore much of the javascript would change as well. If that happens it seems better to just have two different code bases. Thoughts? -- You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group. To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/8YpwXWvfT_E/unsubscribe. To unsubscribe from this group and all its topics, send an email to [email protected]<mailto:angular%[email protected]>. To post to this group, send email to [email protected]<mailto:[email protected]>. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/groups/opt_out. -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/groups/opt_out. -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/groups/opt_out.
