The Technology Behind Mobiel RSS.

There are several steps behind making this site.

  • Writing the basic xhtml so the website will display properly.
  • Writing the basic css for the menus, the header, ect.
  • The more complicated php using simple pie rss reader.

Step one: Writing the xhtml.

Code Snippet Html

Pretty much the only difference between a regular xhtml document and a iphone optimized one is in the header information there is one line of code you have to add.

<meta name="viewport" content="width=320" />

Step two: Writing the css.

Code Snippet Html

Let me just say, if you can write css for a regular site you can write css for the iphone. The only thing you have to keep in mind is the width of the iphone's screen is only 320px wide. It doesn't matter as much but the hight of the screen is 480px.

Here is an example of my page wrap which is container for the site.

div#page-wrap { width: 320px; margin: 0px auto; }

Step three: The php.

Code Snippet php

I find this part the hardest and most complicated. The technology that I used is called SimplePie. There is lots of documentation on there site on how to use Simplepie, so I find there is no point on replicating there tutorials. Here is a direct link to the tutorial.

I assume as you are reading this tutorial you are familiar with php and html.