[{"data":1,"prerenderedAt":528},["ShallowReactive",2],{"project-4855892":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":33,"aspects":34,"strip":42,"post_text":45,"what":46,"said":97,"maker_in_thread":230,"shape":241,"grid":246,"attempts":490,"same_week":491,"maker_shows":18,"maker_hidden":520,"reader_version":521,"card":522},"4855892","Responsive Email Templates","We just updated the post with a list of email clients we tested!","maker","Show HN: Responsive Email Templates","http:\u002F\u002Fwww.zurb.com\u002Fplayground\u002Fresponsive-email-templates","zurb.com","forrestkoba",1354315539,2012,310,93,33,1677,2,"legend","dev_tools","email templates","library",[24,25,21,26],"responsive email","html email","email design","debated",-0.042,{"positive":30,"neutral":31,"mixed":32,"critical":30},11,12,3,37,{"design":35,"execution":38,"docs":40,"idea":41},{"positive":36,"critical":37},4,1,{"positive":32,"critical":39},6,{"positive":37,"critical":37},{"positive":37,"critical":32},[43,43,43,43,43,43,43,43,32,43,44,37,37,43,32,44,37,32,44,43,37,37,32,32,36,44,37,37,43,32,44,37,44,37,44,32,44,43,43,43],0,5,null,{"problem":47,"audience":63,"pricing":45,"motivation":71,"time_to_build":45,"stack":79,"openness":94,"stage":95,"team_size":96},{"value":48,"source":49,"evidence":50},"Making HTML emails that display well on mobile and desktop email clients","inferred",[51,55,59],{"id":52,"by":53,"text":54},"4856478","makmanalp","These are awesome, but how is the backwards compatibility? I know I've seen coworkers having to deal with old versions of Outlook and Mail.app using terribly outdated rendering…",{"id":56,"by":57,"text":58},"4857251","sambeau","If you are sending emails to business clients support for Outlook 2000-2003 & Outlook 2007 is still essential. I'm afraid you need to code them like it's 1999. MailChimp have a…",{"id":60,"by":61,"text":62},"4856489","DigitalSea","As a web developer who does at the very least one HTML newsletter per month for a client, this is a breath of fresh air. Developing a HTML email is like developing a website in…",{"value":64,"source":49,"evidence":65},"Email designers and marketers sending HTML newsletters",[66,67],{"id":60,"by":61,"text":62},{"id":68,"by":69,"text":70},"4855979","vlokshin","These are great, thanks for sharing! It'd be fantastic to get something like this for app-based communications (sign-up, notifications, PW change, etc), and there may be just as…",{"value":72,"source":73,"evidence":74},"ZURB believes everything should consider the mobile experience","commenter",[75],{"id":76,"by":77,"text":78},"4856032","Samuel_Michon","From the accompanying blog post: \"Here at ZURB, we believe that everything we do has to consider the mobile experience.\" You might want to consider making the project page…",[80,87],{"value":81,"source":73,"evidence":82},"HTML tables and CSS for email layout",[83],{"id":84,"by":85,"text":86},"4856145","nthitz","Here's their technical writeup on the process, http:\u002F\u002Fwww.zurb.com\u002Farticle\u002F1119\u002Fcreate-emails-for-any-device-introducing- Curious, they use the \u003Ctable> element to get around the…",{"value":88,"source":73,"evidence":89},"Foundation framework (ZURB's site, not confirmed for templates)",[90],{"id":91,"by":92,"text":93},"4856863","firefoxman1","Little ironic that the project's page isn't responsive, especially considering their Foundation framework is a fantastic tool for such tasks (I like it more than bootstrap).…","unknown","launched","team",{"praise":98,"objections":123,"requests":163,"questions":193,"alternatives":206},[99,111],{"value":100,"source":73,"evidence":101},"Useful for building HTML email, which is painful to code",[102,103,107],{"id":60,"by":61,"text":62},{"id":104,"by":105,"text":106},"4856332","jwarzech","This came at a perfect time for me as I've spent the last week working on designing newsletter templates.",{"id":108,"by":109,"text":110},"4856114","zalew","go Zurb! I use Foundation http:\u002F\u002Ffoundation.zurb.com\u002F, playground's joyride and icon fonts, I hope these email templates are as good :)",{"value":112,"source":73,"evidence":113},"Looks nice and useful",[114,115,119],{"id":68,"by":69,"text":70},{"id":116,"by":117,"text":118},"4856189","motter","I currently use a modified version of https:\u002F\u002Fgithub.com\u002Fphilwareham\u002Fresponsive-email as the template for http:\u002F\u002Fcoderweekly.com, but may move to these. As you can see, I'm…",{"id":120,"by":121,"text":122},"4856384","obilgic","I will use them as minimalist\u002Fsimple website templates lol :)",[124,136,151,158],{"value":125,"source":73,"evidence":126},"Many clients like Outlook 2007 not supported or not tested",[127,128,132],{"id":56,"by":57,"text":58},{"id":129,"by":130,"text":131},"4856687","gaoshan","I have developed a number of HTML newsletter templates over the years and when I checked their Supported Email Clients table I found that they claim to have not tested these…",{"id":133,"by":134,"text":135},"4857432","emilsundberg","So how does these look on Outlook 2000 - 2007? Love the initiative but it's impossible to use a template that doesn't work with Outlook.",{"value":137,"source":73,"evidence":138},"Plain text is better for reading email on mobile",[139,143,147],{"id":140,"by":141,"text":142},"4856529","maqr","Am I the only one who is far less likely to read an HTML email? If I see that I need to click to allow external images for my email to load, I'm probably just going to delete it.…",{"id":144,"by":145,"text":146},"4857004","fourstar","I like Zurb. I like using Foundation. I dislike this. If I'm reading an email I want text.",{"id":148,"by":149,"text":150},"4856457","chrishenn","I've never come across a website that I felt needed a responsive layout, though I regularly think emails are a pain to read on a phone if they use html. However, most html emails…",{"value":152,"source":73,"evidence":153},"Mobile layouts unnecessary since phones can zoom desktop emails",[154],{"id":155,"by":156,"text":157},"4857407","smickie","I just don't see the point in responsive emails at the moment, all of our smart phones have the technology to support big beautiful newsletters that you can get on desktop\u002Fweb…",{"value":159,"source":73,"evidence":160},"Project page itself is not responsive",[161,162],{"id":76,"by":77,"text":78},{"id":91,"by":92,"text":93},[164,175,186],{"value":165,"source":73,"evidence":166},"List of supported email clients",[167,171],{"id":168,"by":169,"text":170},"4855981","nopal","Looks nice, but the page (or blog post) really needs to list which email clients are supported.",{"id":172,"by":173,"text":174},"4856026","eps","Which emails clients have you had these tested in?",{"value":176,"source":73,"evidence":177},"Send a preview example to an email address",[178,182],{"id":179,"by":180,"text":181},"4856422","muan","According to campaign monitor(http:\u002F\u002Fwww.campaignmonitor.com\u002Fresources\u002Fwill-it-work\u002Femail-clients\u002F), that is 15% not tested 'so far'(support dropped?) Is it worth it? Nonetheless…",{"id":183,"by":184,"text":185},"4857231","laurencei","Perhaps on your homepage you can have an option like \"email me a demo now\". Looking in the browser doesnt actually help me test the 'email responsiveness'. I'd like an example…",{"value":187,"source":73,"evidence":188},"Put templates on GitHub",[189],{"id":190,"by":191,"text":192},"4855978","michaelmior","These look really nice! Thanks :) Would you consider putting them on GitHub? It would be much easier to keep track of them this way.",[194,201],{"value":195,"source":73,"evidence":196},"How to include the stylesheet, and whether it must be inlined",[197],{"id":198,"by":199,"text":200},"4856017","jrochkind1","I am new to having HTML email sent. What do folks do with the large (large in this case anyway) stylesheet, that actually works with actual email clients? Link it with a \u003Clink>…",{"value":202,"source":73,"evidence":203},"Does it work with Outlook 2000-2007",[204,205],{"id":133,"by":134,"text":135},{"id":52,"by":53,"text":54},[207,215,219,226],{"value":208,"source":73,"evidence":209},"Campaign Monitor CSS guide and email clients tool",[210,214],{"id":211,"by":212,"text":213},"4856498","kevinconroy","If you're designing email HTML from scratch, Campaign Monitor's guide to CSS is incredibly helpful for knowing what to use and what to avoid. http:\u002F\u002Fwww.campaignmonitor.com\u002Fcss\u002F…",{"id":179,"by":180,"text":181},{"value":216,"source":73,"evidence":217},"Litmus testing",[218],{"id":211,"by":212,"text":213},{"value":220,"source":73,"evidence":221},"MailChimp email-jitsu guide and CSS inliner",[222,223],{"id":56,"by":57,"text":58},{"id":224,"by":77,"text":225},"4856052","Use the CSS Inliner Tool: http:\u002F\u002Fbeaker.mailchimp.com\u002Finline-css Also, read MailChimp's study on responsive emails:…",{"value":227,"source":73,"evidence":228},"philwareham\u002Fresponsive-email template",[229],{"id":116,"by":117,"text":118},{"comments":36,"answered":37,"key":231},[232,235,238],{"id":233,"text":234},"4856230","We just updated the post with a list of email clients we tested! http:\u002F\u002Fzurb.com\u002Farticle\u002F1119\u002Fcreate-emails-for-any-device-introducing-",{"id":236,"text":237},"4856225","We just updated the post with a QA chart of the email clients we tested on! http:\u002F\u002Fzurb.com\u002Farticle\u002F1119\u002Fcreate-emails-for-any-device-introducing-",{"id":239,"text":240},"4856227","Thanks for the kudos! Our team has been hard at work on these, and are so excited to share them with the community. :)",{"commenters":242,"max_depth":243,"maker_replies":36,"first_comment_mins":244,"lifespan_hours":245},68,7,23,115,[247,249,252,256,259,262,265,269,272,274,277,280,283,286,288,290,293,296,299,303,306,308,311,314,316,319,322,326,327,329,330,333,336,339,342,344,346,348,350,352,353,356,359,362,364,366,370,372,375,377,378,379,383,386,389,391,394,397,399,400,403,406,408,412,414,416,418,420,423,425,426,430,433,436,440,443,446,449,453,457,459,460,462,464,466,470,473,476,478,480,483,485,488],[140,43,43,248,141,43],"other\u002Fneutral\u002Fnone",[250,43,43,248,251,43],"4856569","joshfraser",[253,43,43,254,255,43],"4857135","commenter\u002Fneutral\u002Fnone","huhtenberg",[257,43,43,248,258,43],"4857263","adrianhoward",[260,43,43,254,261,43],"4863618","nihonjon",[263,43,43,248,264,43],"4856615","duck",[266,43,43,267,268,43],"4856644","other\u002Fneutral\u002Fdesign","mbell",[270,43,43,254,271,43],"4857043","nbashaw",[273,43,43,248,268,43],"4858313",[275,43,43,248,276,43],"4858781","alxndr",[278,43,43,248,279,43],"4857515","ZoFreX",[281,43,43,248,282,43],"4857066","tommaxwell",[284,43,43,248,285,43],"4857445","justincormack",[287,43,43,248,261,43],"4857202",[289,43,43,248,258,43],"4857272",[291,43,43,248,292,43],"4858548","hellweaver666",[294,43,43,248,295,43],"4858564","city41",[297,43,43,248,298,43],"4859099","charlieok",[300,43,32,301,302,43],"4859382","project\u002Fneutral\u002Fdesign","davemel37",[304,43,32,305,57,43],"4860669","maker\u002Fneutral\u002Fnone",[211,37,43,307,212,43],"other\u002Fneutral\u002Fdocs",[309,37,43,248,310,43],"4856855","snprbob86",[312,37,43,248,313,43],"4856903","netghost",[56,18,44,315,57,43],"project\u002Fpositive\u002Fexecution",[317,18,43,248,318,43],"4857541","arocks",[320,18,43,248,321,43],"4857848","Jgrubb",[323,18,37,324,325,43],"4877300","project\u002Fcritical\u002Fexecution","eli",[76,32,37,324,77,43],[198,36,32,328,199,43],"project\u002Fneutral\u002Fdocs",[224,36,43,307,77,43],[331,36,43,248,332,43],"4856159","nnnnnn",[334,36,43,307,335,43],"4856077","ludwigvan",[337,36,32,338,199,43],"4857686","project\u002Fneutral\u002Fexecution",[340,36,43,248,341,43],"4856374","bpatrianakos",[343,36,32,338,199,43],"4857690",[345,36,44,315,341,43],"4862357",[347,36,43,307,61,43],"4856506",[349,36,43,248,313,43],"4856913",[148,44,37,351,149,43],"project\u002Fcritical\u002Fidea",[84,39,32,328,85,43],[354,243,43,248,355,43],"4856409","hk__2",[357,243,43,248,358,43],"4856455","eblade",[360,243,43,248,361,43],"4857187","biot",[60,363,44,315,61,43],8,[365,363,43,248,251,43],"4856581",[367,368,43,248,369,43],"4856666",9,"charleshaanel",[155,371,37,351,156,43],10,[373,371,43,248,374,43],"4857525","nc",[172,30,32,376,173,43],"maker\u002Fneutral\u002Fdocs",[233,30,43,376,11,37],[129,31,37,324,130,43],[380,31,37,381,382,43],"4856707","project\u002Fcritical\u002Fdocs","Benferhat",[68,384,44,385,69,43],13,"project\u002Fpositive\u002Fidea",[52,387,32,388,53,43],14,"project\u002Fmixed\u002Fexecution",[179,390,32,338,180,43],15,[116,392,44,393,117,43],16,"project\u002Fpositive\u002Fdesign",[91,395,32,396,92,43],17,"project\u002Fmixed\u002Fdesign",[168,398,32,328,169,43],18,[236,398,43,376,11,37],[401,398,44,402,169,43],"4859490","maker\u002Fpositive\u002Fdocs",[144,404,37,405,145,43],19,"project\u002Fcritical\u002Fdesign",[183,407,32,338,184,43],20,[409,410,37,324,411,43],"4856510",21,"fudged71",[413,410,43,248,264,43],"4856623",[415,410,43,248,411,43],"4856657",[417,410,43,248,264,43],"4856717",[419,410,43,254,411,43],"4856970",[421,410,44,393,422,43],"4856920","tomwalsham",[133,424,37,324,134,43],22,[190,244,44,393,191,43],[427,428,43,248,429,43],"4856292",24,"javajosh",[431,428,43,248,432,43],"4856391","kitsune_",[434,428,32,305,435,43],"4858662","ryanriddle",[437,438,37,324,439,43],"4856193",25,"hayksaakian",[104,441,44,442,105,43],26,"project\u002Fpositive\u002Fnone",[444,441,43,248,445,43],"4857077","dedakia",[447,448,32,388,282,43],"4857061",27,[450,451,43,248,452,43],"4856460",28,"shill",[454,455,37,351,456,43],"4860938",29,"jsilence",[108,458,44,442,109,43],30,[239,458,43,305,11,37],[461,458,32,305,109,43],"4856297",[463,458,43,305,11,37],"4856441",[120,465,44,393,121,43],31,[467,468,43,248,469,43],"4856150",32,"onassar",[471,468,43,248,472,43],"4856153","27182818284",[474,468,43,248,475,43],"4856385","Mz",[477,468,43,248,109,43],"4856429",[479,468,43,248,475,43],"4856446",[481,468,43,248,482,43],"4859048","mandeepj",[484,468,43,254,475,43],"4859276",[486,468,43,248,487,43],"4863071","alter8",[489,468,43,248,475,43],"4863175",[],[492,497,502,507,511,516],{"id":493,"name":494,"points":495,"category":496},"4860370","Interactive SICP",280,"learning_science",{"id":498,"name":499,"points":500,"category":501},"4875759","Visimojo",165,"web_saas",{"id":503,"name":504,"points":505,"category":506},"4868699","2u.fm",121,"consumer_social",{"id":508,"name":509,"points":510,"category":501},"4847460","CreateMyInvoice.com",118,{"id":512,"name":513,"points":514,"category":515},"4853042","Pappu Pakia",82,"games",{"id":517,"name":518,"points":242,"category":519},"4847306","Graphdat","infrastructure",false,"v2",{"id":523,"name":5,"line":6,"ai":520,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":524,"top":18,"kw":525,"maker":11,"domain":10,"tier":19,"attempts":43,"strip":526,"url":9,"mix":527,"praise":100,"objection":125,"sub":21},4855892,-0.04,[24,25,21,26],"0000000030511035135011334511035151535000",[30,31,32,30],1793990888216]