Archives For mobile

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.

Continue Reading…

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.

Continue Reading…

Appcelerator is a platform that allows you to use JavaScript to build cross platform native applications, and use native features that only Objective-C and Java can reach on the Android and iOS platforms. This gives you the ability to reach millions more people with your native apps than if you were just developing for one platform. You also have the ability to develop for both platforms twice as fast with this ‘write once, distribute everywhere’ platform. This Appcelerator development guide will take you from beginning Appcelerator to writing apps in no time. You can also start by taking a look at Quote Keepr an open sourced Appcelerator app. It was built as a newbie app, so feel free to fork and contribute as you please.
Continue Reading…

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.
Continue Reading…

In this screencast we will take a look at how to use the Titanium Gesture API to detect and determine the orientation of an iOS device. We will also learn how to detect orientation change events using the addEventListener method inside of JavaScript. This is particularly important if you’re making your apps respond to users’ gestures or display different content based on device orientation.

Continue Reading…

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:


Continue Reading…

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.

However, when you package your web app into PhoneGap you have to build your code with HTML5/CSS3/JavaScript and you cannot use server side programming languages such as PHP. The other difference is when an action is ran on PhoneGap it is native/local to your device, meaning the device doesn’t have to be connected to the internet.
Continue Reading…

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.

Continue Reading…

The web has quickly moved from fancy websites running strictly on HTML and a server side programming language, to dynamic web applications whose front ends run on JavaScript. JavaScript is an old language (created in 10 days). It has its problems but it has major advantages including its flexibility and user interface. Browser JavaScript engines are showing massive improvement, and so is JavaScript. Here are 4 awesome JavaScript frameworks you need to be aware of if you want to be a great web developer these days.
Continue Reading…

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.