How to design & code HTML emails (Part 3 - Adding our HTML content)
Thank you so much for checking out my tutorial! Please subscribe for more design tutorials - I’ll be covering Animation with After Effects, HTML email design with XD, HTML email code with Sublime Text, Web Design with Adobe XD, Sketch & Figma as well as Web Development with Webflow..
In this video turn our Adobe XD design into a fully responsive HTML email using the Email Starting Template we worked on in Part 2.
Downloads:
Email Starting Template:
https://www.dropbox.com/s/smiy57h3yj9ffbq/Email_Starting_Template.html?dl=1
Fully Coded Email:
https://www.dropbox.com/s/t92spmmr9av4x5j/Fully_Coded_Email.html?dl=1
Timestamps:
1:22 - Adding logo section at the top
5:56 - Duplicating rows and adding the hero image
8:26 - Styling text
13:02 - Adding the button
27:49 - Adding the footer section
33:14 - Adding the unsubscribe link
Follow me:
Website: https://www.tompiggott.co.uk/
Newsletter: https://www.tompiggott.co.uk/contact#newsletter
Instagram: https://www.instagram.com/tompiggottdesign/
Facebook: https://www.facebook.com/tompiggottdesign/
Dribbble: https://dribbble.com/tompiggott/
LinkedIn: https://linkedin.com/in/tompiggottdesign/
Music: “Still Standing” by Anno Domini Beats
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «How to design & code HTML emails (Part 3 - Adding our HTML content)», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.