Ever wanted to take a picture with a a web app, then upload it directly to your Amazon S3 bucket? Now you can, and this tutorial will teach you how. In this tutorial we are going to use jQuery Mobile, PHP and Amazon S3 to create a mobile picture uploader that will allow us to either take a new picture or upload an existing picture from our device. This now works with new version of iOS 6+ and uses the HTML5 file upload API to accomplish the goal. If you are not familiar with Amazon S3 this screencast might be a good starting point.
By default jQuery Mobile uses AJAX for page navigation and submitting forms. This allows AJAX to asynchronously load pages without having to navigate away from a current page or away from a form. This helps our jQuery Mobile web applications run more smoothly and more like those native apps built with Java and Objective-C. However, sometimes we need to be able to submit our forms without using AJAX. Depending on what we are doing with our forms, AJAX can actually cause errors and problems. In this tip I'll show you two separate ways to disable AJAX, first on the individual form level and then on the global scale.
PhoneGap is a wrapper type application that allows you to package HTML5/CSS3 Web Apps inside of a native app. This is a great feature because it gives you the ability to distribute your app via the app stores and have a so called "native app" without having to learn Java and Objective-C to code in the operating system native languages.
jQuery Mobile has rocked the web with an easy way of quickly developing mobile applications. Not just mobile web apps but using PhoneGap you can build native applications that can be downloaded in the available app stores. jQuery Mobile can be as flexible as you want it to be, but out of the box it's built to quickly launch your applications with pre-built design templates or using the jQuery Mobile theme roller. Below is a detailed plan that will help you learn jQuery Mobile and all the possibilities. Use it as a reference guide when your looking to figure something out or trying to determine if there is something you can do in jQuery Mobile. If your looking for a tut that is not here, please request it in the comments and we'll look into making it. Follow @pineheadtv //
Ever see those neat little "Click here to add this web app to your home screen" popups while visiting places like YouTube? It's a great tool, and really simple to add to your jQuery Mobile or Mobile web app. In this screencast we will learn how to use a simple JS library called add2home.js and its customization configurations to add the popup add to home screen to our IOS web apps.
We're diving into part 2 of our advanced jQuery Mobile topics. We will cover a few APIs at a time to really help you understand things. We are going to look at the default back button settings and how to implement them. Also, we are going to take another look at the swipe API. Finally, we will run into an instance where we need to use the pageinit function again. This will really help you learn jQuery Mobile APIs that are important.
In this screencast we will walk you through using Yahoo Query Language (YQL) in order to pull your WordPress RSS feed and parse it into a jQueryMobile web app. We will grab the thumbnail, link, title, and description in our app. And, we will also create a detail page to read the detail description that is given from the RSS feed. Thank you to storbo726 for requesting this screencast!
This screencast is the second part of our jQuery Mobile forms example. We are going to pull in the main elements from the jQuery Mobile documentation and build a working form. We will pass the data from the jQuery Mobile form page to the result page and display the results with PHP. The source is available via the "download" link and also on Git Hub.