Now, when the iPhone 2 is out a friend of mine ask me if I’m able to develop a simple web application for it, that should be optimized for Safari. The problem was that I never developed a interface only for the iPhone so I made a research on this and I found a great tutorial on the CSS Tricks blog that I think is quite useful and I want to share.

They are showing how to combine the jQuery Javascript library and a PHP feed aggregator to create a iPhone/mobile interface for any RSS feed.

They work through the process – five simple steps:

• Create the iPhone Environment
• Pull in the RSS Feed
• Creating the Front Page: Headlines Only
• Creating the Article Pages: jQuery Slider Style
• Adding Some Flair

All code and images needed are included (as well as a demo if you’d like to try it out).

1. Auston on July 25th, 2008 at 8:17 pm

   You should use the native animation functions of Safari 3. It would improve initial load time and make the animations smoother.
2. Hollis Taylor on January 7th, 2010 at 9:51 pm

   Lots of great information on this site. I stumbled across your site on Google, and I’m glad that I did… I’ve bookmarked your site and will check back regularly. Keep the good content coming!

   Hollis