nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Bouw responsieve e-mails snel met MJML Framework

Het ontwerpen en coderen van een nieuwsbrief is tijdrovend. U kunt tal van ontwerptips vinden, maar het coderen van uw nieuwsbrief in een sjabloon is het moeilijkste deel.

Dat is waar het MJML-framework in het spel komt. Het is een van de beste gratis e-mailraamwerken die er zijn en het compileert in pure HTML / CSS, dat werkt voor alle e-mailclients .

Een van de frustrerende dingen over het coderen van een nieuwsbrief is dat deze op alle platforms werkt . Dit wordt het dubbele voor responsief ontwerp dat ook voor mobiele en desktopclients moet werken.

Gelukkig krijg je met het MJML-framework een eenvoudige abstractie van HTML, dus je codeert niet elke regel handmatig. Ze hebben een beginnershandleiding die geweldig is voor iedereen die nieuw is bij het ontwikkelen van e-mails.

U gebruikt aangepaste elementen zoals om kolommen en rijen voor uw sjabloon te bouwen . U kunt snel tekst, knoppen en spaties toevoegen, op basis van uw behoeften. Het MJML-framework transponeert uw code van de MJML-markup naar HTML en CSS die voldoen aan de standaarden .

Van daaruit kunt u uw nieuwsbrief testen om te zien hoe deze eruitziet bij verschillende klanten. Hoewel ik op basis van de compatibiliteitstabellen zou zeggen dat MJML een fantastische keuze is voor alle moderne e-mail.

Let op: u moet enige kennis hebben van de ontwikkeling van de frontend om MJML correct te gebruiken. Het draait zijn eigen gepatenteerde templating-taal en zet dat om in HTML, maar je moet ook begrijpen wat je code aan het doen is.

Voor meer informatie over hoe deze tool werkt, bekijk de FAQ-pagina of blader door de officiële GitHub repo (ja, dit is open source!)

Of u kunt de live-browsereditor gebruiken om met MJML-code rond te lopen, zonder iets te downloaden.

Deze live-editor werkt als een transponder in de browser, dus je kunt deze gebruiken om je code om te zetten in een nieuwsbriefsjabloon .

Zodra u wat MJML hebt geschreven, klikt u op de link 'HTML weergeven' boven het voorbeeldvenster. Hiermee wordt de volledige onbewerkte HTML weergegeven, dus u kunt deze kopiëren en plakken en gebruiken voor uw eigen sjabloon.

Iedereen die gloednieuw is in e-mailnieuwsbrieven moet beginnen met een raamwerk. Er is geen goede reden om alles handmatig te coderen, dus MJML bespaart enorm veel tijd.

Ga om te beginnen naar de online documenten of probeer zelfs een van hun sjablonen in de live-editor te bewerken. Met slechts een paar uur werk, kunt u een gefinaliseerde e-mailnieuwsbrief laten coderen en klaar voor gebruik .

Productafbeeldingen: 6 technieken om afbeeldingen meer informatief te maken

Productafbeeldingen: 6 technieken om afbeeldingen meer informatief te maken

Webontwerpers zijn zeer sluw geworden met marketingtechnieken. De inhoud van pagina's verleiden is altijd goed, maar als het erom gaat bezoekers te trekken, zijn de aandachtsfoto's de meest populaire vorm van media. Ze vereisen geen geluid zoals demovideo's en ze kunnen binnen enkele seconden snel belangrijke informatie doorgeven

(Technische en ontwerptips)

5 Diensten voor het converteren van websites voor mobiele apparaten

5 Diensten voor het converteren van websites voor mobiele apparaten

De opkomst van de mobiele telefoon valt niet te ontkennen. Velen zeggen zelfs dat de toekomst van het web op mobiele apparaten ligt. Voorbij waren de dagen dat mensen alleen thuis of op kantoor toegang hebben tot internet, maar nu gooien sommigen zelfs de zware pc weg en nemen ze de mobiele apparaten over voor websurfervaring

(Technische en ontwerptips)