Photoshop and HTML Tutorial Now Available: Creating Responsive Product Emails

Subscribers:
128,000
Published on ● Video Link: https://www.youtube.com/watch?v=0RpdzCPLoLg



Category:
Tutorial
Duration: 1:12
4,585 views
0


Learn more: http://www.digitaltutors.com/tutorial/1962-Creating-Responsive-Product-Emails-in-Photoshop-and-HTML

In this Photoshop and HTML tutorial, we'll learn to design and develop a responsive email intended to promote and market a consumer product utilizing the popular 2-to-1 column method of responsive design.

We'll start with the structure of the email using wireframes for both desktop and mobile versions and design the email based on the wireframe. Next, we'll go over a popular email service provider, MailChimp, which we'll eventually use to prepare our coded email for delivery and to review two popular HTML email boilerplates.

Then, we'll code out the email using media queries and review some helpful practices for developing a responsive email that can perform optimally across different platforms.

By the end of the Photoshop and HTML training, you'll have learned how to design a sales-targeted email that is compatible across multiple platforms while being developed using popular techniques and finally tested and distributed using MailChimp.

-~-~~-~~~-~~-~-
Digital-Tutors is now Pluralsight. Learn more:
https://www.youtube.com/watch?v=DswEJDodZEI
-~-~~-~~~-~~-~-

Digital-Tutors is now part of the Pluralsight technology learning experience! Enjoy all the creative learning you've come to love from Digital-Tutors on Pluralsight and MORE! Gain access to THOUSANDS more expert-led courses.




Other Videos By Pluralsight Courses and Tutorials


2015-03-313ds Max Modeling Tips - Using the FFD Modifiers in 3ds Max
2015-03-30Developing Space Helmet Options in Photoshop
2015-03-30ArtRage Tutorial Now Available: Introduction to ArtRage
2015-03-24Substance Designer Tutorial Now Available: Physically Based Shading for Unity
2015-03-09Unity Tutorial Now Available: Advanced Editor Scripting in MonoDevelop
2015-02-19Premiere Pro Tutorial Now Availalbe: Mastering Color Correction
2015-02-13ZBrush Tutorial Now Availalbe: Altering Body Weight
2015-02-13Bifrost Tutorial Now Available: Simulating Large and Small Scale Liquids
2015-02-11HTML5 and JavaScript Tutorial Now Available: Creating a Cross-Platform Mobile Game
2015-02-10Photoshop Tutorial Now Available: Transitioning Environments from Realistic to Fantasy
2015-02-09Photoshop and HTML Tutorial Now Available: Creating Responsive Product Emails
2015-02-09Maya Tutorial Now Available: Creating a Swampy Landscape Using V-Ray Scatter
2015-02-06Unreal Engine Tutorial Now Available: Setting Up a Split Screen Multiplayer Game
2015-02-06Maya Tutorial Now Available: Simulating a Wrapper Peeling Effect
2015-02-05Maya Tutorial Now Available: Utilizing Advanced Shading Techniques Using V-Ray
2015-02-03AutoCAD Tutorial Now Available: Professional Site Design and Plan Production
2015-02-03Photoshop and NUKE Tutorial Now Available: Compositing a Desolate Ocean Landscape
2015-02-02Ask DT: 3ds Max - How to extract shadows from a render for compositing
2015-02-02Ask DT: 3ds Max - How to enable the display for IK goals and dummy objects
2015-02-02Ask DT: 3ds Max - How to convert triangles into quads in 3ds Max
2015-02-02Ask DT: 3ds Max - How can we render an ambient occlusion map



Tags:
Mail Chimp
Wireframe
Layout
Responsive
Pluralsight
Tutorial
MailChimp
Adobe Photoshop (Software)
Training
Email
Responsive Web Design (Industry)
Digital-Tutors
Professional
Design
Photoshop
Mail
HTML