IE6 is dead...
• So is Lotus Notes 6.5...
• Take a more functionality-led approach
• Graceful degradation
Funky fonts that
• Huge availability of free-to-use web fonts
• Works on Apple devices, Android and
Outlook (sort of)
• Great for mobile when text should be
resized upwards to legibility
Retina images please!
• The age of high density screens
• Choosing the right file format
• Shrink those file sizes with tinypng,
Every time you use a
button for an image,
a kitten dies
• Buttons that show with images off
• Make the whole button clickable, even in
• We can cheat...and it’s ok! Try buttons.cm
• Video support is getting better...
• Litmus’ background video
• Fiddly workarounds but a great tutorial over
at Email on Acid
• A function too far? Measurability...
In the shadows
• Some CSS3 like box shadows and text
shadows work pretty well across the board
• Get experimental with keyframe animation
like Panic...but remember to check your fall
• Don’t get repetitive….Two column image
left, text right
• Brian Graves’ Responsive Email Patterns