HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URL's added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by Skypack, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ES6 import
usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- NAME: 1 COLUMN - BANDED -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>An Event Apart Digest, Issue 24</title>
<style type="text/css">
body,#bodyTable,#bodyCell{
height:100% !important;
margin:0;
padding:0;
width:100% !important;
}
table{
border-collapse:collapse;
}
img,a img{
border:0;
outline:none;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
p{
margin:1em 0;
padding:0;
}
a{
word-wrap:break-word;
}
.mcnPreviewText{
display:none !important;
}
.ReadMsgBody{
width:100%;
}
.ExternalClass{
width:100%;
}
.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{
line-height:100%;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
#outlook a{
padding:0;
}
img{
-ms-interpolation-mode:bicubic;
}
body,table,td,p,a,li,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
#bodyCell{
padding:0;
}
.mcnImage{
vertical-align:bottom;
}
.mcnTextContent img{
height:auto !important;
}
body,#bodyTable{
background-color:#f7f6f1;
}
#bodyCell{
border-top:0;
}
h1{
color:#444444 !important;
display:block;
font-family:Helvetica;
font-size:30px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
margin:0;
text-align:left;
}
h2{
color:#404040 !important;
display:block;
font-family:Helvetica;
font-size:26px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
margin:0;
text-align:left;
}
h3{
color:#606060 !important;
display:block;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
margin:0;
text-align:left;
}
h4{
color:#808080 !important;
display:block;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
margin:0;
text-align:left;
}
#templatePreheader{
background-color:#1b0d1a;
border-top:0;
border-bottom:0;
}
.preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
color:#cccccc;
font-family:Helvetica;
font-size:11px;
line-height:100%;
text-align:left;
}
.preheaderContainer .mcnTextContent a{
color:#ffffff;
font-weight:normal;
text-decoration:underline;
}
#templateHeader{
background-color:#f7f6f1;
border-top:0;
border-bottom:0;
}
.headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
color:#606060;
font-family:Helvetica;
font-size:15px;
line-height:150%;
text-align:left;
}
.headerContainer .mcnTextContent a{
color:#6DC6DD;
font-weight:normal;
text-decoration:underline;
}
#templateBody{
background-color:#f7f6f1;
border-top:0;
border-bottom:0;
}
.bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
color:#333333;
font-family:Helvetica;
font-size:14px;
line-height:150%;
text-align:left;
}
.bodyContainer .mcnTextContent a{
color:#ff3300;
font-weight:normal;
text-decoration:underline;
}
#templateFooter{
background-color:#1b0d1a;
border-top:0;
border-bottom:0;
}
.footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
color:#cccccc;
font-family:Helvetica;
font-size:11px;
line-height:125%;
text-align:left;
}
.footerContainer .mcnTextContent a{
color:#eeeeee;
font-weight:normal;
text-decoration:underline;
}
@media only screen and (max-width: 480px){
body,table,td,p,a,li,blockquote{
-webkit-text-size-adjust:none !important;
}
} @media only screen and (max-width: 480px){
body{
width:100% !important;
min-width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnTextContentContainer]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
.mcnBoxedTextContentContainer{
max-width:100% !important;
min-width:100% !important;
width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcpreview-image-uploader]{
width:100% !important;
display:none !important;
}
} @media only screen and (max-width: 480px){
img[class=mcnImage]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnImageGroupContentContainer]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageGroupContent]{
padding:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageGroupBlockInner]{
padding-bottom:0 !important;
padding-top:0 !important;
}
} @media only screen and (max-width: 480px){
tbody[class=mcnImageGroupBlockOuter]{
padding-bottom:9px !important;
padding-top:9px !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnCaptionTopContent],table[class=mcnCaptionBottomContent]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnCaptionLeftTextContentContainer],table[class=mcnCaptionRightTextContentContainer],table[class=mcnCaptionLeftImageContentContainer],table[class=mcnCaptionRightImageContentContainer],table[class=mcnImageCardLeftTextContentContainer],table[class=mcnImageCardRightTextContentContainer]{
width:100% !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardLeftImageContent],td[class=mcnImageCardRightImageContent]{
padding-right:18px !important;
padding-left:18px !important;
padding-bottom:0 !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardBottomImageContent]{
padding-bottom:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardTopImageContent]{
padding-top:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardLeftImageContent],td[class=mcnImageCardRightImageContent]{
padding-right:18px !important;
padding-left:18px !important;
padding-bottom:0 !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardBottomImageContent]{
padding-bottom:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnImageCardTopImageContent]{
padding-top:18px !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnCaptionLeftContentOuter] td[class=mcnTextContent],table[class=mcnCaptionRightContentOuter] td[class=mcnTextContent]{
padding-top:9px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnCaptionBlockInner] table[class=mcnCaptionTopContent]:last-child td[class=mcnTextContent]{
padding-top:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnBoxedTextContentColumn]{
padding-left:18px !important;
padding-right:18px !important;
}
} @media only screen and (max-width: 480px){
td[class=mcnTextContent]{
padding-right:18px !important;
padding-left:18px !important;
}
} @media only screen and (max-width: 480px){
table[class=templateContainer]{
max-width:600px !important;
width:100% !important;
}
} @media only screen and (max-width: 480px){
h1{
font-size:18px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
h2{
font-size:20px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
h3{
font-size:18px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
h4{
font-size:16px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
table[class=mcnBoxedTextContentContainer] td[class=mcnTextContent],td[class=mcnBoxedTextContentContainer] td[class=mcnTextContent] p{
font-size:16px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
table[id=templatePreheader]{
display:block !important;
}
} @media only screen and (max-width: 480px){
td[class=preheaderContainer] td[class=mcnTextContent],td[class=preheaderContainer] td[class=mcnTextContent] p{
font-size:14px !important;
line-height:115% !important;
}
} @media only screen and (max-width: 480px){
td[class=headerContainer] td[class=mcnTextContent],td[class=headerContainer] td[class=mcnTextContent] p{
font-size:18px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
td[class=bodyContainer] td[class=mcnTextContent],td[class=bodyContainer] td[class=mcnTextContent] p{
font-size:16px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
td[class=footerContainer] td[class=mcnTextContent],td[class=footerContainer] td[class=mcnTextContent] p{
font-size:14px !important;
line-height:115% !important;
}
} @media only screen and (max-width: 480px){
td[class=footerContainer] a[class=utilityLink]{
display:block !important;
}
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"
style="margin: 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #f7f6f1;height: 100% !important;width: 100% !important;">
<!-- -->
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%"
width="100%" id="bodyTable" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin: 0;padding: 0;background-color: #f7f6f1;height: 100% !important;width: 100% !important;">
<tr>
<td align="center" valign="top" id="bodyCell" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin: 0;padding: 0;border-top: 0;height: 100% !important;width: 100% !important;">
<!-- BEGIN TEMPLATE // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tr>
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<!-- BEGIN PREHEADER // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader"
style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #1b0d1a;border-top: 0;border-bottom: 0;">
<tr>
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer"
style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tr>
<td valign="top" class="preheaderContainer" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnTextBlockOuter">
<tr>
<td valign="top" class="mcnTextBlockInner" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="366" class="mcnTextContentContainer"
style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody>
<tr>
<td valign="top" class="mcnTextContent" style="padding-top: 9px;padding-left: 18px;padding-bottom: 9px;padding-right: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #cccccc;font-family: Helvetica;font-size: 11px;line-height: 100%;text-align: left;">News and notes from An Event Apart.</td>
</tr>
</tbody>
</table>
<table align="right" border="0" cellpadding="0" cellspacing="0" width="197" class="mcnTextContentContainer"
style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody>
<tr>
<td valign="top" class="mcnTextContent" style="padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #cccccc;font-family: Helvetica;font-size: 11px;line-height: 100%;text-align: left;">
<a href="http://mailchi.mp/aneventapart/gn0s4pvi9z-476857?e=085e077f10" target="_blank"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ffffff;font-weight: normal;text-decoration: underline;">View this email in your browser</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- // END PREHEADER -->
</td>
</tr>
<tr>
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<!-- BEGIN HEADER // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader"
style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #f7f6f1;border-top: 0;border-bottom: 0;">
<tr>
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer"
style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tr>
<td valign="top" class="headerContainer" style="padding-top: 10px;padding-bottom: 10px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnImageBlockOuter">
<tr>
<td valign="top" style="padding: 0px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
class="mcnImageBlockInner">
<table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody>
<tr>
<td class="mcnImageContent" valign="top" style="padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align: center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<img align="center" alt="" src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/5a4809ca-a17f-482a-8fa3-d7495f21b988.png"
width="600" style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"
class="mcnImage">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- // END HEADER -->
</td>
</tr>
<tr>
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<!-- BEGIN BODY // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody"
style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #f7f6f1;border-top: 0;border-bottom: 0;">
<tr>
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer"
style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tr>
<td valign="top" class="bodyContainer" style="padding-top: 10px;padding-bottom: 10px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnTextBlockOuter">
<tr>
<td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<!--[if mso]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top" width="600" style="width:600px;">
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
width="100%" class="mcnTextContentContainer">
<tbody>
<tr>
<td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">In the United States, the Thanksgiving holiday is right around the corner. Wherever
you live, we’re thankful for you, the web community.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">To show our thanks, we present a curated cornucopia of tips, links, and reads.
This time: another look at the tools that pros like you use. The wrap-up on our
2017 design and development survey. And not one but <em>two</em> exclusive, 60-minute
videos.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">The <em>Digest</em> comes from
<a href="https://aneventapart.com/" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">An Event Apart</a>, the leading design and front-end conference for web, UX, and
interaction designers. It’s our way to stay in touch, to share articles and ideas,
and to remind you that AEA is <em>the</em> place to escape the grind and spend a
few days sharpening your skills.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Let’s dig in! And as always, if you wish to unsubscribe, you’ll find instructions
for doing so at the end of this email.</p>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnDividerBlockOuter">
<tr>
<td class="mcnDividerBlockInner" style="min-width: 100%;padding: 32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%"
style="min-width: 100%;border-top-width: 1px;border-top-style: dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody>
<tr>
<td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <span></span>
</td>
</tr>
</tbody>
</table>
<!-- <td class="mcnDividerBlockInner" style="padding: 18px;">
<hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
--></td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnImageBlockOuter">
<tr>
<td valign="top" style="padding: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
class="mcnImageBlockInner">
<table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody>
<tr>
<td class="mcnImageContent" valign="top" style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;text-align: center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<img align="center" alt="" src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/ca68943b-479c-45d7-808a-9e8f44011208.jpg"
width="564" style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"
class="mcnImage">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnTextBlockOuter">
<tr>
<td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<!--[if mso]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top" width="600" style="width:600px;">
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
width="100%" class="mcnTextContentContainer">
<tbody>
<tr>
<td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<h1 style="text-align: center;margin-bottom: 0.5em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444 !important;"><strong>The Tools We Use</strong></h1>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">For our first course, we present more excerpts from our new <em>The Tools I Use</em> series
of articles on the AEA website. These excerpts feature our friends and frequent
AEA speakers
<a href="https://aneventapart.com/speakers/jaimee-newberry" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Jaimee Newberry</a> and
<a href="https://aneventapart.com/speakers/dan-mall" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Dan Mall</a>.</p>
<h3 style="margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 18px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -.5px;text-align: left;color: #606060 !important;"><strong>Jaimee Newberry</strong></h3>
<blockquote style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://trello.com/" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Trello</strong></a><strong>: </strong>My company uses Trello to track our product flow from processing,
through production, to shipping and any little nuances in-between. It’s a lifesaver
and keeps us super organized. We also use a separate board for individual team
to-dos, priorities, and “things to do if there’s nothing to do” lists. I have a
personal Trello board to keep master lists of things I need to do.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://en.wikipedia.org/wiki/ICal" target="_blank" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Calendar</strong></a><strong>: </strong>I know, I know. But it’s the one that works best for me! Appointments
and whatnot, it all goes in here.</p>
</blockquote>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Jaimee also relies on a pocket-sized Moleskine notebook and the 1Password password-management
utility.
<a href="https://aneventapart.com/news/post/jaimee-newberry-the-tools-i-use"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Read the details</a> on the AEA site.</p>
<h3 style="margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 18px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -.5px;text-align: left;color: #606060 !important;"><strong>Dan Mall</strong></h3>
<blockquote style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://caffeine.en.softonic.com/mac" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Caffeine</strong></a><strong>: </strong>Keeps my Mac from going to sleep. Sometimes I’ll be teaching
something and screen-sharing and we’ll launch into a discussion and my Mac will
fall asleep. Because I have my password set all the time, it just saves me the
annoying 2 seconds of having to re-log in and have displays wake up and all of
that.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="http://mizage.com/divvy/" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Divvy</strong></a><strong>: </strong>Quickly and easily resizes and repositions application windows.</p>
<p
style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="http://dustinsenos.com/littleIpsum" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Little Ipsum</strong></a><strong>: </strong>A quick placeholder copy generator.</p>
</blockquote>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Dan also wouldn’t be caught without other handy utilities for picking colors,
muting his computer’s mic from the keyboard, and keeping his desktop and menu bar
clean.
<a href="https://aneventapart.com/news/post/dan-mall-the-tools-i-use" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Read all about them</a>.</p>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnDividerBlockOuter">
<tr>
<td class="mcnDividerBlockInner" style="min-width: 100%;padding: 32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%"
style="min-width: 100%;border-top-width: 1px;border-top-style: dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody>
<tr>
<td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <span></span>
</td>
</tr>
</tbody>
</table>
<!-- <td class="mcnDividerBlockInner" style="padding: 18px;">
<hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
--></td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnImageBlockOuter">
<tr>
<td valign="top" style="padding: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
class="mcnImageBlockInner">
<table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody>
<tr>
<td class="mcnImageContent" valign="top" style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;text-align: center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<img align="center" alt="" src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/8d8e646a-2ea1-4722-a36e-e00622db72ae.jpg"
width="564" style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"
class="mcnImage">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnTextBlockOuter">
<tr>
<td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<!--[if mso]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top" width="600" style="width:600px;">
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
width="100%" class="mcnTextContentContainer">
<tbody>
<tr>
<td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<h1 style="text-align: center;margin-bottom: 0.5em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444 !important;">Design & Development Tools of the Trade:<br>
Your Answers to the AEA Survey</h1>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Over the years, we’ve surveyed our community several times about the state of
our industry (in
<a href="https://alistapart.com/article/2007surveyresults" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">2007</a>, in
<a href="https://alistapart.com/article/findings" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">2008</a>, and again in
<a href="https://alistapart.com/article/survey2011" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">2011</a>).</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">This year, we were back to our curious ways. We surveyed our social media followers
about the tools they use and more. We’ve published the results in three articles.
If you’ve missed them, here are short recaps and links to deeper dives in our site.</p>
<p
style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://aneventapart.com/news/post/design-and-development-tools-of-the-trade"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>The big picture</strong></a><strong>.</strong> Most respondents said they focus on a mix of design and development.
Three quarters use macOS computers—which seems like a lot but is less lopsided
than in previous surveys. For design tools, Photoshop was tied with pen and paper
(which makes us happy), with Illustrator, Sketch, InDesign, and other tools rounding
out the results. For coding, GitHub unsurprisingly rated highly as the most widely
adopted tool—followed by Sublime Text and others. For team collaboration, Slack
ran away with the top spot.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://aneventapart.com/news/post/aea-survey-results-development-tools-of-the-trade"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Development tools</strong></a><strong>. </strong>As noted above, GitHub was the most frequently used development
tool. But Sublime Text was the tool our respondents said was the most essential
to them. As for platforms, the macOS was the choice of 82 percent of developer
respondents. And again, for teamwork, Slack was a clear favorite over email and
other tools.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://aneventapart.com/news/post/design-tools-of-the-trade" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Design tools</strong></a><strong>. </strong>Our friends at Dunder-Mifflin Paper will be happy to know that
dead trees were our respondents’ favorite prototyping tool, and they tied with
Photoshop for most popular design tool. Slack again was by far the most popular
collaboration tool. And we were flattered that <em>A List Apart</em> was our respondents’
favorite source of information.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Our Development and Design articles also contain more details, including some
quotes from respondents and an interview with one of them.</p>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnDividerBlockOuter">
<tr>
<td class="mcnDividerBlockInner" style="min-width: 100%;padding: 32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%"
style="min-width: 100%;border-top-width: 1px;border-top-style: dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody>
<tr>
<td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <span></span>
</td>
</tr>
</tbody>
</table>
<!-- <td class="mcnDividerBlockInner" style="padding: 18px;">
<hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
--></td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnTextBlockOuter">
<tr>
<td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<!--[if mso]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top" width="600" style="width:600px;">
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
width="100%" class="mcnTextContentContainer">
<tbody>
<tr>
<td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<h1 style="text-align: center;margin-bottom: 0.5em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444 !important;"><img align="none" height="96" src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/76614d6d-ecca-4e4a-9752-db55d8e51dfd.png" style="width: 124px;height: 96px;margin: 0px;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" width="124"><br>
<strong>Quick Clicks</strong></h1>
<ul>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://github.com/mbeaudru/modern-js-cheatsheet" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">This document is a cheat sheet for the JavaScript</a> you will frequently encounter
in modern projects and most contemporary sample code.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Need to disable autoplay videos in Chrome?
<a href="https://twitter.com/robotech_master/status/915106702923583488"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Chris Meadows with the 411</a>.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Did you know turning off list styling with CSS can create accessibility problems?
<a
href="https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Find out how to nullify them</a>.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Travel site trivago went from being inaccessible to being more accessible, thanks
largely to a small group of devs.
<a href="http://tech.trivago.com/2017/09/26/accessibility-at-trivago/"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Get a feel for their journey</a>.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="http://inclusivedesignprinciples.org/" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">A lovely resource on designing by putting people first</a>, which includes (but
is by no means limited to) accessibility.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">An incredibly beautiful and meditative experience that requires side arrow keys,
a space bar, and
<a href="https://alexanderperrin.com.au/paper/shorttrip/" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">a few minutes of your time</a>.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">They’re here! They’re variable! Variable fonts, that is. They’re coming to Photoshop
(
<a href="https://www.youtube.com/watch?time_continue=1&v=ch8neQEPuIA" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Adobe video</a>). They’re coming to the web—
<a href="https://alistapart.com/blog/post/variable-fonts-for-responsive-design"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Variable Fonts for Responsive Design</a> (Nick Sherman, 2015). But what are variable
fonts, anyway? Only
<a href="http://typographica.org/on-typography/variable-fonts/"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">the future of (web) type</a>, and just <strong>one</strong> of the topics to be
presented at AEA in 2018.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://www.uxpin.com/studio/ebooks/white-space-web-ui-design-ratios-minimalism/"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><em>Zen of White Space in Web UI Design: Space, Ratios, Minimalism</em></a> is a free book from UXPin. It covers active and passive white space, with 14 examples
of white space best practices and a list of type tools and grid generators to help
you master spatial design. Provide your email address and answer one question to
get the book free.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://medium.muz.li/typography-that-sacred-cow-ea7a5909ca70" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">A five-minute guide to better typography</a> is just what it says. Bookmark it.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">UX happens whether we design it intentionally or not, says Laura Klein, on the
<a
href="https://userdefenders.com/podcast/043-making-new-designers-with-laura-klein/"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">User Defenders podcast</a>.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Writing CSS with Accessibility in Mind</a>.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">On Codepen: <a href="https://codepen.io/davvidbaker/pen/KXgPyG" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">iPhone Notch Scroll 2</a>, a pen by David Baker, comically reinvents the scroll
to compensate for the dreaded notch in Apple’s iPhone X.</p>
</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://www.readvisions.com/marvin#get-the-font" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Marvin Visions</a>, a modern reinterpretation of Marvin, the sci-fi font designed
by Michael Have in 1969, has been revived by Mathieu Triay. The bold weight is
free to download for personal use, or available for commercial projects for £10
(about $14).</p>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnDividerBlockOuter">
<tr>
<td class="mcnDividerBlockInner" style="min-width: 100%;padding: 32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%"
style="min-width: 100%;border-top-width: 1px;border-top-style: dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody>
<tr>
<td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <span></span>
</td>
</tr>
</tbody>
</table>
<!-- <td class="mcnDividerBlockInner" style="padding: 18px;">
<hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
--></td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnImageBlockOuter">
<tr>
<td valign="top" style="padding: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
class="mcnImageBlockInner">
<table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody>
<tr>
<td class="mcnImageContent" valign="top" style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;text-align: center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<img align="center" alt="" src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/20aa31a7-e429-4a78-a967-f3cc2277e8ca.jpg"
width="564" style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"
class="mcnImage">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnTextBlockOuter">
<tr>
<td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<!--[if mso]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top" width="600" style="width:600px;">
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
width="100%" class="mcnTextContentContainer">
<tbody>
<tr>
<td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<h1 style="text-align: center;margin-bottom: 0.5em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444 !important;">“Extreme Design” and “The Physical Interface”: An exclusive double feature</h1>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;"><em>Each month, exclusively for you, dear AEA Digest subscriber, we share a 60-minute video before unlocking it for the rest of the planet. This month, in the spirit of Thanksgiving indulgence, we’re sharing two.</em>
</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://vimeo.com/236448060" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Extreme Design</a>. The first video features accessibility expert Derek Featherstone’s
session, <em>Extreme Design</em>, from
<a href="https://aneventapart.com/event/orlando-special-edition-2016"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">An Event Apart Orlando: Special Edition 2016</a>. Derek explores multiple
methods of “extremifying” your website designs—stressing them in ways they haven’t
been stressed before—to illuminate opportunities for innovation, efficiency, and
excellence that lead to great user experiences for everyone.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
<a href="https://vimeo.com/236479523" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">The Physical Interface</a>. In the second video, from the same event, we hear
from Josh Clark, author of <em>Designing for Touch. </em>In this session, Josh explores
the practical, meaningful design opportunities for the web’s newly physical interfaces.</p>
<p
style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Use the links above to watch the videos— when prompted, enter the secret password: <strong>aearocks</strong>.
When you’re done, enjoy all the free
<a href="https://aneventapart.com/news/videos"
style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">videos</a> in An Event Apart’s library.</p>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody class="mcnDividerBlockOuter">
<tr>
<td class="mcnDividerBlockInner" style="min-width: 100%;padding: 32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%"
style="min-width: 100%;border-top-width: 1px;border-top-style: dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<tbody>
<tr>
<td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <span></span>
</td>
</tr>
</tbody>
</table>
<!-- <td class="mcnDividerBlockInner" style="padding: 18px;">
<hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
--></td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnBoxedTextBlock"
style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<!--[if gte mso 9]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
<![endif]-->
<tbody class="mcnBoxedTextBlockOuter">
<tr>
<td valign="top" class="mcnBoxedTextBlockInner" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
<!--[if gte mso 9]>
<td align="center" valign="top" ">
<![endif]-->
<table align="left " border="0 " cellpadding="0
" cellspacing="0 " width="100% " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; " class="mcnBoxedTextContentContainer ">
<tbody><tr>
<td style="padding-top: 9px;padding-left: 18px;padding-bottom:
9px;padding-right: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%; ">
<table border="0 " cellspacing="0 " class="mcnTextContentContainer
" width="100% " style="min-width: 100% !important;background-color: #FFFFFF;border: 1px
none #A33535;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
<tbody><tr>
<td valign="top " class="mcnTextContent
" style="padding: 18px;line-height: 150%;text-align: left;mso-table-lspace: 0pt;mso-table-rspace:
0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family:
Helvetica;font-size: 14px; ">
<div style="margin-bottom: 0.5em
"><span style="font-size:20px "><span style="color:#808080 "><span style="font-size:14px "><strong>RECENTLY ON TWITTER</strong></span></span></span></div>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; "><img alt="🔥 " aria-label="Emoji: Fire " draggable="false " height="24
" src="https://abs.twimg.com/emoji/v2/72x72/1f525.png " style="border: 0px;width: 24px;height:
24px;margin: 0px;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;
" title="Fire " width="24 "> <span style="font-size:21px
">react-a11y-dialog v3 is now built on top of React portals and works seamlessly with React 16: <a data-expanded-url="https://github.com/HugoGiraudel/react-a11y-dialog " dir="ltr " href="https://github.com/HugoGiraudel/react-a11y-dialog
" rel="nofollow noopener " target="_blank " title="https://github.com/HugoGiraudel/react-a11y-dialog
" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
#ff3300;font-weight: normal;text-decoration: underline; ">https://github.com/HugoGiraudel/react-a11y-dialog …</a>. Enjoy it!</span><br>
<br>
<strong><a href="https://twitter.com/HugoGiraudel/ " style="word-wrap: break-word;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
underline; "><span style="font-size:20px "><img align="none " data-file-id="1697
" height="72 " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/f038c912-9e4e-41f0-b6d5-0d0b3f92a4e6.jpg
" style="border: 0px;width: 72px;height: 72px;float: left;margin: 0px;outline: none;text-decoration:
none;-ms-interpolation-mode: bicubic; " width="72
"></span></a></strong><font face="arial, helvetica neue, helvetica, sans-serif "><span style="font-size:21px
"> </span></font><span style="font-size:21px "><strong>Hugo Giraudel</strong></span><br>
<a href="https://twitter.com/HugoGiraudel/ " target="_blank " style="word-wrap:
break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
normal;text-decoration: underline; ">@HugoGiraudel</a> · <a href="https://twitter.com/HugoGiraudel/status/920289168370085888
" target="_blank " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #ff3300;font-weight: normal;text-decoration: underline; ">17 Oct 2017</a></p>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!--[if gte mso 9]>
</td>
<![endif]-->
<!--[if gte mso 9]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnDividerBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnDividerBlockOuter ">
<tr>
<td class="mcnDividerBlockInner " style="min-width: 100%;padding:
32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<table class="mcnDividerContent " border="0 " cellpadding="0
" cellspacing="0 " width="100% " style="min-width: 100%;border-top-width: 1px;border-top-style:
dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
<tbody><tr>
<td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%; ">
<span></span>
</td>
</tr>
</tbody></table>
<!--
<td class="mcnDividerBlockInner " style="padding: 18px; ">
<hr class="mcnDividerContent " style="border-bottom-color:none;
border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0;
border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; " />
-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnTextBlockOuter ">
<tr>
<td valign="top " class="mcnTextBlockInner " style="padding-top:
9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<!--[if mso]>
<table align="left " border="0 " cellspacing="0 " cellpadding="0
" width="100% " style="width:100%; ">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top " width="600 " style="width:600px; ">
<![endif]-->
<table align="left " border="0 " cellpadding="0
" cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; " width="100% " class="mcnTextContentContainer ">
<tbody><tr>
<td valign="top " class="mcnTextContent " style="padding:
0px 18px 9px;line-height: 200%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size:
14px;text-align: left; ">
<div style="text-align: center; margin-bottom: 0.5em;
"><span style="font-size:32px; line-height:1.25em; text-align:center "><span style="font-family:georgia,times,times
new roman,serif "><img align="center " height="42 " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/cc457817-c26d-4003-b971-b7ddcd0c505e.png
" style="width: 60px;height: 42px;margin: 0px 0px 16px;border: 0;outline: none;text-decoration:
none;-ms-interpolation-mode: bicubic; " width="60 "></span></span>
<h1 style="text-align: center;font-weight: normal;font-style: italic;margin:
0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;line-height:
125%;letter-spacing: -1px;color: #444444 !important; "><span style="font-family:georgia,times,times
new roman,serif ">It feels awesome to get outside my everyday CS job and plumb the new corners of digital design.</span></h1>
<p style="text-align: center;margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%; "><strong>Tyler Womack</strong> • Facebook, Content Strategist</p>
</div>
</td>
</tr>
</tbody></table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnDividerBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnDividerBlockOuter ">
<tr>
<td class="mcnDividerBlockInner " style="min-width: 100%;padding:
32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<table class="mcnDividerContent " border="0 " cellpadding="0
" cellspacing="0 " width="100% " style="min-width: 100%;border-top-width: 1px;border-top-style:
dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
<tbody><tr>
<td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%; ">
<span></span>
</td>
</tr>
</tbody></table>
<!--
<td class="mcnDividerBlockInner " style="padding: 18px; ">
<hr class="mcnDividerContent " style="border-bottom-color:none;
border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0;
border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; " />
-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnImageBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnImageBlockOuter ">
<tr>
<td valign="top " style="padding: 9px;mso-table-lspace: 0pt;mso-table-rspace:
0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; " class="mcnImageBlockInner ">
<table align="left " width="100% " border="0
" cellpadding="0 " cellspacing="0 " class="mcnImageContentContainer " style="min-width: 100%;border-collapse:
collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody><tr>
<td class="mcnImageContent " valign="top
" style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;text-align:
center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<img align="center " alt=" " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/89c92bfc-777b-4e4a-89ae-79bb1c357631.png
" width="564 " style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align:
bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;
" class="mcnImage ">
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnTextBlockOuter ">
<tr>
<td valign="top " class="mcnTextBlockInner " style="padding-top:
9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<!--[if mso]>
<table align="left " border="0 " cellspacing="0 " cellpadding="0
" width="100% " style="width:100%; ">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top " width="600 " style="width:600px; ">
<![endif]-->
<table align="left " border="0 " cellpadding="0
" cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; " width="100% " class="mcnTextContentContainer ">
<tbody><tr>
<td valign="top " class="mcnTextContent " style="padding:
0px 18px 9px;line-height: 200%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size:
14px;text-align: left; ">
<h1 style="text-align: center;margin-bottom: 1em;margin:
0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style:
normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444
!important; "><strong>What’s happening at AEA</strong></h1>
<h3 style="margin: 0;padding: 0;display: block;font-family: Helvetica;font-size:
18px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -.5px;text-align:
left;color: #606060 !important; "><br>
The An Event Apart’s 2018 Schedule</h3>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">We’re delighted to announce our 2018 conference schedule of events as well as some exciting changes.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">First, the wheres and whens:</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; "><a href="https://aneventapart.com/event/seattle-2018 " style="word-wrap:
break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
normal;text-decoration: underline; ">Seattle</a>: Special Edition, April 2–4</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; "><a href="https://aneventapart.com/event/boston-2018 " style="word-wrap:
break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
normal;text-decoration: underline; ">Boston</a>: June 25–27</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; "><a href="https://aneventapart.com/event/washington-dc-2018 " style="word-wrap:
break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
normal;text-decoration: underline; ">Washington, DC</a>: Special Edition, July 30–August 1</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; "><a href="https://aneventapart.com/event/chicago-2018 " style="word-wrap:
break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
normal;text-decoration: underline; ">Chicago</a>: August 27–29</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; "><a href="https://aneventapart.com/event/orlando-2018 " style="word-wrap:
break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
normal;text-decoration: underline; ">Orlando</a>: Special Edition, October 8–10</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; "><a href="https://aneventapart.com/event/san-francisco-2018 " style="word-wrap:
break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
normal;text-decoration: underline; ">San Francisco</a>: December 10–12</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; "><strong>One-day tickets. </strong>For the first time ever, we’re offering one-day tickets. If you can only join us on a Monday, or if Everything You Need to Know™ happens on a Tuesday, we can accommodate.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; "><strong>More three-day events. </strong>Our Special Edition conferences have been hugely popular, so we’re doing three of them in 2018: Seattle, DC, and Orlando. Each one features 18 speakers over three days. And yes, you can choose which days you want to attend: one, two, or all three.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; "><strong>New digs. </strong>Some news for our <a href="https://aneventapart.com/event/seattle-2018
" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
#ff3300;font-weight: normal;text-decoration: underline;
">Seattle</a>, <a href="https://aneventapart.com/event/boston-2018 " style="word-wrap: break-word;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
underline; ">Boston</a>, and <a href="https://aneventapart.com/event/washington-dc-2018
" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
#ff3300;font-weight: normal;text-decoration: underline; ">DC</a> friends: we’ve changed venues. In Seattle, we’re moving to the Westin in downtown Seattle, giving us more room <em>and </em>a special room rate. Our Boston event is moving to the Boston Renaissance Waterfront, giving us all a new neighborhood to explore. And for Washington DC, we’re taking up residence at the Sheraton Pentagon City, overlooking the Pentagon and the nation’s capital.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">We hope to be Apart together in 2018!</p>
</td>
</tr>
</tbody></table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnDividerBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnDividerBlockOuter ">
<tr>
<td class="mcnDividerBlockInner " style="min-width: 100%;padding:
32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<table class="mcnDividerContent " border="0 " cellpadding="0
" cellspacing="0 " width="100% " style="min-width: 100%;border-top-width: 1px;border-top-style:
dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
<tbody><tr>
<td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%; ">
<span></span>
</td>
</tr>
</tbody></table>
<!--
<td class="mcnDividerBlockInner " style="padding: 18px; ">
<hr class="mcnDividerContent " style="border-bottom-color:none;
border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0;
border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; " />
-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnTextBlockOuter ">
<tr>
<td valign="top " class="mcnTextBlockInner " style="padding-top:
9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<!--[if mso]>
<table align="left " border="0 " cellspacing="0 " cellpadding="0
" width="100% " style="width:100%; ">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top " width="600 " style="width:600px; ">
<![endif]-->
<table align="left " border="0 " cellpadding="0
" cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; " width="100% " class="mcnTextContentContainer ">
<tbody><tr>
<td valign="top " class="mcnTextContent " style="padding:
0px 18px 9px;line-height: 200%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size:
14px;text-align: left; ">
<h1 style="text-align: center;margin-bottom: 0.5em;margin:
0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style:
normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444
!important; "><strong><a href="https://www.typenetwork.com/ " style="word-wrap:
break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
normal;text-decoration: underline; "><img align="none " data-file-id="1641
" height="73 " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/54274b78-b18d-48ba-ac54-8128ed6124ef.png
" style="border: 0px;width: 409px;height: 73px;margin: 0px 0px 1em;outline: none;text-decoration:
none;-ms-interpolation-mode: bicubic; " width="409 "></a><br>
Thank You to Type Network</strong></h1>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">Type Network is a growing coalition of independent type designers and foundries from around the world. They’ve sponsored our Monday night happy hour gatherings at every AEA this year, providing munchies and beverages—including their signature drink, The Ink Trap: a tasty blend of dark rum and ginger beer. </p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">If you’re joining us at our <a href="https://aneventapart.com/event/denver-2017
" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
#ff3300;font-weight: normal;text-decoration: underline;
">Denver Special Edition</a> event in December, be sure to attend our happy hour after the last session on Monday. Mingle with speakers and fellow attendees as well as Type Network team members. And don’t forget to stop by their table during the conference to say hello and check-out their <a href="https://store.typenetwork.com/fonts/ " style="word-wrap: break-word;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
underline; ">incredible font collection</a>.</p>
</td>
</tr>
</tbody></table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnDividerBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnDividerBlockOuter ">
<tr>
<td class="mcnDividerBlockInner " style="min-width: 100%;padding:
32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<table class="mcnDividerContent " border="0 " cellpadding="0
" cellspacing="0 " width="100% " style="min-width: 100%;border-top-width: 1px;border-top-style:
dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
<tbody><tr>
<td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%; ">
<span></span>
</td>
</tr>
</tbody></table>
<!--
<td class="mcnDividerBlockInner " style="padding: 18px; ">
<hr class="mcnDividerContent " style="border-bottom-color:none;
border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0;
border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; " />
-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnImageBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnImageBlockOuter ">
<tr>
<td valign="top " style="padding: 0px;mso-table-lspace: 0pt;mso-table-rspace:
0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; " class="mcnImageBlockInner ">
<table align="left " width="100% " border="0
" cellpadding="0 " cellspacing="0 " class="mcnImageContentContainer " style="min-width: 100%;border-collapse:
collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody><tr>
<td class="mcnImageContent " valign="top
" style="padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align:
center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<a href="https://alistapart.com " title="
" class=" " target="_blank " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<img align="center " alt=" " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/4f54e9b2-fb49-4d4f-b4b1-ea582dad3844.png
" width="240.5 " style="max-width: 481px;padding-bottom: 0;display: inline !important;vertical-align:
bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;
" class="mcnImage ">
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnTextBlockOuter ">
<tr>
<td valign="top " class="mcnTextBlockInner " style="padding-top:
9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<!--[if mso]>
<table align="left " border="0 " cellspacing="0 " cellpadding="0
" width="100% " style="width:100%; ">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top " width="600 " style="width:600px; ">
<![endif]-->
<table align="left " border="0 " cellpadding="0
" cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; " width="100% " class="mcnTextContentContainer ">
<tbody><tr>
<td valign="top " class="mcnTextContent " style="padding-top:
0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">
<h1 style="text-align: center;margin-top: 1em;margin-bottom:
0.5em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style:
normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444
!important; "><strong>An Event Apart and A List Apart team up</strong></h1>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">Many of you know our sister publication, <a href="https://alistapart.com/
" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
#ff3300;font-weight: normal;text-decoration: underline; "><em>A List Apart</em></a><em> </em>“for people who make websites.” Since 1998, A List Apart has explored the design, development, and meaning of web content, with a special focus on forward-looking web standards and emerging best practices. If that sounds familiar, it’s because AEA shares a common educational mission, deeply rooted in the history of web design.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">Now, An Event Apart and A List Apart are teaming up to bring you more great web content from the convenience of your favorite newsletter. Each month in <em>An Event Apart Digest</em>, <em>A List Apart’s</em> editors will select an article AEA followers shouldn’t miss.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">This month’s article:</p>
</td>
</tr>
</tbody></table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnImageBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnImageBlockOuter ">
<tr>
<td valign="top " style="padding: 0px;mso-table-lspace: 0pt;mso-table-rspace:
0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; " class="mcnImageBlockInner ">
<table align="left " width="100% " border="0
" cellpadding="0 " cellspacing="0 " class="mcnImageContentContainer " style="min-width: 100%;border-collapse:
collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody><tr>
<td class="mcnImageContent " valign="top
" style="padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align:
center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<a href="https://aneventapart.com/news/post/yes-that-web-project-should-be-a-pwa
" title=" " class=" " target="_blank " style="word-wrap: break-word;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%; ">
<img align="center " alt=" " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/9aecbb3e-c7ae-4f12-9c50-b996a97eea5a.jpg
" width="564 " style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align:
bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;
" class="mcnImage ">
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnTextBlockOuter ">
<tr>
<td valign="top " class="mcnTextBlockInner " style="padding-top:
9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<!--[if mso]>
<table align="left " border="0 " cellspacing="0 " cellpadding="0
" width="100% " style="width:100%; ">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top " width="600 " style="width:600px; ">
<![endif]-->
<table align="left " border="0 " cellpadding="0
" cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; " width="100% " class="mcnTextContentContainer ">
<tbody><tr>
<td valign="top " class="mcnTextContent " style="padding-top:
0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">
<h3 style="line-height: 20.8px;font-weight: normal;margin-top:
1em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 18px;font-style:
normal;letter-spacing: -.5px;text-align: left;color: #606060 !important;
"><a href="https://aneventapart.com/news/post/yes-that-web-project-should-be-a-pwa
" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
#ff3300;font-weight: normal;text-decoration: underline; "><strong>Yes, That Web Project Should Be A PWA</strong></a> by Aaron Gustafson</h3>
<p style="line-height: 20.8px;margin: 1em 0;padding: 0;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size:
14px;text-align: left; "><em>A Progressive Web App (PWA) is a website with special powers. Despite what you might have heard, most websites—and, more importantly, their readers—can benefit from becoming PWAs. And it’s so easy! An Event Apart speaker (and new A List Apart editor-in-chief) Aaron Gustafson explains.</em></p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">It seems like ever since <a href="https://fberriman.com/ " style="word-wrap:
break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
normal;text-decoration: underline;
">Frances Berriman</a> coined the term “Progressive Web App” in an effort to describe a new class of website, there’s been a great deal of confusion over exactly what a Progressive Web App (PWA) is. Sure, her husband, Alex Russell, put together a handy guide to the <a href="https://medium.com/@slightlylate/progressive-apps-escaping-tabs-without-losing-our-soul-3b93a8561955
" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
#ff3300;font-weight: normal;text-decoration: underline; ">characteristics of a PWA</a>, and they have been the subject of reams of documentation, dozens of blog posts, and equally as many conference talks.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left;
">Even with so much well-written, accessible content about PWAs freely available, <a href="https://news.ycombinator.com/item?id=14752542 " style="word-wrap: break-word;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
underline; ">misinformation abounds</a>. Maybe you’ve run into one or more of these:</p>
<ul>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">If you’re building a PWA, you need to use a JavaScript framework.</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">To build a PWA, start with a single page app.</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">PWAs only make sense for “apps” your users want to install.</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">PWAs only make sense in mobile.</li>
<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">PWAs are an Android thing.</li>
</ul>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">None of these are true, but like so much misinformation these days, each contains a shred of truth that has been contorted into a falsehood. </p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">Continue reading on <a href="https://aneventapart.com/news/post/yes-that-web-project-should-be-a-pwa
" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
#ff3300;font-weight: normal;text-decoration: underline; ">aneventapart.com</a>…</p>
</td>
</tr>
</tbody></table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnDividerBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnDividerBlockOuter ">
<tr>
<td class="mcnDividerBlockInner " style="min-width: 100%;padding:
32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<table class="mcnDividerContent " border="0 " cellpadding="0
" cellspacing="0 " width="100% " style="min-width: 100%;border-top-width: 1px;border-top-style:
dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
<tbody><tr>
<td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%; ">
<span></span>
</td>
</tr>
</tbody></table>
<!--
<td class="mcnDividerBlockInner " style="padding: 18px; ">
<hr class="mcnDividerContent " style="border-bottom-color:none;
border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0;
border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; " />
-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnTextBlockOuter ">
<tr>
<td valign="top " class="mcnTextBlockInner " style="padding-top:
9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<!--[if mso]>
<table align="left " border="0 " cellspacing="0 " cellpadding="0
" width="100% " style="width:100%; ">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top " width="600 " style="width:600px; ">
<![endif]-->
<table align="left " border="0 " cellpadding="0
" cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; " width="100% " class="mcnTextContentContainer ">
<tbody><tr>
<td valign="top " class="mcnTextContent " style="padding:
0px 18px 9px;line-height: 200%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size:
14px;text-align: left; ">
<div style="text-align: center; margin-bottom: 0.5em;
"><span style="font-size:32px; line-height:1.25em; text-align:center "><span style="font-family:georgia,times,times
new roman,serif "><img align="center " height="42 " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/cc457817-c26d-4003-b971-b7ddcd0c505e.png
" style="width: 60px;height: 42px;margin: 0px 0px 16px;border: 0;outline: none;text-decoration:
none;-ms-interpolation-mode: bicubic; " width="60 "></span></span>
<h1 style="text-align: center;font-weight: normal;margin: 0;padding: 0;display:
block;font-family: Helvetica;font-size: 30px;font-style: normal;line-height: 125%;letter-spacing:
-1px;color: #444444 !important; "><span style="font-family:georgia,times,times
new roman,serif "><em>Wow, I've certainly got a lot to think about. Thanks AEA for another awesome adventure.</em></span></h1>
<p style="text-align: center;margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%; "><strong>Dori Kelner</strong> • Managing Partner, Sleight-of-Hand Studios</p>
</div>
</td>
</tr>
</tbody></table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnDividerBlock " style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
<tbody class="mcnDividerBlockOuter ">
<tr>
<td class="mcnDividerBlockInner " style="padding: 32px 18px;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<table class="mcnDividerContent " border="0 " cellpadding="0
" cellspacing="0 " width="100% " style="border-top-width: 1px;border-top-style: dotted;border-top-color:
#CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%; ">
<tbody><tr>
<td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%; ">
<span></span>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnTextBlockOuter ">
<tr>
<td valign="top " class="mcnTextBlockInner " style="padding-top:
9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<!--[if mso]>
<table align="left " border="0 " cellspacing="0 " cellpadding="0
" width="100% " style="width:100%; ">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top " width="600 " style="width:600px; ">
<![endif]-->
<table align="left " border="0 " cellpadding="0
" cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; " width="100% " class="mcnTextContentContainer ">
<tbody><tr>
<td valign="top " class="mcnTextContent " style="padding-top:
0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">
<h1 style="text-align: center;margin-bottom: 0.5em;margin:
0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style:
normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444
!important; "><strong>Be Apart with us soon</strong></h1>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left;
">While you digest this month’s banquet of information, we’re off to get ready for <a href="https://aneventapart.com/event/denver-2017 " style="word-wrap: break-word;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
underline; ">AEA Denver: Special Edition</a>, December 11–13. It’s the first time we’ve done an event in Denver and we’re almost sold out. Don’t wait any longer to register if you’d like to join us!</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left;
">As further incentive, newsletter subscribers like you can <strong>save $100</strong> when you register for any multi-day pass using discount code <strong>Digest2018</strong><strong>.</strong> AEA events regularly sell out, so don’t miss your chance to set your skills and knowledge Apart—<a href="https://aneventapart.com/events " style="word-wrap: break-word;-ms-text-size-adjust:
100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
underline; ">register today</a>.</p>
<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
left; ">See you next month with more news, tips, and links to great reads!</p>
</td>
</tr>
</tbody></table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- // END BODY -->
</td>
</tr>
<tr>
<td align="center " valign="top " style="mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<!-- BEGIN FOOTER // -->
<table border="0 " cellpadding="0
" cellspacing="0 " width="100% " id="templateFooter " style="border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;background-color: #1b0d1a;border-top: 0;border-bottom: 0; ">
<tr>
<td align="center " valign="top
" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<table border="0
" cellpadding="0 " cellspacing="0 " width="600 " class="templateContainer " style="border-collapse:
collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tr>
<td valign="top
" class="footerContainer " style="padding-top: 10px;padding-bottom: 10px;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; "><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
" class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<tbody class="mcnTextBlockOuter ">
<tr>
<td valign="top " class="mcnTextBlockInner " style="padding-top:
9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; ">
<!--[if mso]>
<table align="left " border="0 " cellspacing="0 " cellpadding="0
" width="100% " style="width:100%; ">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top " width="600 " style="width:600px; ">
<![endif]-->
<table align="left " border="0 " cellpadding="0
" cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%; " width="100% " class="mcnTextContentContainer ">
<tbody><tr>
<td valign="top " class="mcnTextContent " style="padding-top:
0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace:
0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
100%;color: #cccccc;font-family: Helvetica;font-size: 11px;line-height: 125%;text-align:
left; ">
<em>Copyright © 2017 An Event Apart LLC, All rights reserved.</em><br>
You are receiving this e-mail because you signed up to get updates or attended An Event Apart (or both!)<br>
<br>
<strong>Our mailing address is:</strong><br>
<div class="vcard "><span class="org fn
">An Event Apart LLC</span><div class="adr "><div class="street-address ">4002 Aikins Avenue SW</div><span class="locality
">Seattle</span>, <span class="region ">WA</span> <span class="postal-code ">98116</span></div><br><a href="//aneventapart.us1.list-manage.com/vcard?u=6d37edd181bb9ed68b7d8cb6d&id=87fb62a98b
" class="hcard-download ">Add us to your address book</a></div>
<br>
<br>
<a class="utilityLink " href="#" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
#eeeeee;font-weight: normal;text-decoration: underline;
">unsubscribe from this list</a> <a class="utilityLink " href="#
" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
#eeeeee;font-weight: normal;text-decoration: underline; ">update subscription preferences</a> <br>
<br>
</td>
</tr>
</tbody></table>
<!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- // END FOOTER -->
</td>
</tr>
</table>
<!-- // END TEMPLATE -->
</td>
</tr>
</table>
</center>
</body>
</html>
Also see: Tab Triggers