hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Créez rapidement des e-mails réactifs avec MJML Framework

Concevoir et coder un bulletin d'information prend du temps. Vous pouvez trouver beaucoup de conseils de conception, mais le codage de votre bulletin d'information dans un modèle est la partie la plus difficile.

C'est là que le cadre MJML entre en jeu. C'est l'un des meilleurs frameworks d'e-mails gratuits et il compile en HTML / CSS pur, qui fonctionne pour tous les clients de messagerie .

L'une des choses les plus frustrantes à propos du codage d'un bulletin est de le faire fonctionner sur toutes les plateformes . Cela va double pour la conception réactive qui doit aussi fonctionner pour les clients mobiles et de bureau.

Heureusement, avec le framework MJML, vous obtenez une simple abstraction de HTML, donc vous ne codifiez pas chaque ligne à la main. Ils ont un guide du débutant qui est génial pour tous ceux qui débutent dans le développement de leurs emails.

Vous utiliserez des éléments personnalisés tels que pour construire des colonnes et des lignes pour votre modèle . Vous pouvez rapidement ajouter du texte, des boutons et des espacements, en fonction de vos besoins. Le framework MJML transpile votre code du balisage MJML vers HTML & CSS conforme aux normes .

De là, vous pouvez tester votre newsletter pour voir à quoi cela ressemble dans divers clients. Bien que, basé sur les tableaux de compatibilité, je dirais que MJML est un choix fantastique pour tous les emails modernes.

Notez que vous devez avoir une certaine connaissance du développement de frontend pour utiliser correctement MJML. Il exécute son propre langage de modèle propriétaire et le convertit en HTML, mais vous devez également comprendre ce que fait votre code.

Pour en savoir plus sur le fonctionnement de cet outil, consultez la page FAQ ou parcourez le repo GitHub officiel (oui, c'est open source!)

Ou, vous pouvez utiliser l' éditeur de navigateur en direct pour déranger avec le code MJML, sans rien télécharger.

Cet éditeur en direct fonctionne comme un transpiler dans le navigateur, de sorte que vous pouvez réellement l'utiliser pour convertir votre code en un modèle de bulletin .

Une fois que vous avez écrit du MJML, il vous suffit de cliquer sur le lien "Afficher le code HTML" au- dessus du volet de prévisualisation. Cela affiche l'intégralité du code HTML brut, vous pouvez donc copier / coller et l'utiliser pour votre propre modèle.

Toute personne nouvelle à envoyer des bulletins d'information par courriel devrait commencer par un cadre. Il n'y a pas de bonnes raisons de tout coder à la main, donc MJML est un énorme gain de temps.

Pour commencer, visitez les documents en ligne ou essayez même d'éditer l' un de leurs modèles dans l'éditeur en direct. Avec seulement quelques heures de travail, vous pouvez avoir un bulletin électronique finalisé codé et prêt à partir .

50 Tutoriels de boutons CSS3 pour les concepteurs [2017]

50 Tutoriels de boutons CSS3 pour les concepteurs [2017]

Dans cet article, nous allons passer en revue quelques tutoriels choisis avec soin pour les boutons que vous pouvez mettre sur votre site en utilisant uniquement CSS3 .Certains de ces boutons jouent avec des couleurs, des dégradés ou des formes tandis que d'autres sont programmés pour animer avec des actions de survol ou de clic, ce qui donne des effets comme si on les poussait vers le bas; étendre, rétrécir ou changer de cadre pour révéler plus d'informations. Tout c

(Conseils techniques et de conception)

20 conseils et astuces WhatsApp que vous devriez savoir

20 conseils et astuces WhatsApp que vous devriez savoir

WhatsApp a obtenu de nouvelles fonctionnalités impressionnantes pour faire de la messagerie un jeu d'enfant pour les utilisateurs. Bien que son utilisation ne soit pas sans controverse, il y a beaucoup d'avantages qui en fait un concurrent sérieux dans le domaine des applications de messagerie.D

(Conseils techniques et de conception)