No episódio desta semana
Os service workers usam o Firefox Nightly, dicas diárias do DevTools na sua caixa de entrada, depurar o IE no Chrome, usar o Flexbox para RWD, salvar o universo com mil JavaScript e gerar geradores para o IE e o Spartan.
DESENVOLVEDOR DIÁRIO
Acelere seu fluxo de trabalho com estas dicas úteis enviadas diariamente para sua caixa de entrada. Umar Hansa demonstra uma dica no DevTools por dia em formato GIF animado. Exemplos incluem pular para um número de linha no painel de origens e repetir solicitações de rede em cURL.
DEPURAR IE NO GOOGLE CHROME
E se você pudesse depurar o Internet Explorer no Chrome? Recentemente disponibilizado em código pela equipe do IE, o IE Diagnostics Adapter é uma ponte que permite que o Internet Explorer se comunique com o protocolo de depuração remota do Google Chrome. Embora o projeto ainda seja um experimento, ele já permite que você faça depuração básica do script e a equipe planeja transferi-lo para a Spartan em um futuro próximo.
FUNCIONÁRIOS
A criação de experiências off-line pode estar ficando mais fácil porque os service workers estão chegando ao Firefox Nightly. Com base em uma especificação W3C, os service workers oferecem aos desenvolvedores maior controle sobre uma página, permitindo que eles redirecionem solicitações de rede, disponibilizem recursos a partir do cache e até enviem notificações push. Os service workers já usam o Chrome, e a equipe do Firefox estima que eles poderão chegar à versão 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
Aprimore seu site com o flexbox para aprimorar os layouts responsivos. A desenvolvedora Zoe Gillenwater explica como o flexbox pode ser usado como aprimoramento progressivo em sites que precisam ser compatíveis com navegadores legados. Os slides abrangentes também podem ser usados como uma folha de referências para ajudar você a se lembrar das inúmeras propriedades flexbox.
http://www.slideshare.net/zomigi/enhancing-responsiveness-with-flexbox-smashing-conference
CONCORRÊNCIA COM JS1K
Quantos alienígenas você consegue detonar com apenas mil JavaScript? “Defender”, de Keith Clark, é o vencedor da competição JS1K deste ano. Os participantes têm a tarefa de criar uma experiência atraente usando apenas 1.024 bytes de JS. Os vencedores deste ano incluem uma viagem do Mystery Monorail e uma montanha-russa impossível.
http://js1k.com/2015-hypetrain/demo/2306
http://js1k.com/2015-hypetrain/demo/2322
http://js1k.com/2015-hypetrain/demo/2364
GERADORES NO IR
Retornos de chamada podem ser uma coisa do passado, porque a equipe do IE anunciou que os geradores estão em desenvolvimento. Parte do ES6, os geradores são funções especiais que podem ser pausadas e retomadas mais tarde, permitindo que você escreva código assíncrono de maneira síncrona. Os geradores já são fornecidos no Chrome e no Firefox e estão em desenvolvimento no 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/
fase 18/100 do dia em chamadas por sixsided
http://codepen.io/sixsided/full/qEeEYm/
Distribuição gaussiana com física por Frank Dumont
http://codepen.io/fdumont/full/CvdDI/
Unifique como PARTICULARIDADES DA MATTER de Abhijit Hota
http://codepen.io/XDBoy018/full/JodWKN/
Deixe sua opinião no Twitter #LazyWebShow