Wednesday, March 14, 2012

Designing E-Mailers

If you're in web design chances are you'll need to design a promotional email at some point. If you think designing for the web can be frustrating, just try designing for email clients with limited, quirky, or non-existant CSS support. Smashing Magazine has an article on approaches to try, but a critical paragraph contains information everyone needs to know--you should design emails using tables in order to get correct display. As the article says, "keep it simple"--don't rely on advanced CSS techniques.

"Emails are coded using tables, so we have to create design sketches and Photoshop mock-ups with table-based layouts in mind. Keep it simple, and have a clear idea of where to position the gradients and how they will behave (say, if we want a gradient to expand horizontally to fit the viewport’s width)."

Monday, March 5, 2012

Dot leaders for lists

This tutorial discusses how to do html/css only dot leaders (such as used on menus, tables of contents in books, etc.). I used this in the last project (the long text version near the end).

http://www.w3.org/Style/Examples/007/leaders.en.html