Notificaciones push para la Web

En el episodio de esta semana

Chrome 42 llega a las notificaciones push, Jacob Kaplan-Moss desmiente los mitos sobre los programadores, las URLs relativas a los protocolos ahora son antipatrones, la insignia de optimización para dispositivos móviles llega a Google, las sugerencias de Git con First Aid Git y la optimización de tu aplicación con RAIL.

CHROME 42 YA ESTÁ AQUÍ

Chrome 42 se estabilizó esta semana y, junto con ella, incorpora una serie de funciones nuevas. Las notificaciones push permiten a los usuarios aceptar actualizaciones oportunas, instalar banners para solicitar a los usuarios que guarden páginas en sus pantallas de inicio, los permisos te permiten saber si puedes usar una API, la recuperación actúa como un reemplazo de XHR e incluso incluye compatibilidad con clases 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

MITO

El discurso de apertura de Jacob Kaplan-Moss del evento PyCon de este año revela la dicotomía de que los desarrolladores son 10 veces rudos o completamente terribles. Quitar estas suposiciones nos ayuda a abordar mejor problemas como el síndrome del impostor y a trabajar para mejorar entornos de trabajo potencialmente tóxicos.

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

TLS TODOS LOS TÉRMINOS

Las URLs relativas de protocolo ahora son un antipatrón. Tweete de Paul Ireland, la práctica de omitir el protocolo en una URL ahora se desaconseja, ya que podría provocar ataques de "Man on the side", similar al que afectó a GitHub. La nueva recomendación es que siempre solicites un recurso mediante HTTPS si está disponible en 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

¿PARA DISPOSITIVOS MÓVILES?

Verifica si tu sitio está optimizado para dispositivos móviles. Un artículo reciente del blog para webmasters de Google indica que, si comienza inmediatamente, la Búsqueda de Google agregará etiquetas junto a los sitios que se consideren optimizados para dispositivos móviles. Los criterios incluyen, por ejemplo, asegurarse de que los usuarios no tengan que hacer zoom para leer la página y que los enlaces estén lo suficientemente separados. Puedes realizar la prueba de optimización para dispositivos móviles para asegurarte de que tu sitio cumpla con los requisitos. y mejorar las habilidades en Fundamentos de la Web.

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

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

ALCANZA LA VELOCIDAD

Aprender a usar Git puede ser difícil. Un vistazo a StackOverflow revela más de 53,000 preguntas relacionadas con Git, pero la ayuda está en camino. First Aid Git es un índice de búsqueda de las preguntas más frecuentes sobre Git. ¿Quieres saber cómo deshacer un cambio que acabas de enviar a la rama principal? Puedes encontrar la respuesta y más, o enviar una solicitud de extracción para agregarla al índice.

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

RAIL DE OPTIMIZACIÓN

60 fotogramas por segundo es el objetivo para una experiencia web fluida, pero es fácil perderse de la ruta rápida. Paul Lewis y Cameron Pittman te muestran cómo optimizar las 4 áreas principales de tu app (respuesta, animación, inactividad y carga), también conocidas como RAIL, en este curso GRATUITO de 6 partes de Udacity. Derriba a los invasores de bloqueos y aprende sobre Herramientas para desarrolladores mientras aprendes los secretos de una app web más rápida.

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

Protectores de pantalla con JavaScript, de Yash Bhardwaj

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

Dulce caos en el espacio de tul, de Bailh

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

Introducción a la animación de CSS: Hero image de Donovan Hutchinson

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

Linjer de Hakim El Hattab

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

Danos tu opinión en Twitter con el hashtag #LazyWebShow

Para obtener más noticias en la Web, consulta estos recursos: JavaScript Semanal: http://javascriptweekly.com/ Open Web Platform Daily: http://webplatformdaily.org/ HTML5 Semanal: http://html5weekly.com/

Suscríbete al canal de Google Developers en https://goo.gl/mQyv5L.