Nella puntata di questa settimana
I Service worker accedono a Firefox Nightly nella posta in arrivo con suggerimenti per gli strumenti per sviluppatori giornalieri, eseguendo il debug di IE in Chrome, utilizzando Flexbox per RWD, salvando l'universo con 1000 JavaScript e i generatori sono in fase di sviluppo per IE e Spartan.
STRUMENTI GIORNALIERI
Velocizza il tuo flusso di lavoro con questi utili suggerimenti che vengono inviati ogni giorno nella tua posta in arrivo. Umar Hansa mostra un suggerimento DevTools al giorno in formato GIF animato. Alcuni esempi includono il passaggio a un numero di riga nel riquadro delle origini e la riproduzione delle richieste di rete in cURL.
ESEGUI IL DEBUG DI IE IN CHROME
E se riuscissi a eseguire il debug di Internet Explorer in Chrome? Recentemente open source, reso disponibile dal team di IE, l'adattatore diagnostica di IE è un bridge che consente a Internet Explorer di comunicare con il protocollo di debug remoto di Chrome. Sebbene il progetto sia ancora un esperimento, ti consente già di eseguire il debug di base degli script e il team prevede di trasferirlo su Spartan nel prossimo futuro.
LAVORATORI DI ASSISTENZA
La creazione di esperienze offline può essere sempre più facile perché i Service worker utilizzano Firefox Nightly. In base alle specifiche W3C, i Service worker offrono agli sviluppatori un maggiore controllo su una pagina, consentendo loro di reindirizzare le richieste di rete, fornire risorse dalla cache e persino inviare notifiche push. I Service worker sono già disponibili in Chrome e il team di Firefox stima che potrebbero arrivare alla versione 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 PER RWD
Ottimizza il tuo sito con flexbox per migliorare i layout adattabili. La sviluppatrice Zoe Gillenwater spiega in che modo flexbox può essere utilizzato come miglioramento progressivo nei siti che devono supportare i browser precedenti. Le diapositive complete possono essere utilizzate anche come scheda di riferimento per aiutarti a ricordare la miriade di proprietà flexbox.
http://www.slideshare.net/zomigi/enhancing-responsiveness-with-flexbox-smashing-conference
CONCORSO JS1K
Quanti alieni riesci a distruggere con solo 1000 di JavaScript? "Defender" di Keith Clark è il vincitore del concorso JS1K di quest'anno. I concorrenti hanno l'incarico di creare un'esperienza avvincente utilizzando solo 1024 byte di codice JavaScript. Il secondo classificato di quest'anno è una giostra in monorotaia misteriosa e una montagna russa impossibile.
http://js1k.com/2015-hypetrain/demo/2306
http://js1k.com/2015-hypetrain/demo/2322
http://js1k.com/2015-hypetrain/demo/2364
GENERATORI IN IE/SPARTAN
I callback potrebbero essere passati perché il team di IE ha annunciato che i generatori sono in fase di sviluppo. Parte di ES6, i generatori sono funzioni speciali che possono essere messe in pausa e riprese in un secondo momento e consentono di scrivere codice asincrono in modo sincrono. I generatori sono già disponibili in Chrome e Firefox e sono attualmente in fase di sviluppo in 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 di Jason
http://codepen.io/loktar00/full/DphFg/
giorno 18/100 fase anelli da sei lati
http://codepen.io/sixsided/full/qEeEYm/
La distribuzione gaussiana con la fisica di Frank Dumont
http://codepen.io/fdumont/full/CvdDI/
Unifica come PARTS OF MATTER di Abhijit Hota
http://codepen.io/XDBoy018/full/JodWKN/
Facci sapere la tua opinione su Twitter #LazyWebShow