kumquats labs Veille technique et R&D sur les technologies HTML5 et Symfony - page 3

A l’heure de la mobilité, nous attendons de plus en plus de nos applications mobiles : qu’elles soient disponibles et utilisables en tout temps, même si nous sommes « offline ».

C’est dans cet esprit que nous vous invitons à découvrir la librairie JavaScript Offline.js, une librairie très utile à toutes les applications web ou mobile qui ont doivent avoir un mode offline.

Cette libraire indique à l’utilisateur s’il vient de perdre sa connexion Internet  (l’application est passée en mode offline) ou d’en récupérer une. Ce qui est intéressant, c’est que lorsque l’application est en mode hors-ligne, la librairie intercepte les éventuelles requêtes AJAX effectuées pour les relancer dès que la connexion est rétablie. Pour que le tout soit parfaitement intégré à votre site ou application, plusieurs thèmes sont disponibles : clair, sombre, inspiré de Chrome… de quoi bien commencer votre prochain projet.

Alors Offline.js sera-t-elle la librairie complémentaire aux applications développées avec PhoneGap ?

Ce matin j’aimerais vous présenter un nouveau venu dans la famille des navigateurs web : Aviator
Comme l’indique cet article de developpez.com Il s’agit d’un navigateur basé sur Chrome créé par des experts en sécurité web. Il bloque par défaut les cookies tiers, les fenêtres de pubs, vide son cache à chaque fermeture et son moteur de recherche est DuckDuckGo. Pour le moment il n’est disponible que pour Mac OS (je ne sais pas s’il est compatible avec Mavericks). À tester pour celles et ceux qui veulent protéger leur vie privée.

On apprend, par exemple, que les « px » sont idéals pour les design fixes mais, qu’en revanche, ils sont effectivement déconseillés pour définir les breakpoint des media queries.
On apprend également qu’il existe certains cas ou les valeurs brutes (sans unité) sont à privilégier. C’est par exemple le cas pour les propriétés « line-height » et « border-image ».

Source : http://demosthenes.info/blog/775/Which-CSS-Measurements-To-Use-When

Le dopage est à l’honneur de cet article… ou tout du moins, l’usage des stéroïdes pour PhoneGap. Ça commence avec un slogan assez simple :

« PhoneGap apps didn’t feel native. That’s why we built Steroids.« 

PhoneGap on Steroids est un framework basé sur PhoneGap qui permet d’utiliser des éléments d’interfaces natifs (Native UI: Multiple WebViews, Tabs, Modal windows, Navigation bar, Native animations, Drawer et Calendar) et comble certains manques de PhoneGap.

On y trouve aussi des outils en ligne de commande très utiles comme le développement multi-périphériques en simultané et le support de Sass et CoffeeScript, pour ne citer qu’eux.

Une problématique bien connue des sites usant de JavaScript pour la mise en page de leurs données est qu’ils sont généralement complètement imperméables au référencement. En effet, les moteurs de recherche ne prennent pas souvent la peine d’exécuter le JavaScript qui se trouve dans nos pages et ne peuvent donc pas savoir réellement quel contenu s’y trouve.

Prerender (http://prerender.io/) tente de répondre à cette problématique en proposant un serveur nodeJS permettant d’exécuter n’importe quelle application JavaScript et d’en récupérer le code HTML, il propose également une librairie cliente pour ExpressJS, RoR et Zend (certainement adaptable pour Symfony) permettant de détecter si une requête est faite par un moteur de recherche et, le cas échéant, de faire appel au serveur Prerender pour récupérer le contenu HTML de la page.
L’inconvénient de cet outil et qu’il utilise NodeJS qui n’est pas encore totalement démocratisé (notamment sur les hébergements mutualisés) mais cela n’en est pas moins une belle initiative à surveiller de près !