Eine Mission, das Universum mit JavaScript zu retten

In der Folge dieser Woche

Service Worker starten Firefox Nightly, tägliche DevTools-Tipps in deinem Posteingang, Fehlerbehebung in IE in Chrome, Verwendung von Flexbox für RWD, Rette das Universum mit 1.000 JavaScript und Generatoren für IE und Spartan sind in Arbeit.

TÄGLICHE ENTWICKLERTOOLS

Mit diesen nützlichen Tipps, die täglich an deine E-Mail-Adresse gesendet werden, kannst du deine Arbeitsabläufe beschleunigen. Umar Hansa zeigt jeden Tag einen DevTools-Tipp im animierten GIF-Format. Beispiele hierfür sind das Springen zu einer Zeilennummer im Quellenbereich und die Wiederholung von Netzwerkanfragen in cURL.

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

DEBUGGING IE IN CHROME

Was wäre, wenn Sie Fehler im Internet Explorer in Chrome beheben könnten? Der kürzlich vom IE-Team als Open Source zur Verfügung gestellte IE-Diagnose-Adapter ist eine Brücke, über die Internet Explorer mit dem Remote-Debugging-Protokoll von Chrome kommunizieren kann. Obwohl sich das Projekt noch in der Testphase befindet, können Sie bereits eine grundlegende Fehlerbehebung für Skripts durchführen. Das Team plant, es in naher Zukunft auf Spartan zu übertragen.

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

SERVICEMITARBEITER

Das Erstellen von Offline-Erlebnissen könnte einfacher werden, da Servicemitarbeiter zu Firefox Nightly kommen. Basierend auf einer W3C-Spezifikation bieten Service Worker Entwicklern mehr Kontrolle über eine Seite, sodass sie Netzwerkanfragen umleiten, Ressourcen aus dem Cache bereitstellen und sogar Push-Benachrichtigungen senden können. Servicemitarbeiter arbeiten bereits an der Einführung von Chrome und das Team von Firefox schätzt, dass sie wahrscheinlich Version 41 verwenden werden.

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 FÜR RWD

Optimieren Sie Ihre Website mit Flexbox, um Ihre responsiven Layouts zu verbessern. Entwicklerin Zoe Gillenwater erklärt, wie die Flexbox als Progressive Enhancement auf Websites eingesetzt werden kann, die ältere Browser unterstützen müssen. Die umfassenden Folien können auch als Spickzettel verwendet werden, um dich an die unzähligen Flexbox-Eigenschaften zu erinnern.

https://vimeo.com/124796320

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

JS1K-WETTBEWERB

Wie viele Außerirdische kannst du mit nur 1.000 JavaScript-Code in die Luft jagen? „Defender“ von Keith Clark ist der Gewinner des diesjährigen JS1K-Wettbewerbs. Die Teilnehmer sollen mit nicht mehr als 1.024 Byte JavaScript ein überzeugendes Erlebnis schaffen. Auf dem diesjährigen Läufer stehen eine Mystery-Monorail-Fahrt und eine unmögliche Achterbahn zur Verfügung.

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

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

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

GENERATOREN IN IE/SPARTAN

Rückrufe gehören möglicherweise der Vergangenheit an, da das IE-Team angekündigt hat, dass sich Generatoren in der Entwicklung befinden. Generatoren gehören zu ES6 und sind spezielle Funktionen, die pausiert und zu einem späteren Zeitpunkt fortgesetzt werden können. Sie ermöglichen es Ihnen, asynchronen Code synchron zu schreiben. Generatoren werden bereits in Chrome und Firefox bereitgestellt und befinden sich derzeit in der Entwicklung für 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 von Jason

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

18/100-Phasen rund um sechsseitig

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

Gaußsche Verteilung mit Physik von Frank Dumont

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

Vereinigungen wie PARTICLES OF MATTER von Abhijit Hota

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

Teilen Sie uns Ihre Meinung auf Twitter mit. #LazyWebShow