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 .

Hoe maak je een Simple Advent-kalender in JavaScript

Hoe maak je een Simple Advent-kalender in JavaScript

De advent is de periode van wachten en voorbereiden op Kerstmis die vier zondagen vóór de vooravond van Kerstmis begint. Het verstrijken van de Adventtijd wordt traditioneel gemeten met behulp van een adventskalender of een adventskrans. Hoewel het begin van Advent geen vaste datum is, beginnen adventskalenders gewoonlijk op 1 december.O

(Technische en ontwerptips)

8 plug-ins om uw WordPress-site om te zetten naar een mobiele app

8 plug-ins om uw WordPress-site om te zetten naar een mobiele app

Voor elke belangrijke publicatie of bedrijf die u online ziet, vindt u mogelijk een mobiele versie van de site. Of het nu een responsieve mobiele vorm van de desktopversie of een native app is, het hebben van een mobiele aanwezigheid is een belangrijk aspect voor veel bedrijven die een online aanwezigheid willen hebben

(Technische en ontwerptips)