Version2Software for iPhone!
18/12/08 21:52 Filed in: Tutorials
Version2Software is now iPhone ready!
Want to create a version of your website for iPhone users?
I have discovered a few vital tips and tricks to make your website look great on the iPhone.
Tip 1: Detecting iPhones
Use the JS code below to detect iPhone users and display a mesage:
Tip 2: Follow the iPhone colour scheme:
Border: #d9d9d9.
Background: #c5ccd3
Header:#4c566c
Tip 3: Fit content into the small screen size
The iPhone display is 320 pixels wide, make sure your page fits nicely using the code below:
Tip 4: Viewing files
iPhone users can not see the following files on your site:
Want to create a version of your website for iPhone users?
I have discovered a few vital tips and tricks to make your website look great on the iPhone.
Tip 1: Detecting iPhones
Use the JS code below to detect iPhone users and display a mesage:
<script type = "text/javascript">
if(navigator.userAgent.match(/iPhone/i)){
document.write("Hello iPhone users!");
}
</script> Tip 2: Follow the iPhone colour scheme:
Border: #d9d9d9.
Background: #c5ccd3
Header:#4c566c
Tip 3: Fit content into the small screen size
The iPhone display is 320 pixels wide, make sure your page fits nicely using the code below:
<meta name="viewport" content="width=320; user-scalable=no" />Tip 4: Viewing files
iPhone users can not see the following files on your site:
- BMP
- PICT
- RTF
- SVG
- AVI
- MPEG