<!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>
!
