iphone css

Salut,
J'ai mis un peu de temps car comme indiqué plus bas, j'ai fait un test de développement d'interface pour Calibre tout en ajax.

Pour commencer, une feuille de style pour iphone:
Elle se base sur style-default.css avec quelques modifications (j'ai mis des commentaires dans la feuille) comme la taille des polices, la suppression des coins arrondis (plus joli en mode plein écran selon moi), la suppression de l'effet d'ombre dans la barre de recherche qui bug sur iOs...

Pour revenir sur la question de l’intérêt d'utiliser un framework optimiser pour tablette/smartphone comme Sencha Touch, je peux dire que:
- celui-ci simplifie la vie du développeur car les petits bugs comme ceux que j'ai tenté de corriger (mais partiellement) ont déjà été contournés.
- surtout il offre une base optimisée pour améliorer "l'expérience de l'utilisateur" et la fluidité de l'interface (plus rapide, tout en ajax, animations déjà crées...).

L'inconvénient est que ce type de framework n'est pas compatible avec tout. Il utilise les fonctions webkit (compatible Chrome mais seulement avec la beta de Firefox). Si la compatibilité est très bonne avec iOs et android, je ne sais pas comment ça se comporte avec un Kobo ou un Kindle...

Pour illustrer mon propos, j'ai essayé de faire un test d'interface avec le moteur de cops (la partie getJSON.php...) et Sencha Touch. Voici le résultat sur Youtube: http://www.youtube.com/watch?v=cA7ZPnvOfT0

Ceci n'est qu'un début car il manque toute la partie recherche par auteur ou autre (et pour augmenter la fluidité, j'ai mis la bibliothèque Calibre dans le répertoire web pour ne pas utiliser fetch.php qui ralenti énormément mon Nas Syno DS410j et avoir un accès direct aux fichiers cover.jpg). Je n'ai pas vraiment le temps ou l'envie de me lancer dans mon propre projet mais si une interface en Sencha Touch est ajoutée à Cops, je peux aider à la mettre au point...

A+