====== E-Mail programmieren mit Foundation und Inky ====== Man muss node/npm installiert haben und dann ein paar weitere Sachen noch nach installieren. - [[https://nodejs.org/en/download/|NodeJS mit NPM]] - Damit man Foundation nutzen kann - [[https://git-scm.com/download/mac|Git Binary Package]] - man braucht Git das die Vorlagen gezogen werden können - im Terminal: ''$ sudo npm install --global foundation-cli'' - Das ist das Foundation Framework - im Terminal: ''$ sudo npm install inky --save-dev'' - Inky Template Enginge/Compiler Damit ist alles installiert was man braucht. **Weitere Links** * [[https://webdesign.tutsplus.com/tutorials/your-first-responsive-email-build-with-foundation-for-emails--cms-26349|tutsplus.com Tutorial]] - Schneller Einstieg * [[https://get.foundation/emails/docs/inky.html|Inky & Foundation Doku]] - All die Befehle und Hinweise die gehen ===== Projekt erstellen ===== Erstelle irgendwo einen Projekt-Folder in dem du eine E-Mail Projekte speichern willst. Wechsle im Terminal in das folder, z.b. ''$ cd dein/pfad/zu/emails'' Dort im Folder erstellt man ein neues Foundation Projekt mit: ''$ foundation new --framework emails'' Du musst einen Projektnamen angeben. Damit wird ein neuer Ordner mit dem Projektnamen erstellt, wo alle E-Mail Vorlagen drin sind. ===== Projekt Bearbeiten ===== Wenn du im Terminal im Projekt-Folder bist, dann starte den Node.js Server mit: ''$ foundation watch'' Es öffnet sich ein Browser-Fenster. Dort wird zu erst die ''index.html'' aus dem ''projekt/dist/...'' folder angezeigt. Bearbeiten tut man die HTML Dateien in: ''projekt/src/pages/...'' Wenn eine Datei bearbeitet/gespeichert wird, wird automatisch die Ansicht im Browser aktualisiert. ===== Projekt Fertig stellen ===== Ist die E-Mail fertig, mit ''Control + C'' den Node-Server beenden im Terminal und dann dort ''$ npm run build'' eintippen. Dann wird die komplette E-Mail als finales HTML in den ''projekt/dist/...''-Folder gerendert. Mit Inline-Styles und allem!