Paul Costan

From the Blog

Jun

iPhone enhancements for webapps and websites

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:

plain:

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

Make your web app / website full screen:

Status bar style:

Jun

Best mobile inspector tool – Adobe Shadow

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.

Jun

Where to find your local hosts file Mac/PC

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:

Windows7
C:\Windows\System32\drivers\etc\hosts

WindowsXP
C:\WINDOWS\system32\drivers\etc\hosts

Jun

Internet explorer CSS hacks

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 - '_'*/ }