Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Designing, Templating, Inlining and Sending Email!

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

<p>In this show, Scott and Wes talk about about sending both transactional and marketing email. Everything from designing to templating to inlining the CSS to getting it sent. Enjoy!</p> <h2 id="freshbooks-sponsor">Freshbooks - Sponsor</h2> <p>If you are a small business or freelancer check out <a href="https://freshbooks.com/syntax" target="_blank" rel="noopener">Freshbooks.com Cloud Accounting</a>and get 30 days free. Make sure to enter SYNTAX into the "How did you hear about us" section.</p> <h2 id="xojo-sponsor">Xojo — Sponsor</h2> <p>Xojo is a cross-platform development tool for creating native apps for desktop, mobile, web and Raspberry Pi.</p> <p>With Xojo you really can write just one version of your app, say, on the Mac, click a button, and have a completely native Windows version too.</p> <p>Xojo lets you abstract yourself from specific platform details, so you can focus on what makes your app unique. All apps have completely native controls, even if they weren’t developed on that platform. Just use drag and drop to create your user interface, and one language to program the functionality.</p> <p>Users also include Fortune 500 companies, citizen developers, professional developers, IT, hobbyists and students - anyone who wants to build apps faster.</p> <p>Listeners of this show get 20% off with the coupon code SYNTAX over at <a href="http://xojo.com/syntax" target="_blank" rel= "noopener">xojo.com/syntax</a></p> <h2 id="show-notes">Show Notes</h2> <p>0:00</p> <ul> <li>WELCOME!</li> </ul> <p>2:00</p> <ul> <li>An update on GraphCool, Prisma and Yoga</li> </ul> <p>3:45</p> <h2 id="syntax-contest-">Syntax Contest!</h2> <ul> <li>You can win a free course from either Scott or Wes by screenshotting yourself listening to the podcast and uploading to Twitter or Instagram.</li> <li>We will pick 1 winner from Twitter and 1 winner from Instagram</li> <li>Make sure to tag <a href="https://twitter.com/wesbos" target="_blank" rel="noopener">@wesbos</a> and <a href= "https://twitter.com/stolinski" target="_blank" rel= "noopener">@stolinski</a> on Twitter and <a href= "https://instagram.com/wesbos" target="_blank" rel= "noopener">@wesbos</a> and <a href= "https://instagram.com/stolinski" target="_blank" rel= "noopener">@stolinski</a>on Instagram</li> <li>#TastyTreats</li> </ul> <p>5:40</p> <ul> <li>Email ain't easy!</li> </ul> <p>6:20</p> <ul> <li>How do Scott and Wes use email in their apps and businesses?</li> <li>Transactional vs Marketing Email</li> </ul> <p>9:00</p> <ul> <li>Dealing with multiple emails and modifier</li> <li>Signing in with Facebook vs Email?!</li> </ul> <p>11:00</p> <ul> <li>Transactional Email</li> <li>The Process to creating single one-off email</li> </ul> <p>13:00</p> <ul> <li><strong>Scott's Setup:</strong></li> <li><a href="http://handlebarsjs.com/" target="_blank" rel= "noopener">Handlebars</a></li> <li><a href="https://docs.meteor.com/api/email.html" target= "_blank" rel="noopener">Meteor Email Docs</a></li> <li> <p><a href="https://www.mandrill.com/" target="_blank" rel= "noopener">Mandrill</a></p> </li> <li> <p><strong>Wes' Setup</strong></p> </li> <li><a href="https://pugjs.org/api/getting-started.html" target= "_blank" rel="noopener">Pug Templating</a> - <em>the artist formerly known as Jade</em></li> <li><a href="https://www.npmjs.com/package/juice" target="_blank" rel="noopener">Juice CSS Inliner</a></li> <li><a href= "https://foundation.zurb.com/emails/email-templates.html" target= "_blank" rel="noopener">Foundation for Emails</a></li> <li><a href="https://github.com/zurb/inky" target="_blank" rel= "noopener">Inky</a></li> <li><a href="https://nodemailer.com/about/" target="_blank" rel= "noopener">NodeMailer</a></li> <li><a href="https://postmarkapp.com/" target="_blank" rel= "noopener">Postmark</a></li> </ul> <p>20:00</p> <ul> <li>Why does email get blocked?</li> <li><a href="https://aws.amazon.com/ses/" target="_blank" rel= "noopener">Amazon SES</a></li> <li><a href="https://sendgrid.com/" target="_blank" rel= "noopener">SendGrid</a></li> <li><a href="https://www.mailgun.com/" target="_blank" rel= "noopener">MailGun</a></li> <li><a href="https://mjml.io/" target="_blank" rel= "noopener">MJML</a></li> <li>Email Reputation</li> <li><a href="https://mailtrap.io/" target="_blank" rel= "noopener">MailTrap</a></li> <li><a href="https://github.com/mailhog/MailHog" target="_blank" rel="noopener">MailHog</a></li> </ul> <p>30:00</p> <ul> <li>Designing Emails</li> <li>CSS is very limited</li> <li><a href="https://mjml.io/" target="_blank" rel="noopener">MJML React Email Templating</a></li> <li><a href= "https://twitter.com/TonyRanieri/status/963591591159099393" target= "_blank" rel="noopener">Tony</a> from Twitter also told me about <a href="https://heml.io/" target="_blank" rel= "noopener">HTML</a></li> </ul> <p>37:22</p> <ul> <li>Debugging and Testing Emails</li> <li><a href="http://litmus.com/" target="_blank" rel= "noopener">Litmus</a></li> <li><a href="https://www.emailonacid.com/" target="_blank" rel= "noopener">Email on Acid</a> is way cheaper</li> </ul> <p>45:00</p> <ul> <li>Marketing Emails</li> <li><a href="http://mailchimp.com/" target="_blank" rel= "noopener">MailChimp</a></li> <li><a href="https://getdrip.com/" target="_blank" rel= "noopener">Drip</a></li> </ul> <p>52:00</p> <ul> <li>Host your own Platforms</li> <li><a href="http://wes.io/bvN7" target="_blank" rel= "noopener">Sendy</a></li> <li><a href="https://emailoctopus.com/" target="_blank" rel= "noopener">Email Octopus</a></li> <li><a href="http://mautic.org/" target="_blank" rel= "noopener">Mautic</a></li> <li><a href="https://github.com/Mailtrain-org/mailtrain" target= "_blank" rel="noopener">MailTrain</a></li> </ul> <h2 id="siiick-pixxxx">Siiick Pixxxx</h2> <ul> <li>Scott: <a href="https://www.personalcapital.com/" target= "_blank" rel="noopener">Personal Capital</a></li> <li>Wes: Nothing is Sick this week</li> </ul> <h2 id="tweet-us-your-tasty-treats-">Tweet us your tasty treats!</h2> <ul> <li><a href="https://www.instagram.com/stolinski/" target="_blank" rel="noopener">Scott's Instagram</a></li> <li><a href="https://www.instagram.com/LevelUpTutorials/" target= "_blank" rel="noopener">LevelUpTutorials Instagram</a></li> <li><a href="https://www.instagram.com/wesbos/" target="_blank" rel="noopener">Wes' Instagram</a></li> <li><a href="https://twitter.com/wesbos" target="_blank" rel= "noopener">Wes' Twitter</a></li> <li><a href="https://www.facebook.com/wesbos.developer" target= "_blank" rel="noopener">Wes' Facebook</a></li> <li><a href="https://twitter.com/stolinski" target="_blank" rel= "noopener">Scott's Twitter</a></li> <li>Make sure to include <a href= "https://twitter.com/SyntaxFM" target="_blank" rel= "noopener">@SyntaxFM</a> in your tweets</li> </ul>

In this show, Scott and Wes talk about about sending both transactional and marketing email. Everything from designing to templating to inlining the CSS to getting it sent. Enjoy!
 Freshbooks - Sponsor If you are a small business or freelancer check out Freshbooks.com Cloud Accountingand get 30 days free. Make sure to enter SYNTAX into the "How did you hear about us" section.
 Xojo — Sponsor Xojo is a cross-platform development tool for creating native apps for desktop, mobile, web and Raspberry Pi.
 With Xojo you really can write just one version of your app, say, on the Mac, click a button, and have a completely native Windows version too.
 Xojo lets you abstract yourself from specific platform details, so you can focus on what makes your app unique. All apps have completely native controls, even if they weren’t developed on that platform. Just use drag and drop to create your user interface, and one language to program the functionality.
 Users also include Fortune 500 companies, citizen developers, professional developers, IT, hobbyists and students - anyone who wants to build apps faster.
 Listeners of this show get 20% off with the coupon code SYNTAX over at xojo.com/syntax
 Show Notes 0:00
 WELCOME!
 2:00
 An update on GraphCool, Prisma and Yoga
 3:45
 Syntax Contest! You can win a free course from either Scott or Wes by screenshotting yourself listening to the podcast and uploading to Twitter or Instagram.
 We will pick 1 winner from Twitter and 1 winner from Instagram
 Make sure to tag @wesbos and @stolinski on Twitter and @wesbos and @stolinskion Instagram
 #TastyTreats
 5:40
 Email ain't easy!
 6:20
 How do Scott and Wes use email in their apps and businesses?
 Transactional vs Marketing Email
 9:00
 Dealing with multiple emails and modifier
 Signing in with Facebook vs Email?!
 11:00
 Transactional Email
 The Process to creating single one-off email
 13:00
 Scott's Setup:
 Handlebars
 Meteor Email Docs
 Mandrill

 Wes' Setup

Pug Templating - the artist formerly known as Jade

 Juice CSS Inliner
 Foundation for Emails
 Inky
 NodeMailer
 Postmark
 20:00
 Why does email get blocked?
 Amazon SES
 SendGrid
 MailGun
 MJML
 Email Reputation
 MailTrap
 MailHog
 30:00
 Designing Emails
 CSS is very limited
 MJML React Email Templating

Tony from Twitter also told me about HTML

 37:22
 Debugging and Testing Emails
 Litmus

Email on Acid is way cheaper
 45:00
 Marketing Emails
 MailChimp
 Drip
 52:00
 Host your own Platforms
 Sendy
 Email Octopus
 Mautic
 MailTrain
 Siiick Pixxxx Scott: Personal Capital

 Wes: Nothing is Sick this week
 Tweet us your tasty treats! Scott's Instagram
 LevelUpTutorials Instagram
 Wes' Instagram
 Wes' Twitter
 Wes' Facebook
 Scott's Twitter
 Make sure to include @SyntaxFM in your tweets

Aplikace Youradio Talk

Pro přehrání dalších podcastů se prosím registrujte.

Designing, Templating, Inlining and Sending Email!

Poslechněte si podcast