[{"data":1,"prerenderedAt":214},["ShallowReactive",2],{"project-30207404":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":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":40,"post_text":42,"what":43,"said":62,"maker_in_thread":133,"shape":140,"grid":144,"attempts":173,"same_week":178,"maker_shows":32,"maker_hidden":207,"reader_version":208,"card":209},"30207404","Mailwind","Use Tailwind CSS to design HTML emails","title","Show HN: Mailwind – Use Tailwind CSS to design HTML emails","https:\u002F\u002Fgithub.com\u002Fsoheilpro\u002Fmailwind","github.com","soheilpro",1643986185,2022,63,15,840,2570,33,"notable","dev_tools","email template tooling","library",[24,25,26,27],"tailwind css","html email","email templates","css inlining","curious",0.25,{"positive":31,"neutral":32,"mixed":33,"critical":34},4,5,0,1,10,{"idea":37,"design":38,"execution":39},{"positive":31,"critical":33},{"positive":33,"critical":33},{"positive":33,"critical":34},[41,33,41,32,32,41,41,33,33,33,41,33,34,32,32],3,null,{"problem":44,"audience":42,"pricing":42,"motivation":51,"time_to_build":42,"stack":55,"openness":61,"stage":61,"team_size":61},{"value":45,"source":46,"evidence":47},"Writing CSS for HTML emails is cumbersome","maker",[48],{"id":49,"by":11,"text":50},"30216663","Thank you! Same here. I just found it very cumbersome to write CSS for my emails, so I had the idea to create this.",{"value":52,"source":46,"evidence":53},"Found writing CSS for emails very cumbersome",[54],{"id":49,"by":11,"text":50},[56],{"value":57,"source":46,"evidence":58},"Tailwind CSS",[59],{"id":60},"post","unknown",{"praise":63,"objections":86,"requests":101,"questions":102,"alternatives":121},[64,76],{"value":65,"source":66,"evidence":67},"Name is clever","commenter",[68,72],{"id":69,"by":70,"text":71},"30218460","barbarbar","I have nothing useful to say. But name is extremely smart\u002Fclever. Very nice.",{"id":73,"by":74,"text":75},"30302745","bluewalt","It could even be a good name for a smtp provider as well :)",{"value":77,"source":66,"evidence":78},"Useful for using Tailwind in emails",[79,82],{"id":80,"by":74,"text":81},"30302789","This is useful. As tailwind team is very active, I won't be surprised if they decide to embed an official tool like this one.",{"id":83,"by":84,"text":85},"30210687","fckthisguy","I love this! Tailwind has been a genuine revelation for me; moving away from CSS and provind styles that \"just work\" is fantastic. CSS in email was the last area I had to use…",[87,94],{"value":88,"source":66,"evidence":89},"Email clients have poor CSS support, especially Outlook",[90],{"id":91,"by":92,"text":93},"30218933","Gigachad","No. Even in web mail clients you still can’t use so many things that you would expect to. And last I checked, outlook still supports just about nothing",{"value":95,"source":66,"evidence":96},"Inline styles cannot handle media queries for responsive design",[97],{"id":98,"by":99,"text":100},"30222878","mekster","How can you not tell inline cannot use media queries? It's hard to think how people think classes are same as inlines when responsive designs are the norm. Not to mention pure…",[],[103,114],{"value":104,"source":66,"evidence":105},"How does it differ from Maizzle",[106,110],{"id":107,"by":108,"text":109},"30209697","marcus_cemes","How is this different to https:\u002F\u002Fmaizzle.com\u002F?",{"id":111,"by":112,"text":113},"30225173","creativedg","Could you elaborate? I'm currently looking for a solution to build email with Tailwind CSS. So, with Maizzle you can do more things?",{"value":115,"source":66,"evidence":116},"Can email clients render modern CSS consistently",[117],{"id":118,"by":119,"text":120},"30213832","seanwilson","Can you rely on desktop and mobile email clients to render modern CSS consistently now or it's still something to watch out for?",[122,126],{"value":123,"source":66,"evidence":124},"Maizzle",[125],{"id":107,"by":108,"text":109},{"value":127,"source":66,"evidence":128},"Inline CSS",[129],{"id":130,"by":131,"text":132},"30214890","hsbauauvhabzb","I’ve tried to move to tailwind, and I don’t hate it, but I’ve concluded that inline styles are effectively the same and we should just skip tailwind in favour of inline. I’m sure…",{"comments":134,"answered":34,"key":135},2,[136,139],{"id":137,"text":138},"30216602","Maizzle is a full framework. Mailwind is a just a simple way to use Tailwind CSS in HTML emails (and optionally inlining them).",{"id":49,"text":50},{"commenters":141,"max_depth":31,"maker_replies":134,"first_comment_mins":142,"lifespan_hours":143},12,154,169,[145,147,148,149,151,152,153,157,160,162,163,165,169,171,172],[107,33,41,146,108,33],"project\u002Fneutral\u002Fidea",[137,33,33,146,11,34],[111,33,41,146,112,33],[80,34,32,150,74,33],"project\u002Fpositive\u002Fidea",[83,134,32,150,84,33],[130,134,41,146,131,33],[154,134,41,155,156,33],"30216785","project\u002Fneutral\u002Fdesign","apineda",[158,134,33,159,131,33],"30220204","commenter\u002Fneutral\u002Fnone",[98,134,33,161,99,33],"commenter\u002Fcritical\u002Fdesign",[49,134,33,150,11,34],[118,41,41,164,119,33],"project\u002Fneutral\u002Fexecution",[166,41,33,167,168,33],"30218473","commenter\u002Fneutral\u002Fexecution","aaaaaaaaata",[91,41,34,170,92,33],"project\u002Fcritical\u002Fexecution",[69,31,32,150,70,33],[73,31,32,150,74,33],[174,177],{"id":175,"t":176,"points":134,"comments":33},"28069011",1628129984,{"id":4,"t":12,"points":14,"comments":15},[179,184,188,192,197,202],{"id":180,"name":181,"points":182,"category":183},"30244534","SHA-256 explained step-by-step visually",1241,"learning_science",{"id":185,"name":186,"points":187,"category":20},"30273940","Jless",344,{"id":189,"name":190,"points":191,"category":183},"30193997","Reso",259,{"id":193,"name":194,"points":195,"category":196},"30267539","PgCat",233,"infrastructure",{"id":198,"name":199,"points":200,"category":201},"30257888","Three Magic Words",204,"games",{"id":203,"name":204,"points":205,"category":206},"30194440","Kapwing Smart Cut",171,"creative",false,"v2",{"id":210,"name":5,"line":6,"ai":207,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":29,"top":18,"kw":211,"maker":11,"domain":10,"tier":19,"attempts":134,"strip":212,"url":9,"mix":213,"praise":65,"objection":88,"sub":21},30207404,[24,25,26,27],"303553300030155",[31,32,33,34],1794036616562]