Customizing your website for iPhone browsing

<  Customizing your website for iPhone browsing

With all these new potential iPhone users out there, I have started playing with the idea of making our websites iPhone-compliant. An early attempt can be seen here, but you will need an iPhone to enjoy the full experience. Alternatively, you can use a great little iPhone browser emulator called iPhoney. You can also download the alpha version of my iPhone compatible RapidWeaver theme.

For those of you who are without iPhone and unable to use the Mac-only iPhoney, here’s a summary of what I’ve done.

Creating an iPhone compatible RapidWeaver theme

Before creating a special handheld version of your site by detecting the iPhone’s browser user agent you may already want to play around with your site’s style sheets. With this in mind I have created a very simple RapidWeaver theme that meets the following requirements:

  • it works both in landscape and portrait mode;
  • focus on readability on the iPhone’s small but high resolution screen ;
  • very light to allow reasonable download times for iPhone access over the EDGE network;
  • clear link highlighting having finger browsing in mind;
  • very quick javascript runtime; and
  • clear separation between HTML and CSS.

iPhone compatible RapidWeaver themeMy iPhone theme is still very much in its infancy and is only meant as a test before rolling out iPhone compliant versions of our RapidWeaver and Wordpress websites. Do not expect iPhone pictures or demos here, the focus is on development of websites versions that can be easily read on the iPhone’s web browser. The RapidWeaver iPhone theme is still in a pre-alpha stage and is made available for testing purposes only. Not that I imagine that anyone would use this very simple theme for production purposes, but be warned that this is certainly not ready for prime time yet. Use at your own risk. You can get it from the download page and adapt it to your needs by following the very few publicly available guidelines on web development for the iPhone.

Developing websites that are compatible with the iPhone

There are only very few resources available at this time, but here are some you may find useful:

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Reddit
  • Technorati
  • LinkedIn
  • Slashdot

Related posts:

  1. iPhone website theme done right
  2. iPhone web development guidelines released
  3. The do’s and dont’s of iPhone web development
  4. iPhone compatible website templates and phone skins
  5. List of iPhone apps and iPhone compatible websites is growing

Posted in Rapidweaver, Web development, iPhone ~ ~ You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.


13 Responses to “Customizing your website for iPhone browsing”

Countries in colors » Blog Archive » iPhone website theme done right

[...] website theme done right I will be putting my iPhone website theme development efforts on hold for the time being, as RapidWeaver just released a theme done right. [...]

Real Estate Blogger

Thanks for the list of resources! Not much available yet when it comes to developing for the iPhone.

[Reply]

Friday’s File – More iPhone Madness! | Future of Real Estate and Loans

[...] Make Your Site iPhone Friendly While there’s not a ton of resources online available yet, here’s a great place to start right now. Tags:iPhone real estate marketing real estate technology Filed under Blog, Real Estate Agent by Real Estate Blogger [...]

Kyoko Strollo

American pending house sales went up in April beyond expectations as buyers signed contracts to get a federal tax credit. The National Association of Realtors’ index for pending sales of used homesclimbed by 6.0% to 110.9 in April, the organization said Wednesday. The gain was the third consecutive one. Economists surveyed by Dow Jones Newswires had expected pending home sales would climb in April by 5.0%. First-time home-buyers acted in time to beat the April 30 deadline for the tax credit. Lawrence Yun, NAR’s chief economist, said sales this spring seem as strong as those last fall, before the original expiration date.

[Reply]

Annuaire gratuit

Good design, i found your blog on google. pretty post, hope to read you again!

[Reply]

Megger Test Equipment

dispenses utilize a fantastic website decent Gives appreciate it for the effort to assist myself

[Reply]

Free Flash Game

shares use a good ınternet site decent Gives with thanks for the working hard to support everyone

[Reply]

Tena McGee

Great write up. The iPhone is truly amazing and I don’t like being without it. This time last year I had jumped in a pool with my iPhone and it was dead. I had to wait 10 days before I was able to get a new one. The phone I had was a cheap go phone. I really love all the games that can be downloaded to the iPhone. The best part about the iPhone to me is the ability to check emails on the go. Thanks for the information.

[Reply]

blackhorse finance

Hi informative site. I thought blackhorse finance might be of interest as it discusses some similar guides. Anyway keep up the good work, I found this to be very informative

[Reply]

Maritza Moldovan

You created some good points there. I did a search within the subject and observed most folks will agree together with your weblog.

[Reply]

printable financial worksheets

Personal Financial Planner for Use with Personal Finance Each new copy of the text is accompanied by a FREE Personal Financial Planner workbook that is written to help students create and implement a personal financial plan. This valuable learning tool consists of over 60 worksheets that correspond ….

[Reply]

Miles Bamburg

I adore how you capture the essence of the concept, really great writting layout, I enojoyed it!

[Reply]

Susie Mccleskey

You should increase when it becomes easier. If at 8 reps you aren’t feeling anything than you should bump it up. I personally think you should increase the number of reps you do and not the amount of weight. I spoke with a personal trainer about this and he said since I’m a girl and didn’t want to add bulk than increasing rep amount and not weight would help to tone rather than build.

[Reply]

Leave a Reply

Name (required)
Mail (will not be published) (required)
Website

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


«

 
Countries in Colors 2006-2008 Some rights reserved | Hosted by GoDaddy |
Powered by WordPress // Template by Mike Lothar // Updated by CiC