A small email template I've put together based on HTML Email Boilerplate and other resources. The two columns turn into a single column for email clients that recognize media queries. For others they'll use the percentage widths or will show the regular 600px wide format. This framework has tested successfully in Gmail, Yahoo, Mac and PC Outlook, and works responsively in the native Android, iOS and Gmail apps. The only issue I've found is the right-column images appear at their full-width in PC Outlook.
Flat Responsive Form using CSS3 & HTML5 with image background
*** Due to the amount of requests I'm getting ****
Really wanted to try out some flexbox so I saw this design on dribbble and gave it a shot.
I didn't bother with any of the icons purely because of time.
Click enter to see the email client :) using a small background image, which is stretched and blurred, using webkit fiters and svg.
We're gonna have a go at building our own email sending system for the newsletter. Because:
Animation using an css made flat envelope icon to present an email form - Mostly messing with timing and delaying changing the z-index.
Basic responsive email template.
Complete responsive email template. Works in pretty much every email client/browser.
An html email element to gather quick and simple feedback on how your readers feel about your email.
A star rating system that works in email clients (including Gmail!) Hovering over the stars fills in the correct amount. Each star is an anchor tag which can then be linked to different rating URLs (ex: http://www.example.com?rating=5).
Need to know how to enable it? Go here.