I dag åbnes 53 % af alle e-mails på en mobil enhed. Når mere end halvdelen af alle tjekker deres e-mails på mobilen, ville det være skørt ikke at have en platform med responsivt e-mail design. Hele 70 % af brugerne sletter nemlig en e-mail, hvis den ikke vises korrekt. Med denne “trigger-happy”-brugeradfærd er det tydeligt, at der er en stor efterspørgsel på responsive e-mails. Én virksomhed har gjort det til deres mål at imødekomme denne efterspørgsel.

ZURB har forbedret deres originale Foundation for Emails, oprindeligt kaldet Ink, og lanceret Foundation for Emails 2.0.

Udviklingen har stået på siden sidste år, og version 2.0 fokuserer på hurtigere layouts, farver og stilarter – alt sammen faktorer, som data viser, at brugerne efterspørger. E-mail design bliver dermed mere effektivt, så virksomheder kan koncentrere sig om det, der betyder mest for dem: at bygge deres næste store produkt eller service.

Nye funktioner

Lad os gå direkte til sagen – alle de nye funktioner, der gør 2.0 bedre for designere, udviklere og i sidste ende slutbrugere. Her er, hvad du får:

• Fleksibelt grid: Gælder selv for små skærme, hvilket er en stor fordel. Du kan oprette et vilkårligt antal kolonner og stadig arbejde med et fleksibelt grid.

• Bygget med Sass: Designere får alle fordelene ved Sass, inklusive mixins, variabler og partials.

• Inky – det nye templating-sprog: Med Inky er det fortid at kæmpe med hundredvis af irriterende table-tags. Nu kan du skrive simple tags som “columns” og “row” for automatisk at generere de seks nødvendige table-tags, der danner skelettet i din e-mail.

• UI-komponenter: De samme komponenter fra Foundation for Sites er genbrugt i Foundation for Emails. Dermed kan designere arbejde fleksibelt uden at møde en stejl indlæringskurve. Komponenterne inkluderer:

  • Row

  • Columns

  • Callouts

  • Inline-lister

  • Vertikale lister

  • Block grid

  • Thumbnails

• Inline styles: En praktisk Gulp-task inliner automatisk al din CSS direkte fra et eksternt stylesheet.

• Handlebars: Handlebars-templates hjælper dig med at undgå gentagelser. Din header og footer kan bevares, mens du nemt ændrer på det indhold, du vil opdatere.

• 10 templates: Nye responsive skabeloner, der dækker alle dine behov – fra marketing og nyhedsbreve til drip-kampagner og transaktionsmails.

Designer- og brugervenligt

Det er intuitivt og nemt at komme i gang med version 2.0, fordi mange af elementerne fra Foundation for Sites også er med her. Som Geoff Kimball, Foundation Lead, udtrykker det:

“Foundation for Emails 2 låner mange komponenter, best practices og workflows fra Foundation for Sites. Foundation-udviklere, der er nye i HTML e-mails, vil føle sig hjemme med det samme.”

Resultatet er, at designere og udviklere ikke behøver spilde tid på at lære et helt nyt system fra bunden. Og det er gode nyheder for alle, der ønsker at få responsive e-mails til at fungere effektivt – både for virksomheder og deres kunder.