Dies ist nicht die übliche Notifications API, sondern eher wie Telefonbenachrichtigungen, bei denen Sie die App nicht einmal (offen haben || auf der Website sein) müssen, damit sie funktioniert. Nutzt die schicken neuen Service Workers.

Es erfordert eine Opt-in, ist also nur so spammig, wie Sie es zulassen. Ich kann mir ziemlich nützliche Dinge vorstellen: „Ihr Bus hat Verspätung“, „Sie haben ein neues Match“, „Ihre Website reagiert nicht“... Dinge, die Sie schneller wissen möchten als per E-Mail.

Lea Verou’s Erkundungen zur Erstellung von Tortendiagrammen. Besonders faszinierend ist ihr Vorschlag, konische Farbverläufe zu verwenden. Konische Farbverläufe sind spezifiziert, aber noch nicht in Browsern unterstützt. Glücklicherweise hat sie ein Polyfill erstellt. Tortendiagramme sind ein hervorragendes Beispiel dafür, warum konische Farbverläufe so cool sind. Schauen Sie sich das Tag auf CodePen an.

Peter-Paul Koch entfacht einige der heißesten Dramen dieses Monats. Einige Antworten sind:

• Jake Archibald: Wenn wir stillstehen, gehen wir rückwärts
• Bruce Lawson: Über PPKs Moratorium für neue Browserfunktionen
• Nicolas Bevacqua: Die Webplattform vorantreiben

Typekit hat damit begonnen, eine neue Funktion namens Dynamic Subsetting einzuführen, die die Größe jeder über das Netzwerk gesendeten Schriftdatei erheblich reduziert. Dieser Beitrag von Tom Newton beschreibt die aktuelle Lösung dafür für lateinische Schriften. Der Prozess ist im Moment etwas hakelig, aber ich bin sicher, sie werden diese Funktion in Zukunft ordnungsgemäß auf andere Sprachen ausdehnen.

Lara Hogan hat gerade ihr ausgezeichnetes Buch Designing for Performance kostenlos online veröffentlicht. Sie wirft einen genauen Blick darauf, was eine Website langsam macht und wie sich diese Erfahrung auf Design- und Geschäftsziele auswirkt.

Seitengeschwindigkeit ist für Websites zunehmend wichtig. Wenn Sie nach einem Benchmark für die Ladezeit einer Seite für Ihre Website suchen, dann ist es dieser: Benutzer erwarten, dass Seiten in zwei Sekunden geladen werden, und nach drei Sekunden werden bis zu 40 % der Benutzer Ihre Website verlassen. Darüber hinaus erwarten 85 % der Mobilnutzer, dass Websites mindestens genauso schnell oder schneller laden als Websites auf ihrem Desktop. Wenn Sie eine Website entwerfen und erstellen oder Ihre bestehende Website überprüfen, wie schneiden Sie im Vergleich zu diesen Erwartungen ab?

Lara spendet auch alle Einnahmen aus dem Buch an ausgezeichnete Wohltätigkeitsorganisationen. Wenn Sie also die Möglichkeit haben, kaufen Sie es.

Mit :nth-child (und Freunden) können Sie Selektoren schreiben, die Elemente ansprechen, wenn sie eine bestimmte Anzahl von Geschwistern haben. So können Sie CSS schreiben, das beispielsweise Widgets mit einer Breite von 33,33 % stylt, wenn genau 3 davon vorhanden sind.

Die Selektoren sind jedoch etwas kompliziert, daher ist dieses Tool von Drew Minns ziemlich hilfreich.

Und vielleicht kontrovers, ein PostCSS-Plugin für dasselbe.

Frontend Masters ist bekannt für einige der qualitativ hochwertigsten Videotrainingkurse der Branche. Ihre Lehrer sind Experten auf ihrem Gebiet – wie der Erfinder von AngularJS, mehrere Mitglieder des jQuery-Teams und der Gründer von JSON.

Holen Sie sich jetzt Ihren persönlichen Video-Crashkurs für eine ganze Woche. Alle beinhalten:

• 5 volle Tage intensiven Unterricht von Experten, die diese Fähigkeiten täglich anwenden
• Arbeitsblätter, Übungen und Herausforderungen, um Ihr Wissen zu testen
• Detaillierte, umsetzbare Lektionen, die Sie sofort anwenden können

Erhalten Sie eine Woche lang kostenloses Training von den Meistern, beginnend heute.

Eine neue Serie von Beiträgen von Tim Kadlec über Proxy-Browser und warum manche Leute sie brauchen.

Ich würde sagen, dass die meisten Entwickler und Designer keine großen Fans von Proxy-Browsern sind – vorausgesetzt, sie achten überhaupt auf sie. Sie verhalten sich nicht wie ein typischer Browser, was zu Frustration führt, wenn wir sehen, wie unsere sorgfältig erstellten Websites scheinbar ohne Grund auseinanderfallen. Und ehrlich gesagt brauchen die meisten von uns sie im täglichen Gebrauch nicht wirklich. Aus der Perspektive, durch die wir das Web sehen, sind Proxy-Browser lediglich lästige Relikte einer Zeit, bevor die Idee eines „Smartphones“ etwas anderes als ein luftschloss war.

Aber unsere Sicht auf das Web ist nicht die einzige Sicht auf das Web. Menschen auf der ganzen Welt stehen vor Herausforderungen beim Online-Zugang – alles von den Kosten für Daten und schlechter Konnektivität bis hin zu religiösen und politischen Hindernissen. In diesen Umgebungen sind Proxy-Browser weit davon entfernt, lästig zu sein; sie sind essenziell.

Aus der Kategorie „Ich wusste kaum, dass das eine Sache ist und man kann damit schon in Browsern herumspielen“

Bewegungspfade ermöglichen es Autoren, jedes grafische Objekt entlang eines vom Autor definierten Pfades zu animieren.

Ich vermute, Chrome hat das übernommen, weil es etwas ist, das sonst nur in SMIL möglich war, das sie aufgeben. Ich glaube, dies ist das erste Mal, dass die vollständige Pfadsyntax in CSS Einzug hält? (z. B. motion-path: path('M100,250 C 100,50 400,50 400,250');).

Es gibt einige Demos auf CodePen.

Ein lustiges Stück #hotdrama rund um die mobile Web-Performance.

Anscheinend kann man der Meinung sein, dass langsame, schlecht funktionierende Websites die Schuld der Browser sind und nicht die Tatsache, dass die Websites mit Müll-Assets vollgestopft sind.