de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Responsive E-Mails schnell mit MJML Framework erstellen

Entwerfen und Kodieren eines Newsletters ist zeitaufwendig. Sie können viele Design-Tipps finden, aber die Codierung Ihres Newsletters in eine Vorlage ist der schwierigste Teil.

Hier kommt das MJML-Framework ins Spiel. Es ist eines der besten kostenlosen E-Mail-Frameworks und kompiliert zu reinem HTML / CSS, das für alle E-Mail-Clients funktioniert .

Eine der frustrierendsten Sachen beim Schreiben eines Newsletters ist, dass es über alle Plattformen hinweg funktioniert . Dies gilt für Responsive Design, das auch für mobile und Desktop-Clients funktionieren muss.

Zum Glück, mit dem MJML-Framework erhalten Sie eine einfache Abstraktion von HTML, so dass Sie nicht jede einzelne Zeile von Hand codieren. Sie haben einen Anfängerleitfaden, der für jeden, der neu in der E-Mail-Entwicklung ist, großartig ist.

Sie verwenden benutzerdefinierte Elemente wie um Spalten und Zeilen für Ihre Vorlage zu erstellen . Sie können schnell Text, Schaltflächen und Abstände entsprechend Ihren Anforderungen hinzufügen. Das MJML-Framework transpiliert Ihren Code aus dem MJML-Markup in standardkonforme HTML & CSS .

Von dort aus können Sie Ihren Newsletter testen, um zu sehen, wie er in verschiedenen Kunden aussieht. Basierend auf den Kompatibilitätstabellen würde ich sagen, dass MJML eine fantastische Wahl für alle modernen E-Mails ist.

Beachten Sie, dass Sie etwas über Frontend-Entwicklung wissen müssen, um MJML richtig zu verwenden. Es führt seine eigene proprietäre Template-Sprache und konvertiert diese in HTML, aber Sie sollten auch verstehen, was Ihr Code tut.

Um mehr darüber zu erfahren, wie dieses Tool funktioniert, besuchen Sie die FAQ-Seite oder durchsuchen Sie das offizielle GitHub-Repository (ja, das ist Open Source!)

Oder Sie können den Live-Browser-Editor verwenden, um mit MJML-Code herumzuspielen, ohne etwas herunterzuladen.

Dieser Live-Editor arbeitet als Transpiler im Browser, so dass Sie Ihren Code tatsächlich in eine Newsletter-Vorlage umwandeln können .

Sobald Sie etwas MJML geschrieben haben, klicken Sie einfach über dem Vorschaubereich auf den Link "HTML anzeigen " . Dadurch wird der gesamte HTML-Code angezeigt, sodass Sie ihn kopieren und einfügen und für Ihre eigene Vorlage verwenden können.

Jeder, der neu ist, um Newsletter per E-Mail zu versenden, sollte mit einem Framework beginnen. Es gibt keinen guten Grund, alles von Hand zu programmieren, daher ist MJML eine große Zeitersparnis.

Um zu beginnen, besuchen Sie die Online-Dokumente oder versuchen Sie sogar, eine ihrer Vorlagen im Live-Editor zu bearbeiten. Mit nur wenigen Stunden Arbeit können Sie den endgültigen E-Mail-Newsletter codieren und fertig machen .

20 kostenlose SEO Ebooks zur Verbesserung Ihrer Website

20 kostenlose SEO Ebooks zur Verbesserung Ihrer Website

Der Bereich der Suchmaschinenoptimierung (SEO) verändert sich sehr schnell . Die Ära der jährlichen Algorithmusaktualisierungen ist ziemlich beendet. Heutzutage schlagen Google- Algorithmen auf monatlicher oder sogar wöchentlicher Basis zu und ohne dass es zu einer Warnung kommt, was zu dramatischen Änderungen beim Ranking und der Änderung der SEO-Praktiken führt .Mit so

(Tech- und Design-Tipps)

Photo Manipulation Tutorial: 75 Schritte, um ein Auto zu fliegen

Photo Manipulation Tutorial: 75 Schritte, um ein Auto zu fliegen

In diesem Tutorial verwenden wir Adobe Photoshop, um eine abstrakte "Flying Car Illustation" zu erstellen. Dies werden wir mit diesem Photoshop-Tutorial erstellen.Wir beginnen mit einer Auswahlübung mit dem alten Auto, dann fügen wir fliegende Felsen mit Turm und Drähten hinzu. Dann fügen wir drei Vögel hinzu, darunter einen, der sich in der Mitte befindet. Wir

(Tech- und Design-Tipps)