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 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.
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:
There is a rather large difference between a jQuery Mobile (or HTML5, appMobi, sencha etc) web app and using those same technologies in PhoneGap to create a native app. The main difference is how the code interacts when built directly on a server and run in a web browser versus running directly on the user’s device. By definition, a mobile web app is a remote site that runs off a web server at all times. That allows us to easily use programming languages such as PHP, Ruby and Python to create them. Using those languages, we can perform easy functions such as creating contact forms and sending mail directly from the server.
In order to submit your PhoneGap, Appcelerator, or even objective-c app to the app store you need to go through a verification process that identifies you are the owner of that app. The first step in the process is creating a private RSA key and submitting it to the app store, then following through and creating your developer provisional profile and installing all of the certificates on your computer with the OSX keychain. This screencast will walk you through the process of configuring and setting this up. The specific example will use Appcelerator to show how you can then install your native application onto your device once you follow the steps of the screencast. We do encounter several issues but solve them in the screencast. It’s a simple processes that can sometimes be accompanied with random errors you would not expect.
HTML5 has been evolving super fast. Not only that, Apple, the driving force (and owner) of webkit, has been making changes as well. In IOS 4.0 a tag called x-webkit-airplay was needed in order to give controls to the video to airplay stream to an Apple TV.
The exact command needed was x-webkit-airplay=”allow”. By default the x-webkit-airplay was actually set to “disallow.” If you wanted your video to have the ability to use AirPlay and stream to an Apple TV you needed to turn it on or “allow” it with the x-webkit-airplay parameter. However, this changed in IOS 5.0. Apple changed the default behavior of x-webkit-airplay to be x-webkit-airplay=”allow.”
So by default if you’re using the video HTML5 tag it will be able to use AirPlay and stream to an Apple TV. You only need to worry about the parameter x-webkit-ariplay if you want to set x-webkit-airplay=”disallow” and not allow streaming over AirPlay to an Apple TV.