This Is How To Get Better At Building Emails - MJML REBUILD #1 (Lavva) скачать в хорошем качестве

This Is How To Get Better At Building Emails - MJML REBUILD #1 (Lavva)

In this new video series, I will be rebuilding popular emails with the help of MJML. Rebuilding emails this was is an effective way to learn a practical skill like MJML. MJML has made my email development a lot easier and that's what I want to show you as well! I will be uploading a bunch more video's regarding MJML soon, so consider subscribing, thanks! // List of resources: MJML Lavva Document: http://bit.ly/lavva-rebuild Really Good Emails: http://bit.ly/really-good-e-mails Email Preview Trick: http://bit.ly/email-preview-trick Email Tester: http://bit.ly/putsmail-tester Email Inliner: http://bit.ly/inliner-tool Check out the MJML website: http://bit.ly/mjml-io Timestamps: 0:00 Intro 0:49 Rebuilding in Adobe Xd 1:21 Layout, Fonts, Styles and Elements 2:43 Inputting all styles in MJML 4:29 Hero section 4:55 Message section 7:54 Mobile responsiveness on message section 9:11 Creating the divider 9:26 Recipe heading 10:04 Mobile responsiveness on recipe's 10:52 First recipe 14:09 Creating a media query and fixing paddings 19:42 Second recipe with a trick 21:07 Last Recipe 22:24 Waves image section 22:41 All flavours section 23:47 Creating all the flavours 25:57 Mobile responsiveness on all the flavours 26:38 Footer section 29:36 Checking mobile responsiveness and final touches 30:11 Inserting links on buttons and images 31:57 Inserting email preview 32:15 Last browser responsiveness check 33:05 Sending a test email 33:51 Email preview tip 34:44 Reminder: Inline your CSS! 34:58 Why did I use mj-raw and HTML img tags? 35:54 Outro #MJML #HTML #Email #Responsive #Design #Development