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.
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.
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.
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