Notifications push pour le Web

Dans l'épisode de cette semaine

Chrome 42 arrive avec les notifications push, Jacob Kaplan-Moss dément les idées reçues sur les programmeurs, les URL relatives au protocole sont désormais des anti-modèles, le badge d'optimisation mobile arrive à Google, des conseils Git avec Git de premier secours et l'optimisation de votre application avec RAIL.

CHROME 42 EST LÀ

Chrome 42 est disponible en version stable cette semaine et inclut un certain nombre de nouvelles fonctionnalités. Les notifications push permettent aux utilisateurs d'activer les mises à jour en temps opportun, d'installer des bannières les invitant à enregistrer des pages sur leur écran d'accueil, les autorisations vous indiquent si vous pouvez utiliser une API, la récupération remplace XHR et elle inclut même la prise en charge des classes ES6.

https://twitter.com/ChromiumDev/status/590169593110335488

http://updates.html5rocks.com/2015/03/push-notifications-on-the-open-web

http://updates.html5rocks.com/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android

http://updates.html5rocks.com/2015/04/permissions-api-for-the-web

http://updates.html5rocks.com/2015/03/introduction-to-fetch

CARACTÉRISTIQUES DISTINCTIVES

Le discours d'ouverture de Jacob Kaplan-Moss lors du PyCon de cette année met en lumière la dichotomie selon laquelle les développeurs sont soit 10 fois plus méchants, soit complètement horribles. Supprimer ces hypothèses nous aide à mieux résoudre des problèmes tels que le syndrome de l'imposteur et à travailler pour améliorer les environnements de travail potentiellement toxiques.

https://www.youtube.com/watch?t=772&v=hIJdFxYlEKE

TLS TOUT CE QU'IL FAUT !

Les URL relatives du protocole sont désormais un anti-modèle. Tweet publié par Paul Irish cette semaine, la pratique consistant à omettre le protocole d'une URL est désormais déconseillée, car elle peut mener à des attaques de côté, semblables à celle qui a frappé GitHub. La nouvelle recommandation consiste à toujours demander un composant via HTTPS s'il est disponible via SSL.

https://twitter.com/paul_irish/status/588502455530311680

https://www.paulirish.com/2010/the-protocol-relative-url/

http://www.netresec.com/?page=Blog&month=2015-03&post=China%27s-Man-on-the-Side-Attack-on-GitHub

VOUS ÊTES ADAPTÉ AUX MOBILES ?

Vérifiez si votre site est adapté aux mobiles. Un article récent du blog Google pour les webmasters indique qu'à partir de maintenant, la recherche Google ajoutera des libellés à côté des sites qu'elle considère comme adaptés aux mobiles. Ces critères incluent, par exemple, de s'assurer que les utilisateurs n'ont pas besoin de zoomer pour lire la page et que les liens sont suffisamment espacés. Vous pouvez utiliser le test d'optimisation mobile pour vous assurer que votre site respecte les exigences. et vous développerez des compétences sur le Web Fundamentals.

http://googlewebmastercentral.blogspot.com/2014/11/helping-users-find-mobile-friendly-pages.html

https://search.google.com/test/mobile-friendly

ACCÉDEZ À LA VITESSE

Apprendre git peut être difficile. Un coup d'œil à StackOverflow révèle plus de 53 000 questions liées à Git, mais de l'aide sera bientôt disponible. First Aid Git est un index consultable des questions Git les plus fréquentes. Vous vous demandez comment annuler une modification que vous venez de transférer à la branche principale ? Vous trouverez la réponse à votre question et d'autres informations, ou envoyez une demande d'extraction à ajouter à l'index.

http://ricardofilipe.com/projects/firstaidgit/#/

OPTIMISATION DU RAIL

La fréquence d'images de 60 images par seconde est l'objectif pour une expérience Web fluide. Cependant, il est facile de passer à la vitesse supérieure. Paul Lewis et Cameron Pittman vous expliquent comment optimiser les quatre domaines principaux de votre application (Response, Animate, Idle, et Load, ou RAIL, ou RAIL) dans ce cours SANS FRAIS en six parties d'Udacity. Éliminez les à-coups et familiarisez-vous avec les outils de développement, tout en découvrant les secrets d'une application Web plus rapide.

https://www.udacity.com/course/browser-rendering-optimization--ud860

ScreenSavers with JavaScript de Yash Bhardwaj

http://codepen.io/yashbhardwaj/full/hHgtE/

Douceur chaos dans l'univers du tulle By Bailh

http://codepen.io/cathbailh/full/KpPjPg/

CSS Animation 101 - Hero image by Donovan Hutchinson

http://codepen.io/donovanh/full/EjYeLa/

Linjer by Hakim El Hattab

http://codepen.io/hakimel/full/zwxba/

Donnez-nous votre avis sur Twitter #LazyWebShow

Pour plus d'informations sur le Web, consultez ces ressources : JavaScript Weekly: http://javascriptweekly.com/ Open Web Platform Daily: http://webplatformdaily.org/ HTML5 Weekly: http://html5weekly.com/

Abonnez-vous à la chaîne Google Developers à l'adresse https://goo.gl/mQyv5L.