jQuery Mobile provides a manner to navigate and style a navigation link at the same time. It uses the data-role=”navbar” to accomplish this task. The navbar can handle up to five navigation links. Icons can be set optionally as well. If you have more than five links, it will split the navbar into two columns,…
jQuery Mobile is “interesting” in that you can have one or more pages on a single physical page. This has some advantages as it can make it so you don’t have to download a bunch of different files. Additionally, this will make it so you don’t have to have the user constantly check to download…
jQuery Mobile comes with a default theme that you can use. However, it isn’t really a single theme, there are actually several (sub) themes, called swatches, that are inserted into the theme. These swatches are specified by a single letter. This means you can call for a different theme, within your website, for a part…
jQuery Mobile is a framework designed to work with touch devices. This includes phones, tablets, and even some book readers that support web viewing. The mantra of jQuery is carried over, write less, do more. As the jQuery Mobile is designed to automatically add much of the CSS styles and additional tags and classes for…
Installing jQuery Mobile into a website is an easy task.As with jQuery UI, you can choose to install it locally, or you can run the JavaScript and CSS from jQuery’s website. Most people run it from their local site, as it reduces the DNS look-ups, which are slower in most mobile browsers/networks. To download jQuery…
Unlike working with Navigation in the mobile environment, forms input will be more about styling and proper use of HTML tags/attributes. Because of the size of the screen, we need to find good ways that we can overcome the small space. This means providing an easy and clear way for users to enter information into…
Coming up with a good navigation structure is important in mobile web design. We’ve already looked at some issues when dealing with navigation in mobile devices. Now we are going to look at some ideas on over coming these problems. Problem Recap Just to recap some of the problems we may experience: Taking up too…
The process for designing for a mobile webpage isn’t that conceptually different from a desktop. It just requires you to use some extra steps. For example you will normally follow a basic formula of: Receive Project Requirements Sketch out/mock-up designs Build HTML Test in various browsers Modify as necessary Repeat testing The core difference is…
