Websites | Photography | Video Editing | 3D Animations

From the Blog

Posted by Paul Costan at 10:24 am

To add icon to your homescreen. you need to create graphic to 58px x 58px


with the half glare:

<link rel=”apple-touch-icon-precomposed” href=”img/icon.png”/>



<link rel=”apple-touch-icon” href=”img/icon.png”/>


Loading splash page – graphic need to be 320px x 460px:

<link rel=”apple-touch-startup-image” href=”img/splash.png” />


Make your web app / website full screen:

<meta name=”apple-mobile-web-app-capable” content=”yes” />


Status bar style:

<meta name=”apple-mobile-web-app-status-bar-style” content=”default” /><br />

<meta name=”apple-mobile-web-app-status-bar-style” content=”black” /><br />

<meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />

Posted by Paul Costan at 5:26 pm

Hi all, I thought to share this with you, after hours of fun trying to access my localhost through my mobile devices. I can came across Adobe Shadow. As you already know there is no way of changing your mobile hosts file to point to your local network. But you can easily point your virtual machines to your test environment.

A great tool for web designer/developers ‘Adobe Shadow’. Check it out here.

Very easy to setup. All you need to do is install Adobe Shadow client plus Chrome extension. After that install Adobe Shadow app from Apple store or Android Marketplace.

Adobe Shadow iTunes
Adobe Shadow Android

In order to use chrome inspector tool you will need to keep open Adobe Shadow client application running in the background.

Posted by Paul Costan at 9:20 am

For Mac osx Lion:
Open terminal and type in the following command line

$ sudo nano /etc/hosts

For PC users edit file:



Posted by Paul Costan at 10:22 am

Hi All, below are examples of how to target version of IE 6,7 and 8.

body {
border: 1px solid red; /* For all browsers */
border: 2px solid yellow\9; /* IE8 - '\9' */
*border: 3px solid blue; /* IE7 - '*' */
_border: 4px solid black; /* IE6 - '_'*/