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

The following snippet of code will display a google map with user’s default location on jQuery mobile page if location services is enabled. Otherwise, it will use predefined lat and long values to create the map. The code uses jQuery mobile pagecreate event.
A little info on jQuery mobile pagecreate event: [...]

Continue reading Display a location-aware google map on page load with jQuery mobile

We’ve put together some of the best holiday sales for web designers and developers. Enjoy!
BigCommerce
BigCommerce is the all-in-one, #1 rated ecommerce service for selling products online with over 10,000 happy clients and growing daily.
Special offer: Receive up to $100 in Google AdWords credit when you purchase a BigCommerce plan. No coupon required. [...]

Continue reading Holiday Sales for Web Designers and Developers

“Master Mobile Web Apps with jQuery Mobile” is an e-book on jQuery Mobile written by Matt Doyle, an experienced technical author and coder. According to the author, the book is intended for web development and design professionals who want to start building apps and therefore a basic knowledge of web technologies including HTML, CSS, [...]

Continue reading Book Review: Master Mobile Web Apps with jQuery Mobile

There are many web development related iPhone apps on the Appstore, but it not very often you come across a FREE app that is useful and works as it should. Therefore, I am sharing 13 Free iPhone apps that I think will be useful for you as a web developer.
PhpRiot PHP Reference

This app [...]

Continue reading 13 FREE iPhone Apps for Web Developers

Coupons for Godaddy Domain names

$5 off $30 Order
cjcsave
Click to copy

$1.00 off
cjcdollar
Click to copy

$5 off $30
cjcdoe30
Click to copy

$7.50 .net and .org renewals
gdbb776
Click to copy

35% off .com
fun3
Click to copy

$10 off $50 order
cjcchp50
Click to copy

$20 off $100
cjcdeal100
Click to copy

Any order (eg: SSL certificate, Domain Name, Hosting, etc)

$1 off any order
cjcdeal74
Click to copy

10% off any purchase
cjcfat10
Click to copy

15% off [...]

Continue reading Godaddy Coupons 2011

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

CSS3 animations are really easy to write once you know how they work. This post will show you some very basic animations done in CSS3. Once you get the hang of how to put them together, you will be able to do more advanced animations in CSS3 based on these examples. Also have [...]

Continue reading Introduction to CSS3 Animations by Examples

A lot of people have emailed and asked me for ready-made mobile themes that they can easily install on their WordPress blog so I have decided to put together four of my favourite professional and affordable mobile themes for WordPress.
For Advanced Users and Developers

WPtouch Pro

WPtouch Pro is a premium version of the popular [...]

Continue reading Professional Mobile Themes for WordPress

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