T’es développeur dans le monde du web mobile ? Tu veux savoir tout ce qu’il ne faut pas faire ? Va jeter un coup d’oeil sur WTF Mobile Web…
Ca se passe de commentaires, mais il faut quand même aller les lire sur WTF Mobile Web, c’est très drôle. Il y a clairement encore beaucoup de progrès à faire.
C’est tout bête et ça peut se révéler très pratique sur tous ces navigateurs mobiles qui ne permettent pas d’aller voir le code source d’une page web. Snoopy est un simple bookmarklet qui permet d’afficher plusieurs informations sur le site que vous parcourez: doctype, librairies JS, outils analytiques utilisés et bien sûr le code source.
Les fonctionnalités devraient être prochainement étendues, notamment avec la validation HTML et l’affichage syntaxique.
Regardez bien les captures ci-dessous, on dirait bien des applications natives pour iPhone, et pourtant ce ne sont que des web apps tournant directement dans Safari Mobile, et développées en HTML5. Disponibles sur MiniApps, ces créations d’Alex Gibson sont, certes, encore modestes dans leurs fonctionnalités mais laissent présager un avenir radieux pour le HTML5 dans l’univers des mobiles notamment (encore un coup dur pour Flash). Et avantage du HTML5, c’est cross-platform, donc fonctionne sur la plupart des mobiles (un peu évolués): iPhone, iPod Touch, iPad, Androïd, Palm Pre, Firefox Mobile, Nokia Maemo…
Et pour les “installer”, pas besoin de passer par l’App Store, un simple ajout de signet sur votre iPhone suffit…
Ibis Reader, lecteur d’ebooks d’excellente facture, n’est pas une application native mais bel et bien une web app, développée en utilisant les fonctionnalités de stockage offline du HTML5 pour permettre de lire vos livres même sans connection internet (cette fonctionnalité n’étant pour l’instant accessible que sur iPhone et mobile à base d’Android 2).
Avantage de la web app, il n’y a rien à télécharger pour l’utiliser: ni l’application (ça n’est qu’un URL à ajouter à vos bookmarks), ni même les ebooks qui restent stockés dans le cloud et donc accessibles de partout. Bien évidemment, c’est plutôt orienté utilisation mobile, mais les livres sont également consultables via un navigateur standard, comme vous pouvez le voir ci-dessous.
Quelques captures de la version mobile sur iPhone, joliment intégrée dans Safari (sans barre d’adresse ni recherche), donnant vraiment l’impression qu’on est dans une application native. Notez d’ailleurs, l’amusant processus “d’installation” qui consiste juste à ajouter un signet sur votre écran d’accueil.
Tout ceci va dans le bon sens, je trouve. Ibis Reader montre ce qu’il est possible de faire en matière d’application web mobile, en exploitant certaines fonctionnalités du HTML5. Rien que pour ça, ça mérite d’y jeter un coup d’oeil, que l’on aime ou pas lire sur mobile.
Vous connaissez probablement déjà le site tweetmeme, qui liste les liens les plus retweetés. Non? Mais si ! Je suis sûr que vous avez déjà vu ce bouton, là, sur certains blogs:
Bref, il est clair que tweetmeme est le nouveau Digg (qui se sert encore de Digg aujourd’hui?), et si vous voulez pouvoir suivre ce qui buzz en ce moment sur Twitter, où que vous soyez, sachez qu’une application iPhone est désormais disponible. Elle s’appelle Memes et vous coutera 0,79€. Encore un peu limitée selon moi, tant au niveau de la navigation dans les catégories que dans l’absence d’intégration avec les services Read it Later ou Instapaper, gageons que tout ça sera corrigé dans une prochaine mise à jour.
Et pour les pauvres ou encore ceux qui n’ont pas d’iPhone, une version mobile du site est également disponible à l’adresse http://m.tweetmeme.com. Avec tout ça, si vous n’êtes pas le premier au courant lorsque le Google Phone sortira, je ne comprend plus…
Chez Mozilla Labs, on travaille d’arrache-pieds sur le concept d’un Firefox Mobile dont voici ci-dessous une première idée d’interface utilisateur. C’est encore au stade d’étude/concept, et risque de beaucoup évoluer dans les prochains mois, mais ce qu’on voit là est déjà très prometteur.
J’aime beaucoup l’idée d’optimiser la fenêtre de visualisation en ne faisant apparaitre la barre d’adresse/recherche et les boutons de navigation que lorsque c’est nécessaire. De même, les boutons d’actions prédéfinies ou encore les différents outils de recherche facilitent grandement l’utilisation. Bref, tout cela va dans le bon sens, selon moi. J’ai hâte de voir ça tourner sur un smartphone.
En attendant, si vous voulez essayer de jouer un peu avec l’interface comme dans la vidéo ci-dessus, c’est possible ici.