Push-Benachrichtigungen für das Web

In der Folge dieser Woche

Chrome 42 landet mit Push-Benachrichtigungen, Jacob Kaplan-Moss klärt Mythen über Programmierer auf, protokollbezogene URLs sind jetzt Anti-Patterns, das Logo für Mobilgeräte auf Google, Git-Tipps mit First-Aid-Git und Optimierung Ihrer App mit RAIL.

CHROME 42 IST HIER

Chrome 42 wird diese Woche auf die stabile Version umgestellt und bringt eine Reihe neuer Funktionen mit sich. Mit Push-Benachrichtigungen können Nutzer rechtzeitige Updates aktivieren, Banner installieren, die Nutzer auffordern, Seiten auf ihrem Startbildschirm zu speichern, Berechtigungen geben Ihnen Aufschluss darüber, ob Sie eine API verwenden können, und Abruf als Ersatz für XHR und sogar Unterstützung für ES6-Klassen.

https://twitter.com/ChromiumDev/status/590169593110335488

http://updates.html5rocks.com/2015/03/push-notifications-on-the-open-web

http://updates.html5rocks.com/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android

http://updates.html5rocks.com/2015/04/permissions-api-for-the-web

http://updates.html5rocks.com/2015/03/introduction-to-fetch

MYTHOS-BUSTER

Jacob Kaplan-Moss-Keynote vom diesjährigen PyCon beschäftigt sich mit dem Widerspruch, dass Entwicklerinnen und Entwickler entweder 10-mal schlechte Erfahrungen machen oder einfach furchtbar sind. Wenn wir diese Annahmen entfernen, können wir Probleme wie das Hochstapler-Syndrom besser angehen und potenziell giftige Arbeitsumgebungen verbessern.

https://www.youtube.com/watch?t=772&v=hIJdFxYlEKE

TUN ALLES mit TLS

Protokollbezogene URLs sind jetzt ein Anti-Muster. In dieser Woche wurde von Paul Irish getwittert, dass die Praxis, bei einer URL das Protokoll wegzulassen, abgeraten wird, da dies zu Man-on-the-Side-Angriffen führen kann, ähnlich wie bei dem auf GitHub. Wir empfehlen, Assets immer über HTTPS anzufordern, wenn sie für SSL verfügbar sind.

https://twitter.com/paul_irish/status/588502455530311680

https://www.paulirish.com/2010/the-protocol-relative-url/

http://www.netresec.com/?page=Blog&month=2015-03&post=China%27s-Man-on-the-Side-Attack-on-GitHub

EMPFOHLEN FÜR MOBILGERÄTE?

Überprüfen Sie, ob Ihre Website für Mobilgeräte optimiert ist. Ein aktueller Artikel im Google Webmasters-Blog zeigt, dass die Google-Suche ab sofort Labels neben Websites hinzufügt, die als für Mobilgeräte optimiert betrachtet werden. Unter anderem wird sichergestellt, dass Nutzer nicht zoomen müssen, um die Seite lesen zu können, und dass der Abstand zwischen den Links groß genug ist. Mit dem Test auf Optimierung für Mobilgeräte können Sie sicherstellen, dass Ihre Website den Anforderungen entspricht. Und mach dich mit den Web Fundamentals vertraut.

http://googlewebmastercentral.blogspot.com/2014/11/helping-users-find-mobile-friendly-pages.html

https://search.google.com/test/mobile-friendly

BIS ZU GESCHWINDIGKEIT

Git zu lernen kann schwierig sein. Ein Blick auf StackOverflow zeigt über 53.000 Git-bezogene Fragen, aber Hilfe ist schon in Arbeit. First-Aid-Git ist ein durchsuchbarer Index der am häufigsten gestellten Git-Fragen. Möchten Sie wissen, wie Sie eine Änderung rückgängig machen können, die Sie gerade auf den Hauptzweig übertragen haben? Hier finden Sie die Antwort und weitere Informationen. Sie können aber auch eine Pull-Anfrage senden, um sie dem Index hinzuzufügen.

http://ricardofilipe.com/projects/firstaidgit/#/

RAIL-OPTIMIERUNG

60 Bilder pro Sekunde sind das Ziel für eine flüssige Nutzererfahrung. Paul Lewis und Cameron Pittman zeigen Ihnen in diesem kostenlosen sechsteiligen Udacity-Kurs, wie Sie die vier Hauptbereiche Ihrer App (Reaktion, Animate, Idle, RAIL) optimieren können. Vernichten Sie Eindringlinge mit Verzögerung und lernen Sie die Entwicklertools kennen, während Sie gleichzeitig die Geheimnisse einer schnelleren Web-App kennenlernen.

https://www.udacity.com/course/browser-rendering-optimization--ud860

Bildschirmschoner mit JavaScript von Yash Bhardwaj

http://codepen.io/yashbhardwaj/full/hHgtE/

Chaos inmitten von Tüll von Bailh

http://codepen.io/cathbailh/full/KpPjPg/

CSS Animation 101 – Hero-Image von Donovan Hutchinson

http://codepen.io/donovanh/full/EjYeLa/

Linjer von Hakim El Hattab

http://codepen.io/hakimel/full/zwxba/

Teilen Sie uns Ihre Meinung auf Twitter mit. #LazyWebShow

Weitere Neuigkeiten im Web findest du hier: JavaScript Weekly: http://javascriptweekly.com/ Open Web Platform Daily: http://webplatformdaily.org/ HTML5 Weekly: http://html5weekly.com/

Abonniere den Google Developers-Kanal unter: https://goo.gl/mQyv5L