HTML Email Boilerplate

#1

Post by joshuacc » Tue, Jun 07, 2011, 1:07 PM UTC

HTML Email Boilerplate
htmlemailboilerplate.com

Re: HTML Email Boilerplate

#2

Post by benatkin » Tue, Jun 07, 2011, 1:57 PM UTC

I'm not sure having an email be 900px wide (the table has 3 300px wide cells) is a good idea. Wouldn't that get a horizontal scrollbar on the iPad no matter the orientation? When it's horizontal there's a sidebar; when it's vertical it's only 768px wide.

Re: HTML Email Boilerplate

#3

Post by JoelSutherland » Tue, Jun 07, 2011, 2:00 PM UTC

benatkin wrote: post #2

I'm not sure having an email be 900px wide (the table has 3 300px wide cells) is a good idea. Wouldn't that get a horizontal scrollbar on the iPad no matter the orientation? When it's horizontal there's a sidebar; when it's vertical it's only 768px wide.

Agreed. Not to mention the very large percentage of people that open your emails in a web client on a 1024px wide screen.

Re: HTML Email Boilerplate

#4

Post by SamColes » Tue, Jun 07, 2011, 2:10 PM UTC

this is useless. Just for a start it's way too wide. e.g. Hotmail cuts off at 610px or so.

Re: HTML Email Boilerplate

#5

Post by ianl » Tue, Jun 07, 2011, 2:17 PM UTC

benatkin wrote: post #2

I'm not sure having an email be 900px wide (the table has 3 300px wide cells) is a good idea. Wouldn't that get a horizontal scrollbar on the iPad no matter the orientation? When it's horizontal there's a sidebar; when it's vertical it's only 768px wide.

Wouldn't a fluid approach be better? I haven't done much HTML/CSS in the last year.

Re: HTML Email Boilerplate

#6

Post by PetrolMan » Tue, Jun 07, 2011, 2:22 PM UTC

Interestingly the site won't render correctly for me in Firefox 4. I'm getting a nice error about lack of HTML5 and CSS3 support.

And, as a fan of Space Balls, the creator misspelled "The Schwartz"...

Re: HTML Email Boilerplate

#7

Post by davidcollantes » Tue, Jun 07, 2011, 2:23 PM UTC

HTML and email are two things that do not go together well(IMHO). I prefer plain text.

Re: HTML Email Boilerplate

#8

Post by riklomas » Tue, Jun 07, 2011, 2:24 PM UTC

SamColes wrote: post #4

this is useless. Just for a start it's way too wide. e.g. Hotmail cuts off at 610px or so.

Campaign Monitor recommends having emails at a maximum of 600px (near bottom of link):

http://www.campaignmonitor.com/design-guidelines/

Re: HTML Email Boilerplate

#9

Post by JacobAldridge » Tue, Jun 07, 2011, 2:25 PM UTC

benatkin wrote: post #2

I'm not sure having an email be 900px wide (the table has 3 300px wide cells) is a good idea. Wouldn't that get a horizontal scrollbar on the iPad no matter the orientation? When it's horizontal there's a sidebar; when it's vertical it's only 768px wide.

MailChimp templates are all 600px wide, as a comparison, and that's what they recommend. It's annoying, since so many people have large monitors (notably me - so much white space around my drafts), BUT as you point out so many recipients are viewing emails on mobile devices (phone, tablet, even netbook-size laptops) as well as webmail clients and the Outlook preview pane.

Re: HTML Email Boilerplate

#10

Post by iambot » Tue, Jun 07, 2011, 2:30 PM UTC

ianl wrote: post #5

benatkin wrote: post #2

I'm not sure having an email be 900px wide (the table has 3 300px wide cells) is a good idea. Wouldn't that get a horizontal scrollbar on the iPad no matter the orientation? When it's horizontal there's a sidebar; when it's vertical it's only 768px wide.

Wouldn't a fluid approach be better? I haven't done much HTML/CSS in the last year.

I wouldn't recommend fluid layouts with email, most email clients are stuck on HTML 3.2 and have limited CSS support.