Created
April 11, 2016 14:24
-
-
Save marufsiddiqui/d63a06d0ab00e1a432ebebb8127f2af2 to your computer and use it in GitHub Desktop.
weekly-digest-new-mobile-features-4-tips-on-typesetting-better-design-dev
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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> </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> </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=&t=1460288103181&width=580" class="hero-image" width="580" style="border: 0; max-width: 100% !important;"></a></td></tr> | |
| <tr height="46"><td> </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> </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> </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> </td></tr> | |
| </tbody></table> | |
| </td> | |
| </tr> | |
| <tr height="40"><td> </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> </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=&t=1460288103181&width=580" class="hero-image" width="580" style="border: 0; max-width: 100% !important;"></a></td></tr> | |
| <tr height="46"><td> </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> </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> </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> </td></tr> | |
| </tbody></table> | |
| </td> | |
| </tr> | |
| <tr height="40"><td> </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=&t=1460288103181&width=580" class="hero-image" width="580" style="border: 0; max-width: 100% !important;"></a></td></tr> | |
| <tr height="46"><td> </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> </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> </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> </td></tr> | |
| </tbody></table> | |
| </td> | |
| </tr> | |
| <tr height="40"><td> </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=&t=1460288103181&width=580" class="hero-image" width="580" style="border: 0; max-width: 100% !important;"></a></td></tr> | |
| <tr height="46"><td> </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> </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> </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> </td></tr> | |
| </tbody></table> | |
| </td> | |
| </tr> | |
| <tr height="40"><td> </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&width=580" class="hero-image" width="580" style="border: 0; max-width: 100% !important;"></a></td></tr> | |
| <tr height="46"><td> </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 & awesome</h2></td></tr> | |
| </tbody></table> | |
| </td></tr> | |
| <tr height="25"><td> </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, you’ll see changes on your device instantly. And no bars are officially no problem.</td> | |
| </tr> | |
| </tbody></table> | |
| </td> | |
| </tr> | |
| <tr height="36"><td> </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> </td></tr> | |
| </tbody></table> | |
| </td> | |
| </tr> | |
| <tr height="40"><td> </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> </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> </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"> </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"> </td></tr> | |
| <tr><td style="font-size: 0; line-height: 0;" height="15"> </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"> </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"> </td></tr> | |
| <tr><td style="font-size: 0; line-height: 0;" height="15"> </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"> </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"> </td></tr> | |
| <tr><td style="font-size: 0; line-height: 0;" height="15"> </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"> </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"> </td></tr> | |
| <tr><td style="font-size: 0; line-height: 0;" height="15"> </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> </td></tr> | |
| </tbody></table> | |
| </td></tr> | |
| <tr height="40"><td> </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&width=15&height=13" style="border: 0;inline-block; vertical-align: middle;" width="15" height="13" alt="Follow on Twitter"> | |
| <span style="text-decoration: none;"> </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&width=8&height=15" style="border: 0;display:inline-block; vertical-align: middle;" width="8" height="15" alt="Like on Facebook<"> | |
| <span style="text-decoration: none;"> </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&width=13&height=15" style="border: 0;display:inline-block; vertical-align: middle;" width="13" height="15" alt="Follow on Pinterest"> | |
| <span style="text-decoration: none;"> </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> </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&t=1460288103181&width=34&height=33" width="34" height="33" alt="InVision" style="border:0; width:34px;height:33px;"></a> | |
| </td> | |
| </tr> | |
| <tr height="21"><td> </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 & mobile</td></tr> | |
| <tr height="7" style="padding: 0; margin: 0; font-size: 0; line-height: 0;"><td> </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 & Workflow Platform</em></td></tr> | |
| <tr height="40" style="padding: 0; margin: 0; font-size: 0; line-height: 0;"><td> </td></tr> | |
| <tr><td align="center"><a href="http://get.invisionapp.com/hs/manage-preferences/unsubscribe?v=1&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> </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> </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