Responsive Email Workshop
E-Mail Design und Development ist anstrengend aber keine Hexerei. Lernen Sie jetzt wie man Responsive Layouts erstellt, um die Gerät-optimierte-Version zu zeigen - egal auf Handys oder auf Desktops.
Nächste Termine
Jetzt 20% sparen. Nur 5 Plätze pro Termin.
Ausverkauft - Möchten Sie über neue Workshops benachrichtigt werden? Hier anmelden →
Zielgruppe
Dieser Workshop ist für Web Entwickler, die auch E-Mails programmieren wollen. Sie beherrschen bereits HTML und CSS. Aber Sie kämpfen mit E-Mail weil es so anders ist.
Was lerne ich?
Grundwissen E-Mail HTML/CSS
und der Unterschied zum Web.
In der Praxis
Die häufigste Herausforderungen und Lösungen zur E-Mail HTML.
Design Tricks und Ausgleiche
die Programmierung vereinfachen und Zeit sparen.
Einfachere Layout Umwandlungen
für mobilen Geräten, sowohl für Apple iOS als auch für Android.
Nehmen Sie teil und nach einem Tag werden Sie einfachere Responsive E-Mails erstellen können, die auf alle Geräten gut aussehen. Ihre Kunden und Benutzer werden sich bei Ihnen bedanken!
Auch auf Android sollen Ihre E-Mails gut aussehen
Programm
I. Grundwissen
- Wie erstellt man Layouts mit Tabellen?
- Wie baut man umwandlungsfähige Layouts ohne
<div>
s undfloat
s? - Warum muss man CSS inline programmieren?
- Welche Web Technologien kann man einwandfrei verwenden? Welche nicht?
II. Praxis Tipps
-
Links
Worauf muss man achten? Wie kriegt man die blaue automatisierte Links weg? -
Buttons
Große klickbare/touch-optimierte Fläche, egal welche Inhalt -
Text
Überschriften, Fließtext und Zeilenabstände -
Bilder
Größe, Zentrierung, und Optimierungen für HD Geräte
III. Fluid Layouts
- Wie strukturiert man Wrapper-Tabellen, einzelne? Oder geschachtelt?
- Wie erstellt man Layout Umwandlungen mit CSS Media Queries?
- Was ändert Gmail in unserem Code?
- Wie schafft man Layout Umwandlungen ohne Media Queries?
IV. Workflow
- Workflow Optimierung Tipps: HTML schreiben, Bilder hochladen, CSS einbetten, Tests schicken.
- Einführung zu Testing mit Litmus.com. 30+ E-Mail Clients auf einer Webseite testen - Zeit sparen!
- Checkliste fürs Schicken. Oft gehen bulletproof E-Mails durch die Email Service Provider (ESP) beim Senden kaputt. Worauf muss man achten wenn man ein ESP auswählt oder bei der eigenen Infrastruktur?
IV. Responsive Layouts
Responsive Layouts sind sehr heikel. Wir beenden das Workshop mit ein zahmes zweispaltiges Layout, das wir zusammen programmieren.
Logistik
Einstiegspreis: 399 EUR statt 499 zzgl. 19% MwSt.
- 1 Tag, 10:00-17:00 Uhr
- Zentrale Location in München: Karlstr. 19 (zwischen Königsplatz und Karlsplatz Stachus)
- Kleine Gruppen (Max. 5 Personen)
- inkl. WLAN
- inkl. Lunch
- inkl. Tee, Kaffee, Getränke, und Gummibärchen
- Zugang zu der Unterlagen vom Workshop
- Interaktives Workshop mit Live Coding und Übungen zum selbst Programmieren. Einen Laptop müssen Sie selber mitbringen!
Greifen Sie zu! Der Einstiegspreis ist ein befristestes Angebot. Kleine Gruppen bedeuteten mehr individueller Betreuung der Teilnehmer.
Die Trainerin

Julie Ng ist Entwicklerin und Responsive Email Consultant. Eine Wählmünchnerin aus den USA, sie ist erkannte Expertin im Bereich Responsive Email Entwicklung. Sie veröffentlicht Tutorials auf ihrem Blog und hält Vorträge übers Thema Responsive E-Mails, zuletzt beim RubySauna in Helsinki, REFRESH in Tallinn, und Frontend Conference in Zürich. Mehr →
GRATIS - Tools von der Autorin

E-Mail Layout Calculator
Dieses Tool übernimmt die Mathe und das Programmierung für Sie. Es rechnet die Pixel-Breiten Ihrer Spalten und es generiert das HTML Gerüst dazu.

Antwort Open Source Template
Mit über 2.800 Sternen auf GitHub, Antwort ist eins der bekanntesten Open-Source Email Projekten.
Nächste Termine
Jetzt 20% sparen. Nur 5 Plätze pro Termin.
Ausverkauft - Möchten Sie über neue Workshops benachrichtigt werden? Hier anmelden →