J’ai remarqué depuis peu que Facebook et Twitter utilisent désormais le « // » en place de « http:// » dans leur code, et notamment dans leur widget sociale, ce qui donne des adresses du style //techtrends.eu au lieu de http://techtrends.eu .

Et ça marche, j’ai cru à une erreur, au début, mais non, ils ont volontairement pris cette décision, mais pourquoi? Creusons un peu.

Il ne s’agit pas ici d’une possibilité offerte par les nouveaux navigateurs HTML5 puisque la section 4,2 de RFC 3986 du Network Working Group a publié en 2005 que si le protocole n’était pas précisé, le lien prendrait celui de l’URI de la page parente. Cette règle est globalement la même que pour les liens absolus et c’est justement de là que vient tout l’intérêt de cette méthode.

Avec le web 2.0 (quelle vieille expression, maintenant), les sites intègrent régulièrement le contenu hébergé par d’autres sites, c’est le cas entre autres pour Facebook avec ses apps, mais depuis peu, celui-ci impose que les applications puissent fonctionner avec un certificat SSL afin d’offrir plus de sécurité aux internautes qui le souhaite, et donc avec le protocole «https», mais voilà, le fait de switcher sa page en «https» impose également que tous les fichiers rattachés ( image, .js, .css, iframe, .swf, …) soient également couverts avec le protocol «https», sans ça, la page ne sera pas considérée comme sécurisée. Le fait de ne pas préciser de protocole permet aux fichiers extérieurs d’utiliser toujours le bon protocol, par exemple, chez twitter :

<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

Le script utilisera toujours le protocol en vigueur sur la page en cours.

Et nos sites dans tout ça? Ne changez pas les liens de vos pages, mais uniquement de vos «css, images et js» si c’est nécessaire. Ne partagez pas non plus de lien qui commence par «//» car si les navigateurs savent les lires, les CMS, par contre, risquent de ne pas bien les gérer tout comme vos applications iOS et Android.

Ce sont des liens bien mal compris, souvent par le manque d’information des développeurs.

Il y a un an, on avait prédit que 2010 serait l’année du web en temps réel, des web-apps, de la géolocalisation, de la réalité augmentée des jeux sociaux et de la convergence mobile.

L’après-web 2.0

En réalité, un an, ce n’est pas suffisant pour que de nouvelles tendances changent véritablement nos habitudes. Le web en temps réel se développe de façon presque invisible pour l’utilisateur, et pourtant, aujourd’hui, il semble évident qu’un évènement sera diffusé sur internet dans les minutes qui suivent sa publication. Twitter reste leader sur le web en temps réel.

Un véritable succès pour FourSquare et ses cinq millions d’utilisateurs, la géolocalisation a beaucoup fait parler en 2010 avec son intégration dans Facebook. Aujourd’hui, l’impact de la géolocalisation sur web touche essentiellement les États-Unis.

Les web-apps avec le cloud computing se développent encore timidement, malgré le lancement (récent) de Chrome OS, je pense que son développement reste très lié à l’HTML5 qui n’est pas encore le standard du web, la faute, en grande partie, à Microsoft et ces IE 6,7 et 8 qui restent majoritaires sur les ordinateurs.

La tendance que l’on n’a peut-être pas vue arriver, c’est la victoire de Facebook sur Google : aux États-Unis, Facebook est devenu le site le plus visité, devant Google !

Néanmoins, si l’on ajoute au géant, tout ses sites annexes tels que Gmail et Youtube, il garde encore la première place, mais pour combien de temps?

Au niveau mondial, Facebook est maintenant 3e, juste devant Yahoo, et derrière Microsoft.

Des mobiles de plus en plus intelligents !

Il faut bien l’avouer, la réalité augmentée a toujours du mal à trouver sa place malgré l’arrivée des fonctionnalités évoluées que l’on trouve dans les mobiles, mais la convergence mobile fut vraiment une tendance importance de l’année 2010, le développement d’OS nomades au moins aussi performants qu’iOS d’Apple aide le marché mobile à s’imposer comme la plus grosse tendance de la nouvelle décennie.

Avec cinq milliards d’applications téléchargées en 2010, le mobile a créé un véritable écosystème qui se développe à une vitesse surprenante

Créer un site ou diffuser de la vidéo sur le Web sans penser à l’iPhone et aux smartphones Android est aujourd’hui inimaginable.

2010 fut l’année d’Android, c’est l’année où l’OS de Google est passé devant celui d’Apple! Mais attention, 2011 sera l’année de tous les nouveaux OS mobiles. Microsoft pourrait bien reprendre ses parts volées par Android grâce à un Windows Mobile 7 étonnant et Symbian revient également sur la scène. Pour moi, 2010 sera certainement connue comme l’année de gloire pour l’OS libre.

De nouveaux marchés dérivés du mobile

Je n’avais pas prévu l’explosion des tablettes, et pourtant, l’année 2010 est clairement l’année de l’iPad. Je dis bien, de l’iPad et non des tablettes. Pour moi, il y a encore beaucoup de chemin à parcourir de la part de la concurrence pour convaincre l’utilisateur, mais les dernières annonces sont très prométeuses.

Il va bientôt falloir penser à la version TV de nos applications, car Apple et Google ont adapté leurs OS mobiles pour la TV. C’est ainsi qu’on a eu droit à une nouvelle AppleTV et sa concurrence la Google TV.

La TV intelligente est un marché un peu jeune, mais très porteur.

Et les jeux vidéos ?

Les consoles de jeux vidéos ont également connu leur petite révolution avec l’arrivée de nouvelles interfaces humaines, une tendance tirée par l’avant par Kinect de Microsoft. Aujourd’hui, la Wii n’a que Mario pour faire face à la concurrence.

L’année 2010 aura donné l’occasion à iOS de s’imposer comme une véritable plateforme de jeux capable de rivaliser avec les consoles portables avec des titres phénomènes telle que Angry Birds.

Loin des jeux java que l’on a connu sur nos vieux Nokia, les iPhone disposent maintenant de moteurs 3D évolués tels que Rage d’ID Software et Unreal Engine 3 qui équipe le sublime Infinity Blade.

Si certaines tendances comme la réalité augmentée prennent du temps à trouver leur place, 2010 fut une année très riche en surprises grâce à un marché mobile qui se développe de façon fulgurante et des acteurs prêts à prendre des risques pour être les premiers, tout bénéfice pour l’utilisateur.

Vous en avez certainement entendu parler, la guerre des formats vidéos utilisés par les navigateurs a commencé à faire rage.

D’un coté, le H.264 reconnu régulièrement sous l’extension MP4 et de l’autre, le Ogv.

Sans trop rentrer dans les détails, aucun des deux n’est capable de remplacer le FLV qui a fait ses beaux jours sur les sites de partages de vidéos tels que Youtube :

L’Ogv, le format libre, n’offre pas une qualité suffisante et le H.264 soutenu notamment par Apple est protégé par brevet et devrait en théorie devenir à terme payant.

Lire le reste de cet article »

Pour les web-développeurs, l’Html5 est un combat à mener car nous y voyons de fortes opportunités pour l’avenir.

En effet, le Flash s’est beaucoup développé ses dernières années et est devenu une technologie complète et puissante, si bien qu’un flasheur n’est pas un designer, ni un web développeur, c’est un véritable métier à part entière.

Or, avec l’arrivée des Frameworks Ajax, nous avons vu apparaitre de nouvelles possibilités sur le web, si bien que le Flash a perdu de plus en plus de son intérêt et l’Html5 devrait permettre d’avancer encore plus dans cette direction puisque la vidéo et l’animation vectorielle seront supportées nativement par les navigateurs.

Lire le reste de cet article »

voici un aide mémoire pratique pour ceux qui attaquent déjà l’HTML5

Sublime vidéo de Jilion est un lecteur vidéo HTM5.

Dans cette démo, il lit une video MP4 de bonne qualité.

Il offre un bon aperçu de l’intérêt de ce type de lecteur, particulièrement fluide et facile à intégrer et l’effet de transition vers le mode plein écran est particulièrement réussi.

Actuellement, le player n’est compatible qu’avec Safari (v4.0.4+) et Google Chrome (v4.0+)

Jilion – SublimeVideo.

Parcycle est un impressionnant système d’animation de particule avec HTML5. Très jolis !

Mr Speaker presents: Parcycle. A HTML5 Canvas Particle System.

Le petit HTML5 avance petit à petit même si IE8 n’est toujours pas compatible avec la moindre fonction.

Il empêche que la techno avance bien et de nombreux web-developpeurs s’y intéresse déjà de près

Ainsi, 9elements propose une très belle démo utilisant les balises HTML5 <canvas> qui permet de réaliser des animations vectorielles (comme en flash)  et <audio> qui lit du son (évidemment)

L5 Canvas and Audio Experiment.

Alors que nous commençons à peine à nous débarrasser d’IE6, IE 9.0 montre le bout de son nez.

Jusqu’à présent, j’émettais beaucoup de critiques envers ce navigateur. Il faut dire qu’IE 7 est assez catastrophique dans sa gestion du CSS et IE 8 n’est toujours pas respectueux des standards. IE9 va-t-il suivre le même chemin ?

Non, cette fois, Microsoft a décidé d’y mettre le paquet.

Lire le reste de cet article »

On parle depuis 2 ans du successeur de l’HTML4 et du XHTML :  l’HTML5 . Si le couple XHTML/CSS2 se voulait plus restrictif que l’HTML4, il a permit aussi d’établir des règles essentielles pour l’avenir et la compatibilité de nos sites avec les différents navigateurs.

En effet, grâce à l’obligation d’intégrer tout le design et la mise en forme de nos sites dans des feuilles de style, on peut théoriquement rendre compatible l’affichage d’un site sur diffèrent formats, simplement en désactivant les CSS ou en les changeant et de ce fait, le travail et la propreté du code de l’intégrateur prendra tout son sens.

L’une des grandes difficultés pour les web-développeurs, les graphistes et intégrateurs de demain, ce sera justement d’afficher le même site aussi bien sur les smartphones que sur les PC du bureau. Lire le reste de cet article »