faaabulous

C’est une thèse avancée sur Woork Up qui se tient, je trouve. Parce qu’Apple peut contrôler le contenu de l’App Store mais pas le web et son contenu HTML5, ce serait ne pas voir plus loin que le bout de son nez de penser que le porn n’existe pas sur iPhone et autre iPad…

If Apple can have a sort of censorship on downloadable applications within the Apple Store, it certainly cannot control everything that happens in the whole web galaxy. In fact, YouPorn, Tube8 and many other similar sites have already converted their videos from the Flash format to HTML5 thus making them perfectly usable on the Apple devices, among which you can of course find the iPad.

De là à imaginer qu’Apple empêche l’éclosion d’applications natives pour iPhone/iPad de la part des éditeurs de porn pour les obliger à publier leur contenu web en HTML5 au lieu de Flash, il n’y a qu’un pas que je franchis allègrement. La publication de vidéos porn représente certainement une très grande part de marché dans l’utilisation de Flash (ça a d’ailleurs fait l’objet de  vives polémiques à l’annonce de l’iPad, souvenez-vous), l’arrivée d’HTML5 pourrait changer la donne.

One thing is for sure: if the iPad does indeed win over the competition as a platform for the fruition of Internet content, it will be up to those who manage entertainment websites to choose whether to stay with Adobe Flash or to catch a growing business opportunity.

Needless to say they will probably go for the second one and we’ll see a mass migration to HTML 5.

Ca se passe sur css3.bradshawenterprises.com. Une série d’exemples de transitions et d’animations exclusivement réalisées en CSS3, sans faire appel au moindre bout de code javascript (à part pour gérer l’interactivité). Ca démontre bien la puissance du truc et comme le code source est fourni, vous verrez que c’est relativement simple.

Bien évidemment, tout ceci ne fonctionne que sur des navigateurs dignes de ce nom (oubliez IE, donc) avec un petit avantage pour Safari qui est le seul aujourd’hui à supporter les transformations 3D.

Et puis, quand vous aurez terminé de tout lire, vous aurez bien mérité un peu de détente, avec une petite session de retro-gaming sur cet Asteroids entièrement réalisé en HTML5.

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…

• Checklist, pour créer rapidement todo-list et autres listes de courses
• Geo Meter, qui fait appel au GPS de la machine pour vous localiser précisément

• Card Flip, célèbre jeu de mémoire qu’on ne présente plus

Et pour les « installer », pas besoin de passer par l’App Store, un simple ajout de signet sur votre iPhone suffit…

Tout d’abord, une présentation très complète (via @MoxFolder) sur les fonctionnalités majeures apportées par le HTML5, entièrement réalisée en… HTML5 et donc consultable dans votre navigateur. Les bouts de code étant la plupart du temps accompagnés d’exemples concrets au sein de la présentation, il vous faudra un navigateur approprié pour les visualiser (en clair, oubliez IE6-7-8 et optez plutôt pour Google Chrome, sur ce coup là).

Et justement, puisqu’on parle de compatibilité avec les navigateurs, HTML5 & CSS3 Readiness donne une vision très rapide des fonctionnalités supportées par les différentes versions d’IE, Firefox, Safari, Opera et Chrome.

Vous connaissez certainement le concept d’Ambilight, inventé par Philips Electronics pour ses fameux téléviseurs éponymes, qui consiste à générer des effets de lumière autour de la télé correspondants au contenu vidéo pour une expérience plus immersive.

Le plugin Ambilight for <video> tag propose de reproduire cet effet sur les videos en HTML5. Vous pouvez le voir en action sur le lien suivant.

Plutôt joli, non ? Si vous voulez en savoir plus, et que vous parlez russe, c’est sur le blog du développeur (version google-traduite en français ici).

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.

Il y a 2 ans, Dominic Szablewski programmait une animation Flash intitulée Venetianization.

Aujourd’hui, il a converti le code en Javascript et HTML5, en utilisant les fameuses balises <canvas> pour le dessin et <audio> pour la musique. Le résultat est là et personne ne pourra nier que c’est bien plus fluide qu’avant. Edifiant, non ? C’est Steve Jobs qui va être content…

PhobosLab