Tegenwoordig wordt 53% van alle e-mail geopend op een mobiel apparaat. Aangezien meer dan de helft van de mensen hun e-mails op mobiele apparaten controleert, is het gek als ze geen platform hebben met responsief e-mailontwerp. Immers, 70% van de gebruikers zal een e-mail verwijderen als deze niet correct wordt weergegeven. Met deze trigger-gelukkige gebruikersgewoonte, is het duidelijk dat er vraag is naar responsieve e-mails. Eén bedrijf heeft zich tot doel gesteld om aan deze vraag te voldoen.

ZURB heeft zijn oorspronkelijke Foundation for Emails, oorspronkelijk Ink genaamd, verbeterd en bedacht Stichting voor e-mails 2.0 .

In ontwikkeling sinds vorig jaar , 2.0 richt zich op snellere lay-outs, kleuren en stijlen, alle factoren die gegevens tonen die gebruikers willen. Het e-mailontwerp wordt efficiënter gemaakt, zodat bedrijven zich kunnen concentreren op wat hen het meest aanspreekt: het bouwen van hun volgende, geweldige product of dienst.

Nieuwe functies

Laten we het goedmaken: alle nieuwe functies die 2.0 beter maken voor ontwerpers, ontwikkelaars en uiteindelijk eindgebruikers. Dit is wat je krijgt:

Volledig flexibel raster: dit is zelfs van toepassing op kleine schermen, wat een groot probleem is. Maak een willekeurig aantal kolommen en werk nog steeds met een volledig flexibel, klein raster.

Gebouwd met Sass: ontwerpers hebben alle voordelen die bij Sass horen, waaronder mixins, variabelen en partials.

Inky, de nieuwe vormtaal: met Inky is het zeven van honderden vervelende tafellabels verleden tijd. Nu kunt u tags zoals "kolommen" en "rij" schrijven om de nodige zes tabellabels te verkrijgen om het skelet van uw e-mail samen te brengen.

Handige UI-component: dezelfde componenten die worden gebruikt in ZURB's Foundation for Sites zijn gerecycled voor Foundation for Emails. Als gevolg hiervan kunnen ontwerpers genieten van flexibiliteit zonder te worden onderworpen aan een dergelijke steile leercurve. Dit zijn de meegeleverde componenten:

  • Rij
  • columns
  • callouts
  • Inline lijsten
  • Verticale lijsten
  • Blokraster
  • thumbnails

Inline alle stijlen: met een handige Gulp-taak wordt al uw CSS voor u gealigneerd, alles vanuit een externe stylesheet.

Stuur: sjablonen voor het stuur houden u op het goede spoor, zodat u uzelf niet herhaalt. Uw kop- en voettekst kunnen hetzelfde blijven, zodat u de gewenste inhoud kunt wijzigen.

10 sjablonen: deze nieuwe, responsieve sjablonen zijn zo uitgebreid dat ze al uw marketing-, nieuwsbrief- en infuuscampagnes omvatten, om nog maar te zwijgen van uw transactionele e-mailbehoeften.

Ontwerper- en gebruikersvriendelijk

Kennismaken met 2.0 is intuïtief en soepel omdat veel onderdelen van Foundation for Sites ook in 2.0 voorkomen. Zoals Geoff Kimball, Foundation Lead, het stelt:

Foundation for Emails 2 leent vele componenten, best practices en workflows van Foundation for Sites. Stichting-ontwikkelaars die nieuw zijn in HTML-e-mails zullen zich meteen thuis voelen.

Als gevolg hiervan hoeven ontwerpers en ontwikkelaars geen tijd te verspillen met het leren kennen en leren van een compleet nieuw beest. En dat is goed nieuws voor ontwerpers die responsieve e-mails willen laten werken voor hun bedrijven en klanten.