Web Development Blog

This tutorial will teach you how to embed a YouTube video iframe in a phonegap app. In this tutorial, I am using phonegap version 1.2.0. Youtube will automatically convert the flash video into HTML5 video tag so you don’t have to worry about encoding the video.
HTML:
Go to YouTube and get [...]

Continue reading Embed a YouTube video iframe in a phonegap app

Here is a step-by-step tutorial on how to create a contact form in jQuery Mobile. I have also included complete php source code that can be used as a web service to send emails from your server.
1. Create a folder structure
The first thing you need to do is create a folder structure [...]

Continue reading Creating a Contact Form in jQuery Mobile and PHP

For iPhone / iPad (iOS)
Prerequsites
- Install ChildBrowser Phonegap plugin
- Copy FBConnectExample/FBConnect.js into your www folder and include it in your HTML file
- Read and follow the instructions from How to post to the Facebook wall in an iPhone app with phonegap, FaceBook Connect and ChildBrother plugin by MosaCrea
The Javascript(jQuery) code:

$(‘#share-facebook’).live("touchstart touchend", function() {
var url = [...]

Continue reading How to ‘Post on Facebook Wall’ on iPhone and Android using PhoneGap plugins

Using Google Fonts in your WordPress Theme is very easy and it can be completed in 3 simple steps.
1.
Go to Google Web Fonts, browse all the fonts available for use on your website and pick any font you like. For this example, I will be using Droid Sans.
2.
Click on [...]

Continue reading How to use Google Fonts in your WordPress Theme

If you have been developing websites and web apps for mobile, you may have noticed that the images are not very crisp on iPhone 4. The Retina display on iPhone 4 is the sharpest, most vibrant, highest-resolution phone screen ever but you need to know how to utilise it. The images you use [...]

Continue reading How to use hi-res images in web apps for iPhone4

jQuery Mobile is a framework for mobile web apps and mobile websites with an aim to provide a unified user interface system across many mobile device platforms such iPhone, BlackBerry, Android and Windows Mobile. The framework is built on top of one of the most popular Javascript frameworks, jQuery.
Followings are some of [...]

Continue reading Top 10 jQuery Mobile Code Snippets that you need to know

In this tutorial, I will show you how you can customise your Facebook Fan page quickly and easily using the powerful Facebook Markup Language. If you haven’t already got a Facebook Fan Page for your brand (be it website, blog or company), you might want to create one now. [...]

Continue reading How to customise your Facebook Fan Page with FBML

So I have released two native iPhone apps in the last 2 months. The first iPhone app is called Salary Calculator, and it was released on 06 October 2010. The app was submitted to iTunes Connect on 28 September 2010.
The second app was a niche app for Property Investors in Australia, [...]

Continue reading Five Important Steps into iPhone App Development for Beginners

In this step-by-step tutorial, I’m going to show you exactly how to code an HTML email; be it an HTML Email Signature or HTML Email Newsletter.

1. Changing the background color

<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#333333">
<tr>
<td>

</td>
</tr>
</table>

2. Setting a fixed width and background color for [...]

Continue reading How to code an HTML Email Newsletter

iPad was released a month ago, and is made available in Australia a few days ago, but already, I am seeing a lot of big name companies and brands trying to optimise thier websites for iPad. While I have yet to optimise a website for iPad, I have put together some notes about designing [...]

Continue reading Designing and Optimising Websites for iPad