Web Development Blog

1. Do build with ‘mobile first’ mantra. Add features and components as required for bigger screens, instead of trying to remove features and components for mobile screens. 2. Do use modernizer. 3. Do test on real devices instead of emulators. 4. Do check website performance during development – not after. Google PageSpeed and YSlow are [...]

Continue reading 10 Do’s and Don’ts for responsive website development

A while ago, we were requested to build a competition website. The requirements were: – Only registered & logged in users will be able to enter competitions. – A competition may be a game of skill or a game of chance. – A competition has a start date and end date. – Users will be [...]

Continue reading Building a competition engine

One of the most popular requests we receive is from Australian property agencies asking for a WordPress powered real estate website. WordPress is number 1 Content Management System – it’s easy to use and easy to developed on. Since we are getting more and more requests, we have decided to develop a Australian Real Estate [...]

Continue reading Australian Real Estate WordPress Plugin + Theme

When you’re using WordPress as a CMS for clients, it’s a good idea to customise the Admin Login page so the client feels the ownership of the Admin console that they will be using. It doesn’t have to be complicated, by placing the following code into functions.php of the current theme, almost half the work [...]

Continue reading Using WordPress as a CMS – Customise Admin Login Page

1. Geolocation 2. onLine 3. Audio and Video 4. Local Storage 5. History Geolocation Geolocation API is usually used together with Google Maps to show the current location of the device. Where would you use it? Geolocation is an essential feature for applications that needs to know information about the device’s current location such as [...]

Continue reading My favourite HTML5 Features

If you wish to disable wpadminbar in WordPress 3.1+ for a specific theme, just add the following line of code into functions.php file of your theme. No plugin installation required. add_action( ‘show_admin_bar’, ‘__return_false’ );

Continue reading Disable wpadminbar in WordPress (no plugin)

Since I have been getting many requests, I have decided to make a simple app in PhoneGap using jQuery Mobile available for download. This sample project is for those who are fluent in HTML, Javascript and CSS and wish to get started on PhoneGap app development using web technologies. Enjoy! Download Features: – Ready-to-deploy – [...]

Continue reading A sample PhoneGap App using jQuery Mobile

Continuing from Developing an HTML5 iPhone app using jQuery mobile & PhoneGap – Part I The App Structure The following is the app folder structure. As mentioned in Part I, we used jQuery and jQuery mobile as the mobile javascript frameworks for the colour match app. – www — js — jquerymobile.js — colourpicker — [...]

Continue reading Developing an HTML5 iPhone app using jQuery mobile & PhoneGap – Part II

Last week, we submitted an iPhone app to iTunes app store. This week, it was approved by Apple and the app is now available for download from the app store. Since everyone knows that HTML5 and app development is the future of mobile space, we’d like to share with you our experience of developing an [...]

Continue reading Developing an HTML5 iPhone app using jQuery mobile & PhoneGap – Part I

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 embed code for [...]

Continue reading Embed a YouTube video iframe in a phonegap app