SitePoint Sponsor

User Tag List

View Poll Results: Why do you love Sitepoint's Email Newsletters?

Voters
1. You may not vote on this poll
  • Cause the simplistic new design looks so good!

    0 0%
  • The new mobile friendly design makes it easy for me to read on the go!

    0 0%
  • Fantastic content I want to know about!

    0 0%
  • All of the above!

    1 100.00%
Multiple Choice Poll.
Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    New Sitepoint Email Newsletter Deisgns ROCK!

    I love the new mobile friendly email newsletter templates that Sitepoint has created. The design must be responsive since the same emails display well on both a computer screen and a mobile device, but I'm wondering how. Though you can manipulate css with @media I don't see how you're changing html attributes. Are you using javascript for this? This would be a fantastic subject for a article! Is it possible to get some enlightenment on your techniques?

    Cheers
    Jules

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,213
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    SitePoint uses CampaignMonitor to send out emails (so far as I know) and that company has some good info on sending mobile-friendly emails, such as here:

    http://www.campaignmonitor.com/blog/...-in-one-click/

    and here:

    http://www.campaignmonitor.com/blog/...n-in-practice/

  3. #3
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey Ralph

    Thanks for the links. I went ahead and created an account and explored around a bit. I'm actually a Mailchimp user, but I'd move to CampaignMonitor if there was good enough reason.

    I think it's fairly safe to say that Sitepoint has created there own custom template. It looks like they are using @media to implement css instructions to set article thumb images to display none. This way each thumb doesn't show on smaller screens and the cells collapse. I don't see any ID's or classes so I'm unclear how article thumbs are being hooked. Since the newsletter logo and footer icons do show they must have some way they are identifying the article thumbs.

    The layout is so simple and so effective I just love it --But the number of tables used is enough to make my headspin

    thanks for the info!
    Jules


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •