Today I will just quickly show you how to add a search function to list in jQuery Mobile. The process is quick and easy but this is just for a simple search function. Continue reading
jQuery Mobile: Dynamic Footer Active Buttons with CSS
This tutorial is a follow on from JQUERY MOBILE: DYNAMICALLY ADD FOOTER OR HEADER TO EVERY PAGE in which we set up our footer so that it loads from a separate file (footer.html). Today we will show you how to set your app up so that even though this footer is being called from an external file we can still have an active state for our navbar buttons. This will done with very little modification to code. Most of the changes we make is in our CSS files only. So if you haven’t already taken a look at the above tutorial so that you have your footer coming in from an external file please do so now then return. Continue reading
jQuery Mobile: Set Page Transitions for all Pages
In this quick tip we will show you how to set the transition type for all of your pages globally when using jQuery Mobile for mobile Design. This will save us from having to set the transition type on all our buttons and pages. So we end up with less work to do and if we need to change our transition because a platform we are designing for doesn’t support it we can quickly and easily change it.
In this tutorial we will be teaching you how to add the same header and footer to every page of your jQuery Mobile App from an external file. We will be doing this with just a few simple lines of code and by creating a few small HTML files.
The advantages of handing our header and footer in seperate files should be immediately obvious to most of us. Any changes we make to our header or footer files will change instantly on all of our pages. This saves us a lot of time as our mobile applications get bigger and bigger as a job progresses. We no longer have to hunt down and change every footer or header reference one by one manually. Continue reading
In this article we will be covering 3 useful resources for web developers wishing to keep up with the latest developments in Mobile Web. Whether we are developing for iPhone, Android or any of the other platforms out there it is vital we keep up to date with current developments and trends. These three sites will help us do exactly that. Continue reading
Today I thought I would share three interesting tools for developing Phone Apps for users of varying levels of experience. All of these tools are free or open source programs. These three Phone App development tools are great for what they are designed to do. However each has its own natural limitations. Some requires some skill to use others do not but are then limited in what you can actually build with it. Continue reading
In this tutorial we will cover some of the things you need to seriously consider when designing button for a mobile app or website.These buttons are naturally going to be the core of any mobile application yet many designers over look the obvious ways in which these buttons must differ from our more traditional navigational elements.
With the increasing presence of mobile devices on the web and with more and more people accessing the web on more and more mobile devices every day this has gone from being an optional exercise for a web developer to a necessity.
Due to the restricted space on a mobiles screen we are faced with major challenges in how do we redesign our site to be more mobile friendly. To further complicate things every week, even daily new screen sizes are added particularly in android. So how do we deal with them. Lets start in this series of tutorials by breaking down and looking at the common elements, the things that regardless of screen size we need to look at as a designer to make the switch to mobile. Continue reading