I’ve omitted the aesthetic parts to keep the discussion focussed, but you can see the code whole, not just the CSS, on the BuildMobile GitHub Backbone.js repo. Here’s the part of the CSS that handles the navigation. Navigation will consist of us jumping from one section to another, so at any one time there’s only one section visible, which is how nearly every mobile web framework works in reality, though the way we’re doing it is quite minimal and semantic. Each “page” in our app is defined by a tag. The implementation is, in turn, based on an example that comes with Zepto.js. This example is taken from an app I’ve been working on, very slowly, for a while now. Point your iPhone/Android to and have a play around. Minimalism is now trendy (your mileage may vary) for desktop web apps, but on mobile, the benefits are huge, and more importantly, noticeable. We’ll look at how to do this, taking a minimalist approach using HTML5, CSS3 and Backbone.js. You can do way better than that, using what the browser in each of these devices provides. Your app becomes a McDonalds burger: same as a bunch of other B-side apps that look and feel slightly worse than a native application. Throwing a framework at your app, such as jQuery Mobile, Sencha, or anything that gives you the popular iOS-like native look and feel, instantly boxes you into a set of choices, design and functionality-wise. We’ll stop treating A-grade mobile phones as aliens, and see them for what they are: powerful, capable devices, running powerful rendering engines.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |