Heute werden 53% aller E-Mails auf einem Mobilgerät geöffnet. Da mehr als die Hälfte der Menschen ihre E-Mails auf Mobilgeräten abruft, wäre es verrückt, keine Plattform mit reaktionsschnellem E-Mail-Design zu haben. Schließlich werden 70% der Benutzer eine E-Mail löschen, wenn sie nicht ordnungsgemäß angezeigt wird. Mit dieser auslöserfreudigen Benutzergewohnheit ist klar, dass reaktionsfähige E-Mails gefragt sind. Ein Unternehmen hat sich zum Ziel gesetzt, dieser Nachfrage gerecht zu werden.

ZURB hat seine ursprüngliche Grundlage für E-Mails, die ursprünglich Ink genannt wurde, verbessert Grundlage für E-Mails 2.0 .

In Entwicklung seit letztem Jahr , 2.0 konzentriert sich auf schnellere Layouts, Farben und Stile, alle Faktoren, die Daten zeigen, die Benutzer wollen. E-Mail-Design wird effizienter gestaltet, damit sich Unternehmen auf das konzentrieren können, was für sie am wichtigsten ist: das nächste, großartige Produkt oder Service zu entwickeln.

Neue Eigenschaften

Kommen wir gleich dazu - all die neuen Funktionen, die 2.0 für Designer, Entwickler und letztendlich Endnutzer besser machen. Hier ist, was Sie bekommen:

Völlig flexibles Raster: Dies gilt auch für kleine Bildschirme, was eine große Sache ist. Erstellen Sie eine beliebige Anzahl von Spalten und arbeiten Sie immer noch mit einem vollständig flexiblen, kleinen Raster.

Mit Sass gebaut: Designer haben alle Vorteile, die mit Sass zur Verfügung stehen, einschließlich Mixins, Variablen und Partials.

Inky, die neue Vorlagensprache: Mit Inky gehört das Durchsieben hunderter lästiger Table-Tags der Vergangenheit an. Jetzt können Sie Tags wie "columns" und "row" schreiben, um die notwendigen sechs Tabellen-Tags zu erhalten, um das Skelett Ihrer E-Mail zusammen zu bringen.

Hilfreiche UI-Komponente: Die gleichen Komponenten, die in der Foundation für Sites von ZURB verwendet werden, wurden für Foundation for E-Mails wiederverwendet. Infolgedessen können Designer Flexibilität genießen, ohne einer so steilen Lernkurve unterworfen zu sein. Hier sind die enthaltenen Komponenten:

  • Reihe
  • Säulen
  • Callouts
  • Inline-Listen
  • Vertikale Listen
  • Gitter blockieren
  • Vorschaubilder

Inline alle Stile: eine nützliche Gulp-Aufgabe wird alle Ihre CSS für Sie, alle von einem Remote-Stylesheet inline.

Lenker: Lenker-Vorlagen halten Sie auf dem richtigen Weg, damit Sie sich nicht wiederholen. Ihre Kopf- und Fußzeile können unverändert bleiben, sodass Sie den gewünschten Inhalt ändern können.

10 Vorlagen: Diese neuen, reaktionsschnellen Vorlagen sind so umfassend, dass sie alle Ihre Marketing-, Newsletter- und Tropf-Kampagnen abdecken, ganz zu schweigen von Ihren transaktionalen E-Mail-Anforderungen.

Designer- und benutzerfreundlich

Die Einführung von 2.0 ist intuitiv und reibungslos, da viele Teile von Foundation for Sites auch in 2.0 enthalten sind. Wie Geoff Kimball, Foundation Lead, sagt:

Foundation for Emails 2 entlehnt viele Komponenten, Best Practices und Workflows von Foundation for Sites. Neue HTML-E-Mail-Entwickler werden sich sofort wie zu Hause fühlen.

So müssen Designer und Entwickler keine Zeit damit verschwenden, ein ganz neues Biest von Grund auf neu zu lernen und zu lernen. Und das sind gute Neuigkeiten für Designer, die reaktionsschnelle E-Mails für ihre Unternehmen und Kunden erstellen möchten.