Avant de commencer à parler de développement proprement dit, je vois déja arriver le blogueur à un seul oeil me dire un truc genre:


La réponse est simple: quelle que soit la technologie, aussi avancée soit-elle, surfer sur un site prévu pour une résolution de minimum 1024 par 768 pixels avec un écran de 3.5 sur 5 cm, il va falloir zoomer et se déplacer dans tous les sens, la plupart du temps pour afficher du texte ou des images que l'on pourrait afficher simplement "en ligne" pour l'écran de l'iPhone, bien plus agréable encore à lire.

Voilà, fin de la petite introduction sur le pourquoi, parlons un peu du comment! Optimiser un site pour l'iPhone, ce n'est vraiment pas difficile. Conceptuellement, il s'agit de conçevoir ses pages de manière entièrement linéaire, plus simplement, tout le contenu dans une colonne. On peut passer d'une colonne à une autre par un simple lien. La largeur de la colonne ne doit pas excéder celle de l'écran de l'iPhone, sa longueur est illimitée.

Il existe ensuite des librairies toutes prêtes pour coller au plus près au look des applications natives de l'iPhone. La plus connue et utilisée (et accessoirement la moins documentée) se nomme iUi. Se composant d'une série d'images, d'un fichier css et d'un fichier JavaScript, elle permet de construire une page pour Safari Mobile vraiment simplement et très rapidement. Elle est utilisée notemment par le site iPhone de la RSR.

En exemple de la mise en place, il m'a fallu moins d'une demi journée pour réaliser la version mobile de nakan.ch (http://mobile.nakan.ch/), contenant le blog et les news. Notez qu'il ne s'agissait presque que de mise en page, les core functions du blog et des news sont exactement les mêmes que sur le site normal.

Le seul problème de iUi, c'est le manque de documentation. Il est nécessaire de dépouiller les exemples fournis avec pour en comprendre le fonctionnement, c'est plus fastidieux que de lire une référence technique comme avec un SDK standard, mais c'est gratuit et bien foutu, alors on pardonne...

Je travaille à l'heure actuelle à deux améliorations de la version mobile de ce site: la publication des articles et la possibilité de poster des commentaires sur le blog. Quand j'aurais le temps...