Misja ratowania wszechświata dzięki JavaScriptowi

W odcinku tego tygodnia

Pracownicy service worker korzystają z Firefox Nightly, a w Twojej skrzynce odbiorczej pojawiają się wskazówki dotyczące Narzędzi deweloperskich, debugują IE w Chrome, używasz Flexbox do RWD, ratujesz wszechświat dzięki 1000 kodu JavaScriptu, a generatory działają w IE i Spartan.

ODCH.STANDARDOWE DZIENNIE

Przyspiesz pracę dzięki tym przydatnym wskazówkom przesyłanym codziennie do Twojej skrzynki odbiorczej. Umar Hansa prezentuje jedną wskazówkę związaną z Narzędziami deweloperskimi dziennie w animowanym formacie GIF. Może to być na przykład przejście do wiersza w panelu Źródła i ponowne odtworzenie żądań sieciowych w cURL.

https://www.google.com/url?q=https%3A%2F%2Fumaar.com%2Fdev-tips%2F&sa=D&sntz=1&usg=AFQjCNGgWKnyERWpWflwl-7sk6qV4gngmg

DEBUGUJ IE W Chrome

A gdyby można było debugować Internet Explorera w Chrome? IE Diagnostyka Adapter został niedawno udostępniony przez zespół IE jako oprogramowanie open source, które umożliwia Internet Explorerowi komunikację z protokołem zdalnego debugowania Chrome. Chociaż projekt jest nadal w fazie eksperymentu, umożliwia on proste debugowanie skryptów, a zespół planuje w najbliższej przyszłości przenieść go do Spartan.

http://blogs.msdn.com/b/ie/archive/2015/04/02/introducing-the-ie-diagnostics-adapter-for-third-party-developer-tools.aspx

PRACOWNIKI

Praca w trybie offline może być teraz łatwiejsza, ponieważ mechanizmy Service Worker korzystają z Firefoksa Nightly. Dzięki specyfikacji W3C mechanizmy Service Worker zapewniają programistom większą kontrolę nad stroną, umożliwiając przekierowywanie żądań sieciowych, udostępnianie zasobów z pamięci podręcznej, a nawet wysyłanie powiadomień push. Pracownicy obsługi klienta wysyłają już wiadomości do Chrome, ale zespół Firefoksa szacuje, że mogą trafić na wersję 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 DO RWD

Ulepsz swoją witrynę za pomocą Flexbox, aby ulepszyć układy elastyczne. Programista Zoe Gillenwater wyjaśnia, w jaki sposób Flexbox może służyć jako stopniowy rozwój witryn, które muszą obsługiwać starsze przeglądarki. Kompleksowe slajdy mogą posłużyć jako ściągawka, która pomoże Ci zapamiętać niezliczone właściwości Flexbox.

https://vimeo.com/124796320

http://www.slideshare.net/zomigi/enhancing-responsiveness-with-flexbox-smashing-conference

KONKURSY JS1K

Ilu kosmitów jesteś w stanie pokonać zaledwie 1 tys. JavaScriptu? Utwór „Defender” Keitha Clarka został zwycięzcą tegorocznego konkursu JS1K. Zadaniem uczestników jest zapewnienie użytkownikom atrakcyjnych wrażeń przy użyciu 1024 bajtów kodu JavaScriptu. W tym roku zdobywamy 2 miejsca, w tym przejazd tajemnicą kolejką górską i wjazd kolejką górską.

http://js1k.com/2015-hypetrain/demo/2306

http://js1k.com/2015-hypetrain/demo/2322

http://js1k.com/2015-hypetrain/demo/2364

GENERATORY W IE/SPARTANIE

Wywołania zwrotne mogą już być przeszłość, ponieważ zespół IE ogłosił, że generatory wciąż są w fazie rozwoju. W wersji ES6 generatory to specjalne funkcje, które można wstrzymywać i wznawiać w późniejszym czasie, co pozwala na synchroniczne pisanie kodu asynchronicznego. Generatory są już dostępne w Chrome i Firefoksie, a obecnie rozwijają się w 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

Szkicownik 3D autorstwa Jasona

http://codepen.io/loktar00/full/DphFg/

dni fazy 18/100 są 6-stronne

http://codepen.io/sixsided/full/qEeEYm/

Rozkład Gaussa z fizyką, Frank Dumont

http://codepen.io/fdumont/full/CvdDI/

Połącz coś jak PARTICLES OF MATTER autorstwa Abhijit Hota

http://codepen.io/XDBoy018/full/JodWKN/

Podziel się z nami swoją opinią na Twitterze #LazyWebShow