» » Lynda.com - Creating a Responsive HTML Email Tutorial - kEISO



Information of news
5-09-2013, 15:35

Lynda.com - Creating a Responsive HTML Email Tutorial - kEISO

Category: Tutorials


Lynda.com - Creating a Responsive HTML Email Tutorial - kEISO



Lynda com - Creating a Responsive HTML Email Tutorial - kEISO
LANGUAGE: ENGLISH | FORMAT: ISO | RELEASE DATE: 2013/09/05 | 524MB
RUNTIME: 01H 21M | AUTHOR: CHRIS CONVERSE | LEVEL: BEGINNER
Genre eLEarning


Designing HTML emails can be challenging, considering the limited capabilities of desktop and web email readers, combined with the small screen sizes of mobile devices. Enter responsive HTML email. Let Chris Converse show you how to design an elegant email that will adapt to varying screen sizes and render correctly in over 30 different mail clients, including Gmail, Yahoo, AOL, and multiple versions of Outlook, as well as Android, iOS, and Windows phones. Learn to add complex features like background graphics, rounded corners, and shadows that don't break your

Introduction4m 46s
Previewing the final project 46s
About the exercise files 40s
What you should know 1m 31s
A look at the beginning project 1m 49s

1. Creating the Graphics5m 46s
Creating the banner and background graphics 3m 26s
Creating the content graphics 2m 20s

2. Creating the HTML Email18m 15s
Setting up the base layout structure 3m 36s
Styling the table row for the logo 2m 24s
Styling the table row for the headline 2m 32s
Styling the table row for the banner and content 2m 51s
Styling the table row for the promos 2m 55s
Styling the table row for the callouts 2m 47s
Styling the table row for the footer 1m 10s

3. Creating Buttons with HTML and CSS6m 39s
Styling anchor links as buttons 2m 6s
Creating a call-to-action button 4m 33s

4. Adding CSS to the Email26m 29s
Adding CSS media queries to your HTML email 4m 22s
Styling the headline and banner for smaller screens 3m 14s
Styling the content and footer for smaller screens 3m 4s
Styling the promos for smaller screens 4m 45s
Rearranging the callouts for medium screens 5m 35s
Stacking the callouts for small screens 5m 29s

5. Pushing the Envelope5m 58s
Adding inbox preview text 1m 39s
Adding animation to your HTML email 1m 59s
Using web fonts with your HTML email 2m 20s

6. Validation and Testing10m 10s
Validating your HTML code 1m 42s
Testing your email in 30+ HTML email clients 5m 9s
Suggestion for Yahoo! Mail incompatibilities 1m 11s
Suggestions for BlackBerry 5 layout correction 54s
Suggestion for supporting Lotus Notes 6.5, 7, and 8.5 1m 14s
Conclusion3m 36s
Exploring alternative layouts 2m 31s
Where to go from here 1m 5s

DOWNLOAD:
Uploaded:

Rapidgator:

Secureupload:

DizzCloud:

KooFile:

uploaded


Rapidgator.net
Site BBcode/HTML Code:
Dear visitor, you went to the site as unregistered user.
We recommend you Sign up or Login to website under your name.
Information
Would you like to leave your comment? Please Login to your account to leave comments. Don't have an account? You can create a free account now.