Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save marufsiddiqui/d63a06d0ab00e1a432ebebb8127f2af2 to your computer and use it in GitHub Desktop.
Save marufsiddiqui/d63a06d0ab00e1a432ebebb8127f2af2 to your computer and use it in GitHub Desktop.
weekly-digest-new-mobile-features-4-tips-on-typesetting-better-design-dev
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- start coded_template: id:2279653568 path:custom/email/weekly_digest/weekly_digest.html --><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta name="viewport" content="width=device-width">
<meta charset="utf-8">
<title>Weekly digest: New mobile features | 4 tips on typesetting UIs | Better design-dev collaboration | Design Snack #3</title>
<meta name="description" content="Weekly digest 4.6.2015–4.10.2015 | InVision
Get 4 tips on setting type in your UIs, 5 ways to help designers and devs collaborate in responsive web design projects, and 1 smarter way to consolidate your Photoshop files">
<script type="text/javascript" src="https://static.hsstatic.net/jquery-libs/static-1.1/jquery/jquery-1.7.1.js"></script>
<script type="text/javascript">hsjQuery = window['jQuery']</script>
<link href="https://static.hsstatic.net/content_shared_assets/static-1.4002/css/public_common.css" rel="stylesheet">
<meta property="og:description" content="Weekly digest 4.6.2015–4.10.2015 | InVision
Get 4 tips on setting type in your UIs, 5 ways to help designers and devs collaborate in responsive web design projects, and 1 smarter way to consolidate your Photoshop files">
<meta property="og:title" content="Weekly digest: New mobile features | 4 tips on typesetting UIs | Better design-dev collaboration | Design Snack #3">
<meta name="twitter:description" content="Weekly digest 4.6.2015–4.10.2015 | InVision
Get 4 tips on setting type in your UIs, 5 ways to help designers and devs collaborate in responsive web design projects, and 1 smarter way to consolidate your Photoshop files">
<meta name="twitter:title" content="Weekly digest: New mobile features | 4 tips on typesetting UIs | Better design-dev collaboration | Design Snack #3">
<link rel="canonical" href="http://get.invisionapp.com/weekly-digest-new-mobile-features-4-tips-on-typesetting-better-design-dev">
<!--[if lt IE 9]>
<script src="https://static.hsstatic.net/content_shared_assets/static-1.4002/js/css3-mediaqueries.js"></script>
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--[if mso]>
<style> body,table tr,table td,a,span,table.MsoNormalTable {font-family:Arial, Helvetica, sans-serif !important;}</style>
<!--<![endif]-->
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic; border: 0;} /* Allow smoother rendering of resized image in Internet Explorer */
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
table[class="responsive-table"]{width: 580px !important;}
table[class="master-table"]{width: 600px !important;}
table[class="copy-table"]{width:75% !important;}
table[class="story-4"]{width:78% !important;}
.appleLinks a {color: #c2c2c2 !important; text-decoration: none;}
span.preheader { display: none !important; }
@media only screen and (max-width: 599px){
table[class="responsive-table"]{width: 95% !important;}
table[class="master-table"]{width: 100% !important;}
td[class="responsive-header-cell-big"] {display: block; text-align: left; width: 240px;margin-left: 15px;font-size: 22px !important;}
td[class="responsive-header-cell"] {display: block; text-align: left; width: 240px;margin-left: 15px;}
table[class="copy-table"],table[class="story-4"]{width: 85% !important;}
*[class].full-card-image {
width: 95% !important;
}
*[class].hero-image {
width: 100% !important;
}
}
@media only screen and (max-width: 480px){
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
*[class].social-cell {
width: 100% !important;
}
*[class].social-spacer {
height: 10px !important;
}
}
</style>
</head>
<body><span class="preheader" style="display:none !important;visibility:hidden !important;max-height:0px !important;">Plus your chance to win a free t-shirt! </span>
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" bgcolor="#eaeced">
<tbody><tr height="30"><td align="center" valign="bottom">
<table class="master-table" width="600">
<tbody><tr><td align="center" valign="bottom">
<table class="responsive-table" width="580" border="0" cellpadding="0" cellspacing="0" valign="top">
<tbody><tr><td valign="bottom" align="right"><a href="#" style="font-family:'Open Sans', arial, sans-serif !important;font-weight:200 !important; font-size:12px; color:#989ca5 !important; padding: 1px 0; border-bottom: 1px solid #bfc4c8; text-decoration: none !important;" data-hs-link-id="0">View in browser</a></td></tr>
</tbody></table>
</td></tr>
</tbody></table>
</td></tr>
<tr height="8" style="font-size: 0; line-height: 0;"><td>&nbsp;</td></tr>
<tr><td align="center" valign="top"><table class="master-table" width="600">
<tbody><tr><td align="center">
<table class="responsive-table" width="570" border="0" cellpadding="0" cellspacing="0" valign="top">
<tbody><tr>
<td width="70"><a href="http://www.invisionapp.com" data-hs-link-id="0"><img src="http://cdn2.hubspot.net/hub/425470/file-2550234816-jpg/email/logos/invision-logo-50x472x.jpg?t=1460288103181" width="50.0" height="47.0" alt="InVision App" style="border:0;"></a></td>
<td class="responsive-header-cell-big" style="font-family:'Open Sans', arial, sans-serif !important;font-size:25px;line-height:30px !important;font-weight:200 !important;color:#252b33 !important;">This week at InVision</td>
<td class="responsive-header-cell" style="font-family:'Open Sans', arial, sans-serif !important;font-size:13px !important;line-height:30px !important;font-weight:400 !important;color:#7e8890 !important;text-transform:uppercase !important;" align="right">April 6, 2015 - April 10, 2015</td>
</tr>
</tbody></table>
</td></tr>
<tr height="40"><td>&nbsp;</td></tr>
<tr>
<td align="center" valign="top">
<table class="responsive-table" width="580" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" valign="top" style="overflow:hidden !important;border-radius:3px;">
<tbody><tr><td><a href="http://blog.invisionapp.com/5-ways-to-bridge-the-designer-developer-gap-on-responsive-web-projects/" data-hs-link-id="0"><img src="http://cdn2.hubspot.net/hub/425470/hubfs/Weekly_Digest/Week_14_2015/5-ways-to-bridge-the-gap.jpg?width=&amp;t=1460288103181&amp;width=580" class="hero-image" width="580" style="border: 0; max-width: 100% !important;"></a></td></tr>
<tr height="46"><td>&nbsp;</td></tr>
<tr><td align="center">
<table width="85%">
<tbody><tr><td align="center"><h2 style="margin: 0 !important; font-family:'Open Sans', arial, sans-serif !important;font-size:28px !important;line-height:38px !important;font-weight:200 !important;color:#252b33 !important;">5 ways to bridge the designer-developer gap on responsive web projects</h2></td></tr>
</tbody></table>
</td></tr>
<tr height="25"><td>&nbsp;</td></tr>
<tr>
<td align="center">
<table class="story-4" border="0" cellpadding="0" cellspacing="0" width="78%">
<tbody><tr>
<td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:16px !important;line-height:30px !important;font-weight:400 !important;color:#7e8890 !important;">The ever-shifting world of web design makes keeping up pretty tough. Thankfully, podcasts let you tune in on the latest even while you’re working on your work-life balance.</td>
</tr>
</tbody></table>
</td>
</tr>
<tr height="36"><td>&nbsp;</td></tr>
<tr><td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr><td align="center" valign="top">
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://blog.invisionapp.com/5-ways-to-bridge-the-designer-developer-gap-on-responsive-web-projects/" style="height:46px;v-text-anchor:middle;width:240px;" arcsize="3%" strokecolor="#ff2b63" fillcolor="#ff2b63">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:13px;text-transform: uppercase;">Bridge the gap</center>
</v:roundrect>
<![endif]-->
<a href="http://blog.invisionapp.com/5-ways-to-bridge-the-designer-developer-gap-on-responsive-web-projects/" style="background-color: #ff2b63; padding: 14px 28px 14px 28px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 18px !important; letter-spacing: 0.125em; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; color: #ffffff; text-decoration: none; display: inline-block; line-height: 18px !important;-webkit-text-size-adjust:none;mso-hide:all;" data-hs-link-id="1">Bridge the gap</a>
</td></tr>
</tbody>
</table>
</td></tr>
<tr height="72" class="last-tr-height"><td>&nbsp;</td></tr>
</tbody></table>
</td>
</tr>
<tr height="40"><td>&nbsp;</td></tr>
<tr><td align="center" valign="top">
<a href="http://hubs.ly/y0HgJW0" data-hs-link-id="0">
<img class="full-card-image" style="border-radius:3px;border:0 !important" src="http://cdn2.hubspot.net/hubfs/425470/tweettowin.jpg?t=1460288103181" width="580.0" height="750.0" alt="Tweet to win an epic poster">
</a><table class="responsive-table" width="580" border="0" cellpadding="0" cellspacing="0" valign="top" style="overflow:hidden !important;">
</table>
</td></tr>
<tr height="40"><td>&nbsp;</td></tr>
<tr>
<td align="center" valign="top">
<table class="responsive-table" width="580" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" valign="top" style="overflow:hidden !important;border-radius:3px;">
<tbody><tr><td><a href="http://blog.invisionapp.com/friday-inspiration-architecture/" data-hs-link-id="0"><img src="http://cdn2.hubspot.net/hub/425470/hubfs/Weekly_Digest/Week_14_2015/fridayinspiration.jpg?width=&amp;t=1460288103181&amp;width=580" class="hero-image" width="580" style="border: 0; max-width: 100% !important;"></a></td></tr>
<tr height="46"><td>&nbsp;</td></tr>
<tr><td align="center">
<table width="85%">
<tbody><tr><td align="center"><h2 style="margin: 0 !important; font-family:'Open Sans', arial, sans-serif !important;font-size:28px !important;line-height:38px !important;font-weight:200 !important;color:#252b33 !important;">Design inspiration</h2></td></tr>
<tr><td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:28px !important;line-height:38px !important;font-weight:400 !important;color:#252b33 !important;">Architecture</td></tr>
</tbody></table>
</td></tr>
<tr height="25"><td>&nbsp;</td></tr>
<tr>
<td align="center">
<table class="story-4" border="0" cellpadding="0" cellspacing="0" width="78%">
<tbody><tr>
<td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:16px !important;line-height:30px !important;font-weight:400 !important;color:#7e8890 !important;">Phenomenal photography lets us enjoy beautiful spaces vicariously. So come on inside—the air conditioning’s fine.</td>
</tr>
</tbody></table>
</td>
</tr>
<tr height="36"><td>&nbsp;</td></tr>
<tr><td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr><td align="center" valign="top">
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://blog.invisionapp.com/friday-inspiration-architecture/" style="height:46px;v-text-anchor:middle;width:240px;" arcsize="3%" strokecolor="#ff2b63" fillcolor="#ff2b63">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:13px;text-transform: uppercase;">Get inspired</center>
</v:roundrect>
<![endif]-->
<a href="http://blog.invisionapp.com/friday-inspiration-architecture/" style="background-color: #ff2b63; padding: 14px 28px 14px 28px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 18px !important; letter-spacing: 0.125em; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; color: #ffffff; text-decoration: none; display: inline-block; line-height: 18px !important;-webkit-text-size-adjust:none;mso-hide:all;" data-hs-link-id="1">Get inspired</a>
</td></tr>
</tbody>
</table>
</td></tr>
<tr height="72" class="last-tr-height"><td>&nbsp;</td></tr>
</tbody></table>
</td>
</tr>
<tr height="40"><td>&nbsp;</td></tr>
<tr>
<td align="center" valign="top">
<table class="responsive-table" width="580" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" valign="top" style="overflow:hidden !important;border-radius:3px;">
<tbody><tr><td><a href="http://blog.invisionapp.com/design-snack-3-combining-files-in-photoshop/" data-hs-link-id="0"><img src="http://cdn2.hubspot.net/hub/425470/hubfs/Weekly_Digest/Week_14_2015/snack3-hero-email.jpg?width=&amp;t=1460288103181&amp;width=580" class="hero-image" width="580" style="border: 0; max-width: 100% !important;"></a></td></tr>
<tr height="46"><td>&nbsp;</td></tr>
<tr><td align="center">
<table width="85%">
<tbody><tr><td align="center"><h2 style="margin: 0 !important; font-family:'Open Sans', arial, sans-serif !important;font-size:28px !important;line-height:38px !important;font-weight:200 !important;color:#252b33 !important;">Design Snack #3</h2></td></tr>
<tr><td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:28px !important;line-height:38px !important;font-weight:400 !important;color:#252b33 !important;">Combining files in Photoshop</td></tr>
</tbody></table>
</td></tr>
<tr height="25"><td>&nbsp;</td></tr>
<tr>
<td align="center">
<table class="story-4" border="0" cellpadding="0" cellspacing="0" width="78%">
<tbody><tr>
<td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:16px !important;line-height:30px !important;font-weight:400 !important;color:#7e8890 !important;">Ever thought, "Wouldn't it be cool if you could automatically combine multiple files into a single, new PSD?" <br>Turns out you totally can.</td>
</tr>
</tbody></table>
</td>
</tr>
<tr height="36"><td>&nbsp;</td></tr>
<tr><td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr><td align="center" valign="top">
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://blog.invisionapp.com/design-snack-3-combining-files-in-photoshop/" style="height:46px;v-text-anchor:middle;width:240px;" arcsize="3%" strokecolor="#ff2b63" fillcolor="#ff2b63">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:13px;text-transform: uppercase;">Find out how</center>
</v:roundrect>
<![endif]-->
<a href="http://blog.invisionapp.com/design-snack-3-combining-files-in-photoshop/" style="background-color: #ff2b63; padding: 14px 28px 14px 28px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 18px !important; letter-spacing: 0.125em; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; color: #ffffff; text-decoration: none; display: inline-block; line-height: 18px !important;-webkit-text-size-adjust:none;mso-hide:all;" data-hs-link-id="1">Find out how</a>
</td></tr>
</tbody>
</table>
</td></tr>
<tr height="72" class="last-tr-height"><td>&nbsp;</td></tr>
</tbody></table>
</td>
</tr>
<tr height="40"><td>&nbsp;</td></tr>
<tr>
<td align="center" valign="top">
<table class="responsive-table" width="580" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" valign="top" style="overflow:hidden !important;border-radius:3px;">
<tbody><tr><td><a href="http://blog.invisionapp.com/4-tips-on-typography-in-ui-design/" data-hs-link-id="0"><img src="http://cdn2.hubspot.net/hub/425470/hubfs/Weekly_Digest/Week_14_2015/4-tips-on-typography.jpg?width=&amp;t=1460288103181&amp;width=580" class="hero-image" width="580" style="border: 0; max-width: 100% !important;"></a></td></tr>
<tr height="46"><td>&nbsp;</td></tr>
<tr><td align="center">
<table width="85%">
<tbody><tr><td align="center"><h2 style="margin: 0 !important; font-family:'Open Sans', arial, sans-serif !important;font-size:28px !important;line-height:38px !important;font-weight:200 !important;color:#252b33 !important;">4 tips on typography in UI design </h2></td></tr>
</tbody></table>
</td></tr>
<tr height="25"><td>&nbsp;</td></tr>
<tr>
<td align="center">
<table class="story-4" border="0" cellpadding="0" cellspacing="0" width="78%">
<tbody><tr>
<td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:16px !important;line-height:30px !important;font-weight:400 !important;color:#7e8890 !important;">Setting type for your UIs isn’t all that different from doing it for a blog or news site—but raises a few unique issues. Find out what those are and how to overcome them.</td>
</tr>
</tbody></table>
</td>
</tr>
<tr height="36"><td>&nbsp;</td></tr>
<tr><td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr><td align="center" valign="top">
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://blog.invisionapp.com/4-tips-on-typography-in-ui-design/" style="height:46px;v-text-anchor:middle;width:240px;" arcsize="3%" strokecolor="#ff2b63" fillcolor="#ff2b63">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:13px;text-transform: uppercase;">Get your type on</center>
</v:roundrect>
<![endif]-->
<a href="http://blog.invisionapp.com/4-tips-on-typography-in-ui-design/" style="background-color: #ff2b63; padding: 14px 28px 14px 28px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 18px !important; letter-spacing: 0.125em; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; color: #ffffff; text-decoration: none; display: inline-block; line-height: 18px !important;-webkit-text-size-adjust:none;mso-hide:all;" data-hs-link-id="1">Get your type on</a>
</td></tr>
</tbody>
</table>
</td></tr>
<tr height="72" class="last-tr-height"><td>&nbsp;</td></tr>
</tbody></table>
</td>
</tr>
<tr height="40"><td>&nbsp;</td></tr>
<tr>
<td align="center" valign="top">
<table class="responsive-table" width="580" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" valign="top" style="overflow:hidden !important;border-radius:3px;">
<tbody><tr><td><a href="http://blog.invisionapp.com/mobile-prototyping-for-ios-and-android-is-now-instant-offline-and-awesome/" data-hs-link-id="0"><img src="http://cdn2.hubspot.net/hub/425470/hubfs/Weekly_Digest/Week_14_2015/mobile-roundup-hero.jpg?t=1460288103181&amp;width=580" class="hero-image" width="580" style="border: 0; max-width: 100% !important;"></a></td></tr>
<tr height="46"><td>&nbsp;</td></tr>
<tr><td align="center">
<table width="85%">
<tbody><tr><td align="center"><h2 style="margin: 0 !important; font-family:'Open Sans', arial, sans-serif !important;font-size:28px !important;line-height:38px !important;font-weight:200 !important;color:#252b33 !important;">Mobile prototyping ... made instant, offline &amp; awesome</h2></td></tr>
</tbody></table>
</td></tr>
<tr height="25"><td>&nbsp;</td></tr>
<tr>
<td align="center">
<table class="story-4" border="0" cellpadding="0" cellspacing="0" width="78%">
<tbody><tr>
<td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:16px !important;line-height:30px !important;font-weight:400 !important;color:#7e8890 !important;">Now when you update your mobile prototype,&nbsp; you’ll see changes on your device instantly.&nbsp; And no bars are officially no problem.</td>
</tr>
</tbody></table>
</td>
</tr>
<tr height="36"><td>&nbsp;</td></tr>
<tr><td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr><td align="center" valign="top">
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://blog.invisionapp.com/mobile-prototyping-for-ios-and-android-is-now-instant-offline-and-awesome/" style="height:46px;v-text-anchor:middle;width:240px;" arcsize="3%" strokecolor="#ff2b63" fillcolor="#ff2b63">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:13px;text-transform: uppercase;">Get the full scoop</center>
</v:roundrect>
<![endif]-->
<a href="http://blog.invisionapp.com/mobile-prototyping-for-ios-and-android-is-now-instant-offline-and-awesome/" style="background-color: #ff2b63; padding: 14px 28px 14px 28px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 18px !important; letter-spacing: 0.125em; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; color: #ffffff; text-decoration: none; display: inline-block; line-height: 18px !important;-webkit-text-size-adjust:none;mso-hide:all;" data-hs-link-id="1">Get the full scoop</a>
</td></tr>
</tbody>
</table>
</td></tr>
<tr height="72" class="last-tr-height"><td>&nbsp;</td></tr>
</tbody></table>
</td>
</tr>
<tr height="40"><td>&nbsp;</td></tr>
<tr><td align="center" valign="top">
<table class="responsive-table" width="580" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" valign="top" style="overflow:hidden !important; -webkit-border-radius: 3px !important; border-radius: 3px !important;">
<tbody><tr height="46"><td>&nbsp;</td></tr>
<tr><td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:28px !important;line-height:38px !important;font-weight:200 !important;color:#252b33 !important;padding: 0 5px !important;">Our favorite design links this week</td></tr>
<tr height="35"><td>&nbsp;</td></tr>
<tr><td align="center">
<table class="copy-table" border="0" cellpadding="0" cellspacing="0" width="75%">
<tbody><tr><td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:18px !important;line-height:32px !important;font-weight:400 !important;"><a style="color:#fc3768 !important;text-decoration: none;" href="http://www.youthedesigner.com/graphic-design-tips/design-exercises-to-get-your-creative-juices-flowing/" data-hs-link-id="0">Design exercises to get your creative juices flowing</a></td></tr>
<tr><td style="height: 0; font-size: 0 !important; line-height: 0 !important;" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="20" align="center">
<tbody><tr><td style="font-size: 1px; line-height: 1px;" height="20">&nbsp;</td></tr>
<tr><td style="font-size: 1px; mso-line-height-rule: exactly; line-height: 1px; max-height: 1px; padding: 0; margin: 0;" height="1" bgcolor="#d0d5d8" valign="top" align="center">&nbsp;</td></tr>
<tr><td style="font-size: 0; line-height: 0;" height="15">&nbsp;</td></tr>
</tbody></table>
</td></tr>
<tr><td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:18px !important;line-height:32px !important;font-weight:400 !important;"><a style="color:#fc3768 !important;text-decoration: none;" href="https://medium.com/@intercom/has-visual-design-fallen-flat-a155cb6a5cda" data-hs-link-id="0">Has visual design fallen flat?</a></td></tr>
<tr><td style="height: 0; font-size: 0 !important; line-height: 0 !important;" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="20" align="center">
<tbody><tr><td style="font-size: 1px; line-height: 1px;" height="20">&nbsp;</td></tr>
<tr><td style="font-size: 1px; mso-line-height-rule: exactly; line-height: 1px; max-height: 1px; padding: 0; margin: 0;" height="1" bgcolor="#d0d5d8" valign="top" align="center">&nbsp;</td></tr>
<tr><td style="font-size: 0; line-height: 0;" height="15">&nbsp;</td></tr>
</tbody></table>
</td></tr>
<tr><td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:18px !important;line-height:32px !important;font-weight:400 !important;"><a style="color:#fc3768 !important;text-decoration: none;" href="https://medium.com/building-parable/six-steps-to-great-app-design-2e0df7d2b2ec" data-hs-link-id="0">Six steps to great app design</a></td></tr>
<tr><td style="height: 0; font-size: 0 !important; line-height: 0 !important;" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="20" align="center">
<tbody><tr><td style="font-size: 1px; line-height: 1px;" height="20">&nbsp;</td></tr>
<tr><td style="font-size: 1px; mso-line-height-rule: exactly; line-height: 1px; max-height: 1px; padding: 0; margin: 0;" height="1" bgcolor="#d0d5d8" valign="top" align="center">&nbsp;</td></tr>
<tr><td style="font-size: 0; line-height: 0;" height="15">&nbsp;</td></tr>
</tbody></table>
</td></tr>
<tr><td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:18px !important;line-height:32px !important;font-weight:400 !important;"><a style="color:#fc3768 !important;text-decoration: none;" href="https://medium.com/@ienjoy/of-course-design-ed6d5298ae0e" data-hs-link-id="0">“Of course” design</a></td></tr>
<tr><td style="height: 0; font-size: 0 !important; line-height: 0 !important;" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="20" align="center">
<tbody><tr><td style="font-size: 1px; line-height: 1px;" height="20">&nbsp;</td></tr>
<tr><td style="font-size: 1px; mso-line-height-rule: exactly; line-height: 1px; max-height: 1px; padding: 0; margin: 0;" height="1" bgcolor="#d0d5d8" valign="top" align="center">&nbsp;</td></tr>
<tr><td style="font-size: 0; line-height: 0;" height="15">&nbsp;</td></tr>
</tbody></table>
</td></tr>
<tr><td align="center" style="font-family:'Open Sans', arial, sans-serif !important;font-size:18px !important;line-height:32px !important;font-weight:400 !important;"><a style="color:#fc3768 !important;text-decoration: none;" href="https://medium.com/@bitboy/what-makes-a-great-creative-leader-58468e56da6f" data-hs-link-id="0">What makes a great creative leader?</a></td></tr>
</tbody></table>
</td></tr>
<tr height="72"><td>&nbsp;</td></tr>
</tbody></table>
</td></tr>
<tr height="40"><td>&nbsp;</td></tr>
<tr>
<td align="center">
<table class="responsive-table" width="580" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<div class="social-cell" style="width: 31%; float: left;display: inline;">
<table bgcolor="#46a9e3" border="0" cellpadding="0" cellspacing="0" width="100%" height="50" style="border-radius: 3px !important;">
<tbody><tr><td align="center" valign="middle">
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://twitter.com/InVisionApp" style="height:50px;v-text-anchor:middle;width:179px;text-transform:uppercase;" arcsize="5%" stroke="f" fillcolor="#46A9E3">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:12px;text-transform:uppercase;">Follow on Twitter</center>
</v:roundrect>
<![endif]-->
<a href="https://twitter.com/InVisionApp" style="line-height:50px; display:block; text-decoration: none !important; width: 100%;-webkit-text-size-adjust:none;mso-hide:all;" data-hs-link-id="0">
<img src="http://cdn2.hubspot.net/hub/425470/file-2544477426-png/email/weekly-digest/common/twitter2x.png?t=1460288103181&amp;width=15&amp;height=13" style="border: 0;inline-block; vertical-align: middle;" width="15" height="13" alt="Follow on Twitter">
<span style="text-decoration: none;">&nbsp;</span>
<span style="font-family:'Open Sans', arial, sans-serif !important;font-size:12px !important;color:#fefefe !important;text-transform:uppercase !important;border-radius:3px !important;text-decoration: none !important;font-weight: 400 !important;">Follow on Twitter</span>
</a>
</td></tr>
</tbody></table>
</div>
<div class="social-spacer" style="width: 3.5%; height: 50px; float: left;display: inline;*margin-right: -1px;"></div>
<div class="social-cell" style="width: 31%; float: left;display: inline;">
<table bgcolor="#36549d" border="0" cellpadding="0" cellspacing="0" width="100%" height="50" style="border-radius: 3px !important;">
<tbody><tr><td align="center" valign="middle">
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.facebook.com/invisionapp" style="height:50px;v-text-anchor:middle;width:179px;text-transform:uppercase;" arcsize="5%" stroke="f" fillcolor="#36549D">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:12px;text-transform:uppercase;">Like on Facebook</center>
</v:roundrect>
<![endif]-->
<a href="https://www.facebook.com/invisionapp" style="line-height:50px; display:block; text-decoration: none !important; width: 100%;-webkit-text-size-adjust:none;mso-hide:all;" data-hs-link-id="0">
<img src="http://cdn2.hubspot.net/hub/425470/file-2544477386-png/email/weekly-digest/common/facebook2x.png?t=1460288103181&amp;width=8&amp;height=15" style="border: 0;display:inline-block; vertical-align: middle;" width="8" height="15" alt="Like on Facebook<">
<span style="text-decoration: none;">&nbsp;</span>
<span style="font-family:'Open Sans', arial, sans-serif !important;font-size:12px !important;color:#fefefe !important;text-transform:uppercase !important;border-radius:3px !important;text-decoration: none !important;font-weight: 400 !important;">Like on Facebook</span>
</a>
</td></tr>
</tbody></table>
</div>
<div class="social-spacer" style="width: 3.5%; height: 50px; float: left;display: inline;*margin-right: -1px;"></div>
<div class="social-cell" style="width: 31%; float: left;display: inline;">
<table bgcolor="#c92228" border="0" cellpadding="0" cellspacing="0" width="100%" height="50" style="border-radius: 3px !important;">
<tbody><tr><td align="center" valign="middle">
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.pinterest.com/invisionapp/" style="height:50px;v-text-anchor:middle;width:179px;" arcsize="5%" stroke="f" fillcolor="#c92228">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:12px;text-transform:uppercase;">Follow on Pinterest</center>
</v:roundrect>
<![endif]-->
<a href="http://www.pinterest.com/invisionapp/" style="line-height:50px; display:block; text-decoration: none !important; width: 100%;-webkit-text-size-adjust:none;mso-hide:all;" data-hs-link-id="0">
<img src="http://cdn2.hubspot.net/hub/425470/file-2544477396-png/email/weekly-digest/common/pinterest2x.png?t=1460288103181&amp;width=13&amp;height=15" style="border: 0;display:inline-block; vertical-align: middle;" width="13" height="15" alt="Follow on Pinterest">
<span style="text-decoration: none;">&nbsp;</span>
<span style="font-family:'Open Sans', arial, sans-serif !important;font-size:12px !important;color:#fefefe !important;text-transform:uppercase !important;border-radius:3px !important;text-decoration: none !important;font-weight: 400 !important;">Follow on Pinterest</span>
</a>
</td></tr>
</tbody></table>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr height="58"><td>&nbsp;</td></tr>
<tr>
<td align="center">
<table class="responsive-table" width="580" border="0" cellpadding="0" cellspacing="0" valign="top">
<tbody><tr>
<td align="center" valign="top">
<a href="http://invisionapp.com" data-hs-link-id="0"><img src="http://cdn2.hubspot.net/hub/425470/file-2564722570-jpg/email/weekly-digest/common/invision-logo-50x472x.jpg?noresize&amp;t=1460288103181&amp;width=34&amp;height=33" width="34" height="33" alt="InVision" style="border:0; width:34px;height:33px;"></a>
</td>
</tr>
<tr height="21"><td>&nbsp;</td></tr>
<tr><td align="center" valign="top" style="font-family:'Open Sans',sans-serif !important;font-weight:400 !important;color:#7e8890 !important;font-size:12px !important;text-transform:uppercase !important;letter-spacing:.045em !important;">design better experiences for web &amp; mobile</td></tr>
<tr height="7" style="padding: 0; margin: 0; font-size: 0; line-height: 0;"><td>&nbsp;</td></tr>
<tr><td align="center" valign="top" style="font-family:'Open Sans',sans-serif !important;font-weight:400 !important;color:#7e8890 !important;font-size:11px !important;letter-spacing:.05em !important;"><em>A Prototyping, Collaboration &amp; Workflow Platform</em></td></tr>
<tr height="40" style="padding: 0; margin: 0; font-size: 0; line-height: 0;"><td>&nbsp;</td></tr>
<tr><td align="center"><a href="http://get.invisionapp.com/hs/manage-preferences/unsubscribe?v=1&amp;d=eyJlYSI6Im1hcnVmMjAwNkBnbWFpbC5jb20iLCJlYyI6MTY5OTM3NDMsInN1YnNjcmlwdGlvbklkIjoyOTg3MzV9" style="font-family:Open Sans,sans-serif !important;font-size:12px !important;color:#7e8890 !important;text-decoration: underline !important;" data-hs-link-id="0">Manage your email preferences</a></td></tr>
<tr height="21" style="padding: 0; margin: 0; font-size: 0; line-height: 0;"><td>&nbsp;</td></tr>
<tr><td valign="top" align="center">
<p style="margin-bottom: 1em; font-family:Open Sans,sans-serif !important;padding:0 !important;margin:0 !important;color:#7e8890 !important;font-size:12px !important;font-weight:300 !important;"><span class="appleLinks">InVision App, 41 Madison Ave, New York, NY</span></p>
</td></tr>
<tr height="38"><td>&nbsp;</td></tr>
</tbody></table>
</td>
</tr>
</tbody></table></td></tr>
</tbody></table>
</center>
<script type="text/javascript" src="https://static.hsstatic.net/content_shared_assets/static-1.4002/js/public_common.js"></script>
<!-- Start of Async HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(["setContentType", "email"]);
_hsq.push(["setCanonicalUrl", "http:\/\/get.invisionapp.com\/weekly-digest-new-mobile-features-4-tips-on-typesetting-better-design-dev"]);
_hsq.push(["setPageId", "2727283940"]);
_hsq.push(["setContentMetadata", {
"contentPageId": 2727283940,
"legacyPageId": "2727283940",
"contentGroupId": null,
"abTestId": null,
"languageVariantId": 2727283940,
"languageCode": null
}]);
_hsq.push(["setTargetedContentMetadata", []]);
(function(d,s,i,r) {
if (d.getElementById(i)){return;}
var n=d.createElement(s),e=d.getElementsByTagName(s)[0];
n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/425470.js';
e.parentNode.insertBefore(n, e);
})(document,"script","hs-analytics",300000);
</script>
<!-- End of Async HubSpot Analytics Code -->
<script type="text/javascript">
var hsVars = {
ticks: 1460382329208,
page_id: 2727283940,
content_group_id: 0,
portal_id: 425470,
app_hs_base_url: "https://app.hubspot.com"
}
</script>
<!-- start Main.js DO NOT REMOVE -->
<script src="http://cdn2.hubspot.net/hub/425470/hub_generated/style_manager/1420759931426/custom/page/InVision-Sept2014-theme/InVision-Sept2014-main.min.js"></script>
<!-- end Main.js -->
<!-- end coded_template: id:2279653568 path:custom/email/weekly_digest/weekly_digest.html -->
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment