En el episodio de esta semana
Los service workers presionan Firefox Nightly, reciben sugerencias diarias de Herramientas para desarrolladores en la bandeja de entrada, depuran IE en Chrome, usan Flexbox para RWD, ahorran el universo con 1,000 JavaScript, y los generadores están en proceso para IE y Spartan.
DESARROLLADORES DIARIAS
Acelera tu flujo de trabajo con estas útiles sugerencias que se envían a tu bandeja de entrada todos los días. Umar Hansa demuestra una sugerencia diaria de Herramientas para desarrolladores en formato GIF animado. Los ejemplos incluyen saltar a un número de línea en el panel de fuentes y volver a reproducir solicitudes de red en cURL.
DEPURAR IE EN CHROME
¿Y si pudieras depurar Internet Explorer en Chrome? El adaptador de diagnóstico de IE, recientemente abierto por el equipo de IE, es un puente que permite que Internet Explorer se comunique con el protocolo de depuración remota de Chrome. Si bien el proyecto sigue siendo un experimento, ya te permite realizar depuraciones de secuencias de comandos básicas, y el equipo planea transferirlo a Spartan próximamente.
TRABAJADORES DE SERVICIOS
Compilar experiencias sin conexión puede ser cada vez más fácil porque los service workers llegan a Firefox Nightly. Según una especificación W3C, los service workers brindan a los desarrolladores un mayor control sobre una página, lo que les permite redirigir las solicitudes de red, proporcionar recursos desde la caché e incluso enviar notificaciones push. Los service workers ya realizan envíos en Chrome, y el equipo de Firefox estima que podrían llegar a la versión 41.
https://blog.wanderview.com/blog/2015/03/24/service-workers-in-firefox-nightly
http://www.w3.org/TR/service-workers/
https://jakearchibald.com/2014/offline-cookbook/
FLEXBOX PARA RWD
Mejora tu sitio con flexbox para optimizar los diseños responsivos. La desarrolladora Zoe Gillenwater explica cómo se puede usar Flexbox como mejora progresiva para agregar sitios que deben ser compatibles con navegadores heredados. Las diapositivas completas también pueden usarse como hojas de referencia para ayudarte a recordar la infinidad de propiedades de flexbox.
http://www.slideshare.net/zomigi/enhancing-responsiveness-with-flexbox-smashing-conference
COMPETENCIA JS1K
¿Cuántos extraterrestres puedes explotar con solo 1,000 archivos de JavaScript? “Defender” de Keith Clark es la ganadora de la competencia JS1K de este año. La tarea de los concursantes es crear una experiencia atractiva solo con 1,024 bytes de JS. Entre los primeros puestos de este año, se encuentran un viaje en el Monorriel Mystery y una montaña rusa imposible.
http://js1k.com/2015-hypetrain/demo/2306
http://js1k.com/2015-hypetrain/demo/2322
http://js1k.com/2015-hypetrain/demo/2364
GENERADORES EN IE/SPARTAN
Las devoluciones de llamadas pueden quedar en el pasado porque el equipo de IE anunció que los generadores están en desarrollo. Como parte de ES6, los generadores son funciones especiales que se pueden pausar y reanudar más adelante, lo que te permite escribir código asíncrono de manera síncrona. Los generadores ya se están enviando en Chrome y Firefox, y actualmente se encuentran en desarrollo en Safari.
https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263797-generators
https://www.youtube.com/watch?v=rT-1ZxhjzBw
https://www.chromestatus.com/features/4959347197083648
3D Sketcher por Jason
http://codepen.io/loktar00/full/DphFg/
día 18/100 con anillos en forma de seis caras
http://codepen.io/sixsided/full/qEeEYm/
Distribución gaussiana con física, de Frank Dumont
http://codepen.io/fdumont/full/CvdDI/
Unifica como PARTICLES OF MATTER de Abhijit Hota
http://codepen.io/XDBoy018/full/JodWKN/
Danos tu opinión en Twitter con el hashtag #LazyWebShow