Websites | Photography | Video Editing | 3D Animations

From the Blog

Jun
27
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”/>

 

plain:

<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” />

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