jQuery Mobile 1.3 has a great new feature called panels. Panels are very common in native iOS applications and most commonly seen on YouTube and Facebook apps. jQuery Mobile panels are extremely simple to use but there are a few things to be remembered when working with panels. Follow along below, or watch the video to learn how to use jQuery Mobile panels.
Archives For jQuery Mobile
jQuery Mobile has come a long way since the beta versions of the framework. In this screencast we aim to cover what’s new as well as the basic concepts that originally came with jQuery Mobile. This screencast is for you if you never have used jQuery Mobile tool bars and want to see what they are capable of. If you are a regular user and have used them before, this is also for you, as you will learn what changes came from jQuery Mobile beta to jQuery Mobile versions 1.1 and 1.2.
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.
Pinehead.tv is hosting a jQuery Mobile For Newbies seminar on August 18, 2012, 10am central time. This seminar is a live seminar which encourages user interaction. It will allow you to ask questions, and participate as you choose. Only 10 seats are available, so register now to ensure your spot!
Learn to build web apps using the rapid development jQuery Mobile framework.
The internet is going mobile and jQuery Mobile allows you to develop for the web and native apps for the iPhone and Android operating systems!
Anybody can learn jQuery Mobile as long as you have a computer and internet connection!
Course video and docs available for download after session.
Learn Through Building!
Sign up for our interactive webinar and build a webapp from scratch using the following concepts:
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.
How do you make a split view in jQuery Mobile, much like the jQuery Mobile docs? Easy! In fact this screencast will walk you through the process of using CSS media queries to create a jQuery Mobile split view. Media Queries are useful when it comes to determining the layout of a site or app, and are used in responsive web design. They give you the ability to build one site or app for multiple screens at a single time and our jQuery site will show you how it’s done.
We are calling this screencast a hack because jQuery Mobile doesn’t have its own method to create a split view. The closest solution allows you to create grids, which is what we covered in this screencast. In this screencast we are going to look at the jquerymobile.com source and grab the CSS that is created on the jQuery Mobile Docs to create the split view. Of course, just as jQuery Mobile did, you can create your own CSS for your apps. However, we are going to just copy the source and implement into a simple app for a quick solution.
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.