April 2022
Intermediate to advanced
70 pages
1h 5m
English
Content preview from Crafting HTML Email
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
Chapter 5: A Case Study: Redesigning SitePoint’s Weekly Newsletter
In this final chapter, let’s put everything we’ve learned into practice. I’m going to do an unsolicited redesign of SitePoint’s Weekly Newsletter, focusing on improving the code of the HTML email.
The image below shows an example of the current SitePoint Weekly Newsletter layout.
A Full-width Header
Newsletters are often designed out of context. An email designed to be 600 pixels wide might look good in a Figma or Photoshop canvas. But what about when viewed inside a webmail client like Gmail on a large desktop screen?
In my opinion, this kind of design looks a bit floaty and ...