Optimise Your Site for iPhone – VERY Simply!

Here’s a quick method of fixing some common problems with your site that might cause it to display weirdly in the now ubiquitous iPhone/iPod devices. My own lovingly crafted main site and blog design were nearly fine on the iPhone but there was strange resizing of both the background image and some of the navigation links & text. The background image is central to my design so I had to do something!

For WordPress powered sites and blogs there are many great plugins to automatically render a stripped down version of the site but I really wanted my design to be visible. I found out that the iPhone Safari browser automatically resizes elements on a web page including text and background images so to combat this simply add the following to your body tag:

-webkit-background-size: 2000px 1024px; (The exact size of my background image in this case)
-webkit-text-size-adjust: none; (Stops the iPhone from resizing any text on a page)

webkit” is specific to the Safari browser so adding this code will not mess up anything in other PC based browsers.

You could take this a stage further and try to detect iPhone visitors with the following code and give them an iPhone specific stylesheet and viewport:

This goes in your <head> section:

<!– iPhone Detection –>
<?php
if (ereg(‘iPhone’,$_SERVER[‘HTTP_USER_AGENT’])) {
$iphone = 1;
}
elseif (ereg(‘iPod’,$_SERVER[‘HTTP_USER_AGENT’])) {
$iphone = 1;
}
else {
$iphone = 0;
}
?>

<!– If it’s an iPhone, show the Viewport Meta tag and iPhone CSS –>
<?php if ($iphone == ‘1’): ?>
<meta name=”viewport” content=”width=320px” />
<link rel=”stylesheet” type=”text/css” href=”iphone-style.css” media=”only screen and (max-device-width: 480px)” />

<!– If it’s NOT an iPhone, show the normal CSS and no Viewport Meta tag –>
<?php else: ?>

<link rel=”stylesheet” type=”text/css” href=”normal-style.css” media=”screen” />

Leon.

Website Effectiveness

Well done on having a website for your business but is it doing what it should, ie generating hits and sales leads? Here’s a few things you should really be doing to measure and improve your website’s effectiveness if you feel its not doing anything for you: Continue reading Website Effectiveness

8 Web Apps for Businesses

I’d like to list some applications/software that I think is essential for any business that takes the web seriously as a marketing tool and sales lead generator. I will presume that all businesses have a web site first and foremost, if not, why not, it’s 2009 and we’re in a recessionary period folks – don’t you want sales!? Continue reading 8 Web Apps for Businesses

Blog 1 Year Old!

Today, the Reverb Studios Blog is exactly one year old (heres my first post!) and its been a great year business wise for me. Whether the blog is responsible in some way or not I’m not sure but Blogging has been a great excercise for me in a lot of ways and its definetly brought more visitors to my site and increased my profile on the net. As of now, I’ve posted about 160 Articles in 13 different Categories and received about 180 comments from various visitors. I regularly get between 50 to 100 unique visits a day compared to about 5 to 20 this time last year!

Thanks to all Visitors and Contributors,

Leon.

Google Analytics Services

I’ve been studying the more complicated aspects of the Google Analytics Website Statistical service recently and can now offer advanced help with instalation of this professional service for monitoring traffic to your Website or Blog. Continue reading Google Analytics Services

Website Marketing & SEO

Theres not much point in having a website unless people can find it and its bringing you business or busines leads at least. I constantly see websites or get re-design work for sites that have been built and neglected for years, with outdated design, content and copyright dates at the bottom! Continue reading Website Marketing & SEO

Website Grader SEO Tool

Came accross www.websitegrader.com which is a free online tool/website for grading or providing a search engine optimization report for your website. I like it if only for the reason that it gave my site a great score! Shows I’m on the right track at least! Continue reading Website Grader SEO Tool