CINXE.COM
Official Gmail Blog: December 2011
<!DOCTYPE html> <html class='v2 list-page' dir='ltr' itemscope='' itemtype='http://schema.org/Blog' lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <link href='https://www.blogger.com/static/v1/widgets/3566091532-css_bundle_v2.css' rel='stylesheet' type='text/css'/> <title> Official Gmail Blog: December 2011 </title> <meta content='width=device-width, height=device-height, minimum-scale=1.0, initial-scale=1.0, user-scalable=0' name='viewport'/> <meta content='IE=Edge' http-equiv='X-UA-Compatible'/> <meta content='Official Gmail Blog' property='og:title'/> <meta content='en_US' property='og:locale'/> <meta content='https://gmail.googleblog.com/2011/12/' property='og:url'/> <meta content='Official Gmail Blog' property='og:site_name'/> <!-- Twitter Card properties --> <meta content='Official Gmail Blog' property='og:title'/> <meta content='summary' name='twitter:card'/> <meta content='@gmail' name='twitter:creator'/> <link href='https://fonts.googleapis.com/css?family=Roboto:400italic,400,500,500italic,700,700italic' rel='stylesheet' type='text/css'/> <link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'/> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js' type='text/javascript'></script> <!-- End --> <style id='page-skin-1' type='text/css'><!-- /* <Group description="Header Color" selector="header"> <Variable name="header.background.color" description="Header Background" type="color" default="#ffffff"/> </Group> */ .header-outer { border-bottom: 1px solid #e0e0e0; background: #ffffff; } html, .Label h2, #sidebar .rss a, .BlogArchive h2, .FollowByEmail h2.title, .widget .post h2 { font-family: Roboto, sans-serif; } .plusfollowers h2.title, .post h2.title, .widget h2.title { font-family: Roboto, sans-serif; } .widget-item-control { height: 100%; } .widget.Header, #header { position: relative; height: 100%; width: 100%; } } .widget.Header .header-logo1 { float: left; margin-right: 15px; padding-right: 15px; border-right: 1px solid #ddd; } .header-title h2 { color: rgba(0,0,0,.54); display: inline-block; font-size: 40px; font-family: Roboto, sans-serif; font-weight: normal; line-height: 54px; vertical-align: top; } .header-inner { background-repeat: no-repeat; background-position: right 0px; } .post-author, .byline-author { font-size: 14px; font-weight: normal; color: #757575; color: rgba(0,0,0,.54); } .post-content .img-border { border: 1px solid rgb(235, 235, 235); padding: 4px; } .header-title a { text-decoration: none !important; } pre { border: 1px solid #bbbbbb; margin-top: 1em 0 0 0; padding: 0.99em; overflow-x: auto; overflow-y: auto; } pre, code { font-size: 9pt; background-color: #fafafa; line-height: 125%; font-family: monospace; } pre, code { color: #060; font: 13px/1.54 "courier new",courier,monospace; } .header-left .header-logo1 { width: 128px !important; } .header-desc { line-height: 20px; margin-top: 8px; } .fb-custom img, .twitter-custom img, .gplus-share img { cursor: pointer; opacity: 0.54; } .fb-custom img:hover, .twitter-custom img:hover, .gplus-share img:hover { opacity: 0.87; } .fb-like { width: 80px; } .post .share { float: right; } #twitter-share{ border: #CCC solid 1px; border-radius: 3px; background-image: -webkit-linear-gradient(top,#ffffff,#dedede); } .twitter-follow { background: url(//4.bp.blogspot.com/-8O7VcmcY32o/VSYkC2vUj7I/AAAAAAAAHeU/7mzo-JFgTgk/s1600/twitter-bird.png) no-repeat left center; padding-left: 18px; font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,.5); cursor: pointer; margin-bottom: 10px; } .twitter-fb { padding-top: 2px; } .fb-follow-button { background: -webkit-linear-gradient(#4c69ba, #3b55a0); background: -moz-linear-gradient(#4c69ba, #3b55a0); background: linear-gradient(#4c69ba, #3b55a0); border-radius: 2px; height: 18px; padding: 4px 0 0 3px; width: 57px; border: #4c69ba solid 1px; } .fb-follow-button a { text-decoration: none !important; text-shadow: 0 -1px 0 #354c8c; text-align: center; white-space: nowrap; font-size: 11px; color: white; vertical-align: top; } .fb-follow-button a:visited { color: white; } .fb-follow { padding: 0px 5px 3px 0px; width: 14px; vertical-align: bottom; } .gplus-wrapper { margin-top: 3px; display: inline-block; vertical-align: top; } .twitter-custom, .gplus-share { margin-right: 12px; } .fb-follow-button{ margin: 10px auto; } /** CUSTOM CODE **/ --></style> <style id='template-skin-1' type='text/css'><!-- .header-outer { clear: both; } .header-inner { margin: auto; padding: 0px; } .footer-outer { background: #f5f5f5; clear: both; margin: 0; } .footer-inner { margin: auto; padding: 0px; } .footer-inner-2 { /* Account for right hand column elasticity. */ max-width: calc(100% - 248px); } .google-footer-outer { clear: both; } .cols-wrapper, .google-footer-outer, .footer-inner, .header-inner { max-width: 978px; margin-left: auto; margin-right: auto; } .cols-wrapper { margin: auto; clear: both; margin-top: 60px; margin-bottom: 60px; overflow: hidden; } .col-main-wrapper { float: left; width: 100%; } .col-main { margin-right: 278px; max-width: 660px; } .col-right { float: right; width: 248px; margin-left: -278px; } /* Tweaks for layout mode. */ body#layout .google-footer-outer { display: none; } body#layout .header-outer, body#layout .footer-outer { background: none; } body#layout .header-inner { height: initial; } body#layout .cols-wrapper { margin-top: initial; margin-bottom: initial; } --></style> <!-- start all head --> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='blogger' name='generator'/> <link href='https://gmail.googleblog.com/favicon.ico' rel='icon' type='image/x-icon'/> <link href='https://gmail.googleblog.com/2011/12/' rel='canonical'/> <link rel="alternate" type="application/atom+xml" title="Official Gmail Blog - Atom" href="https://gmail.googleblog.com/feeds/posts/default" /> <link rel="alternate" type="application/rss+xml" title="Official Gmail Blog - RSS" href="https://gmail.googleblog.com/feeds/posts/default?alt=rss" /> <link rel="service.post" type="application/atom+xml" title="Official Gmail Blog - Atom" href="https://www.blogger.com/feeds/6781693/posts/default" /> <!--Can't find substitution for tag [blog.ieCssRetrofitLinks]--> <meta content='https://gmail.googleblog.com/2011/12/' property='og:url'/> <meta content='Official Gmail Blog' property='og:title'/> <meta content='News, tips and tricks from Google's Gmail team and friends.' property='og:description'/> <!-- end all head --> <base target='_self'/> <style> html { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body { padding: 0; /* This ensures that the scroll bar is always present, which is needed */ /* because content render happens after page load; otherwise the header */ /* would "bounce" in-between states. */ min-height: 150%; } h2 { font-size: 16px; } h1, h2, h3, h4, h5 { line-height: 2em; } html, h4, h5, h6 { font-size: 14px; } a, a:visited { color: #4184F3; text-decoration: none; } a:focus, a:hover, a:active { text-decoration: none; } .Header { margin-top: 15px; } .Header h1 { font-size: 32px; font-weight: 300; line-height: 32px; height: 42px; } .header-inner .Header .titlewrapper { padding: 0; margin-top: 30px; } .header-inner .Header .descriptionwrapper { padding: 0; margin: 0; } .cols-wrapper { margin-top: 56px; } .header-outer, .cols-wrapper, .footer-outer, .google-footer-outer { padding: 0 60px; } .header-inner { height: 256px; position: relative; } html, .header-inner a { color: #212121; color: rgba(0,0,0,.87); } .header-inner .google-logo { display: inline-block; background-size: contain; z-index: 1; height: 53px; overflow: hidden; margin-right: 8px; } .header-left { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 12px; width: 100%; } .google-logo { margin-left: -4px; } #google-footer { position: relative; font-size: 13px; list-style: none; text-align: right; } #google-footer a { color: #444; } #google-footer ul { margin: 0; padding: 0; height: 144px; line-height: 144px; } #google-footer ul li { display: inline; } #google-footer ul li:before { color: #999; content: "\00b7"; font-weight: bold; margin: 5px; } #google-footer ul li:first-child:before { content: ''; } #google-footer .google-logo-dark { left: 0; margin-top: -16px; position: absolute; top: 50%; } /** Sitemap links. **/ .footer-inner-2 { font-size: 14px; padding-top: 42px; padding-bottom: 74px; } .footer-inner-2 .HTML h2 { color: #212121; color: rgba(0,0,0,.87); font-size: 14px; font-weight: 500; padding-left: 0; margin: 10px 0; } .footer-inner-2 .HTML ul { font-weight: normal; list-style: none; padding-left: 0; } .footer-inner-2 .HTML li { line-height: 24px; padding: 0; } .footer-inner-2 li a { color: rgba(65,132,243,.87); } /** Archive widget. **/ .BlogArchive { font-size: 13px; font-weight: normal; } .BlogArchive .widget-content { display: none; } .BlogArchive h2, .Label h2 { color: #4184F3; text-decoration: none; } .BlogArchive .hierarchy li { display: inline-block; } /* Specificity needed here to override widget CSS defaults. */ .BlogArchive #ArchiveList ul li, .BlogArchive #ArchiveList ul ul li { margin: 0; padding-left: 0; text-indent: 0; } .BlogArchive .intervalToggle { cursor: pointer; } .BlogArchive .expanded .intervalToggle .new-toggle { -ms-transform: rotate(180deg); transform: rotate(180deg); } .BlogArchive .new-toggle { float: right; padding-top: 3px; opacity: 0.87; } #ArchiveList { text-transform: uppercase; } #ArchiveList .expanded > ul:last-child { margin-bottom: 16px; } #ArchiveList .archivedate { width: 100%; } /* Months */ .BlogArchive .items { max-width: 150px; margin-left: -4px; } .BlogArchive .expanded .items { margin-bottom: 10px; overflow: hidden; } .BlogArchive .items > ul { float: left; height: 32px; } .BlogArchive .items a { padding: 0 4px; } .Label { font-size: 13px; font-weight: normal; } .sidebar-icon { display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 12px; margin-top: -1px } .Label a { margin-right: 4px; } .Label .widget-content { display: none; } .FollowByEmail { font-size: 13px; font-weight: normal; } .FollowByEmail h2 { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: 0 50%; text-indent: 30px; } .FollowByEmail .widget-content { display: none; } .searchBox input { border: 1px solid #eee; color: #212121; color: rgba(0,0,0,.87); font-size: 14px; padding: 8px 8px 8px 40px; width: 164px; font-family: Roboto, sans-serif; background: url("https://www.gstatic.com/images/icons/material/system/1x/search_grey600_24dp.png") 8px center no-repeat; } .searchBox ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(0,0,0,.54); } .searchBox :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity: 0.54; } .searchBox ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000; opacity: 0.54; } .searchBox :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #757575; } .widget-item-control { margin-top: 0px; } .section { margin: 0; padding: 0; } #sidebar-top { border: 1px solid #eee; } #sidebar-top > div { margin: 16px 0; } .widget ul { line-height: 1.6; } /*main post*/ .post { margin-bottom:30px; } #main .post .title { margin: 0; } #main .post .title a { color: #212121; color: rgba(0,0,0,.87); font-weight: normal; font-size: 24px; } #main .post .title a:hover { text-decoration:none; color:#4184F3; } .message, #main .post .post-header { margin: 0; padding: 0; } #main .post .post-header .caption, #main .post .post-header .labels-caption, #main .post .post-footer .caption, #main .post .post-footer .labels-caption { color: #444; font-weight: 500; } #main .tr-caption-container td { text-align: left; } #main .post .tr-caption { color: #757575; color: rgba(0,0,0,.54); display: block; max-width: 560px; padding-bottom: 20px; } #main .post .tr-caption-container { line-height: 24px; margin: -1px 0 0 0 !important; padding: 4px 0; text-align: left; } #main .post .post-header .published{ font-size:11px; font-weight:bold; } .post-header .publishdate { font-size: 17px; font-weight:normal; color: #757575; color: rgba(0,0,0,.54); } #main .post .post-footer{ font-size:12px; padding-bottom: 21px; } .label-footer { margin-bottom: 12px; margin-top: 12px; } .comment-img { margin-right: 16px; opacity: 0.54; vertical-align: middle; } #main .post .post-header .published { margin-bottom: 40px; margin-top: -2px; } .post .post-content { color: #212121; color: rgba(0,0,0,.87); font-size: 17px; margin: 25px 0 36px 0; line-height: 32px; } .post-body .post-content ul, .post-body .post-content ol { margin: 16px 0; padding: 0 48px; } .post-summary { display: none; } /* Another old-style caption. */ .post-content div i, .post-content div + i { font-size: 14px; font-style: normal; color: #757575; color: rgba(0,0,0,.54); display: block; line-height: 24px; margin-bottom: 16px; text-align: left; } /* Another old-style caption (with link) */ .post-content a > i { color: #4184F3 !important; } /* Old-style captions for images. */ .post-content .separator + div:not(.separator) { margin-top: -16px; } /* Capture section headers. */ .post-content br + br + b, .post-content .space + .space + b, .post-content .separator + b { display: inline-block; margin-bottom: 8px; margin-top: 24px; } .post-content li { line-height: 32px; } /* Override all post images/videos to left align. */ .post-content .separator { text-align: center !important; } .post-content .separator > a, .post-content .separator > span { margin-left: 0 !important; } .post-content img { max-width: 100%; /*height: auto; width: auto; */ height: auto !important; } .post-content .tr-caption-container img { margin-bottom: 12px; } .post-content iframe, .post-content embed { max-width: 100%; } .post-content .carousel-container { margin-bottom: 48px; } #main .post-content b { font-weight: 500; } /* These are the main paragraph spacing tweaks. */ #main .post-content br { content: ' '; display: block; padding: 4px; } .post-content .space { display: block; height: 8px; } .post-content iframe + .space, .post-content iframe + br { padding: 0 !important; } #main .post .jump-link { margin-bottom:10px; } .post-content img, .post-content iframe { margin: 30px 0 20px 0; } .post-content > img:first-child, .post-content > iframe:first-child { margin-top: 0; } .col-right .section { padding: 0 16px; } #aside { background:#fff; border:1px solid #eee; border-top: 0; } #aside .widget { margin:0; } #aside .widget h2, #ArchiveList .toggle + a.post-count-link { color: #212121; color: rgba(0,0,0,.87); font-weight: 400 !important; margin: 0; } #ArchiveList .toggle { float: right; } #ArchiveList .toggle .material-icons { padding-top: 4px; } #sidebar .tab { cursor: pointer; } #sidebar .tab .arrow { display: inline-block; float: right; } #sidebar .tab .icon { display: inline-block; vertical-align: top; height: 24px; width: 24px; margin-right: 13px; margin-left: -1px; margin-top: 1px; color: #757575; color: rgba(0,0,0,.54); } #sidebar .widget-content > :first-child { padding-top: 8px; } #sidebar .active .tab .arrow { -ms-transform: rotate(180deg); transform: rotate(180deg); } #sidebar .arrow { color: #757575; color: rgba(0,0,0,.54); } #sidebar .widget h2 { font-size: 14px; line-height: 24px; display: inline-block; } #sidebar .widget .BlogArchive { padding-bottom: 8px; } #sidebar .widget { border-bottom: 1px solid #eee; box-shadow: 0px 1px 0 white; margin-bottom: 0; padding: 14px 0; min-height: 20px; } #sidebar .widget:last-child { border-bottom: none; box-shadow: none; margin-bottom: 0; } #sidebar ul { margin: 0; padding: 0; } #sidebar ul li { list-style:none; padding:0; } #sidebar ul li a { line-height: 32px; } #sidebar .archive { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNDY23s9AAWBioBCwYBM8c+YMVsUmJibEGYBNMS5DaeMFfDYSZQA2v9I3FrB5AZeriI4FmnrBccCT8mhmGs1MwyAzAQQYAKEWG9zm9QFEAAAAAElFTkSuQmCC"); height: 24px; line-height: 24px; padding-left: 30px; } #sidebar .labels { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNpiNDY23s9AAMycOfM7UF05kHkZmzwTMkdSUhKrIcXFxZy3bt3qBjIN8RrS09PDsHnzZjCNDr58+cKQlpbGDjSoHcg1w2oIyAUODg5gARCNzUVIBrUCuVYYhjx//pzhwIEDYAEQDeJjA1CDWIAGNQK59jBxRuSABbkAlwHIgIeHh2HWrFn/1NTU2oDcvSgBS4wBSC5iArqoCsj1YGIgEyAZVMoEchqlBjEB/cZAiUHg2AEGznpKDAImxOeM////B4VLKtBvEUCngZ1ILKivr3/u6+ubBzJAGZQ9gC5aQoqLgAY8BhkAZL4BuQQkxgXE34A4BuiiZEIuAhrwEGhAEZD5DpzYoIaA2UAM4kQADUrHZRDUgAIg8wO2XAwzbQXQa5OweQ1owB10AyA6gS7BgX1u3ry5397eHow3bdo0EyjGi00tQIABANPgyAH1q1eaAAAAAElFTkSuQmCC"); height: 20px; line-height: 20px; padding-left: 30px; } #sidebar .rss a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNqsVDGSgkAQHL2rIiIikohIc/EBRkbwAIwuwgfwAXiAD9AHSI7kEkECRCb6AIyINDLx7K0aa6kT7uq0q7YYtnZ7umdnt7darXbr9Zpegeu61DNNc0dvwCcH4/GYJpMJnc9nOhwOVJbl/4hAAokMECZJQtvt9k+kH7qufyEYDAakqqqYxFdRFBqNRmTbNg2HQ0rTlK7XayvR0xqBdDqdkuM4dE/0ULhYLOh4PHYrknG5XGi/31MYhuL/nkwonM1mlGUZ1XXdrsiyLGEDhY7juJEZ1u5tIixDGdYhmYw+B7CAzPP5nDabjdgIAgCksMX1832/3drtdqPT6SQWapomiGEFNkDEdpDMMAzK81ys/7XYy+XyoQgq2WoURSIJ2iIIgp/WZCCTvFm2wgeAU31aI3Q2GhIDMeB53qPYPIcm5VrxXIOIOxsDMStjVawAc1VViRgN22lNBiuQN3GR+SY07hpOoStmFQAKXRRFY93bnpG+fONfedi+BRgAbkS8Fxp7QQIAAAAASUVORK5CYII="); } #sidebar .subscription a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNrMkSGLAlEUhb+ZB4JFi8mx2cz+ApvhRUGTcUCrNqNJDYIi+DO0GUwmQXDK2DSIoGgZcSaIjDrzwrK4ssvChj1w0733O+fdp+m6PozH4yQSCfb7Pa7r8pOi0SjJZBLP8zgej4gAIMvlMuPxmADIYrHger1+C6lUKmo+NJ/NZojb7SZDWiwWo1qtks1msW2bw+HwZdkwDHq9HvV6nel0SqvVYrvdIh6Ph3Qch+VyqRYLhQJSSjRNw7IsfN9XgGKxSLfbJZfL0e/3aTabrFYr7vc7IujLcOh8PqunrNdr0uk0pVKJVCpFJBJRgEajweVyod1uMxgM2O12BAGUgRbU8DV2JpOhVquRz+cRQii3+XxOp9NRN3jVR5LPOp1OjEYjlSL8hclkgmmabDabt4d+m+S30vkD/R/IU4ABAPTZgnZdmG/PAAAAAElFTkSuQmCC"); } #sidebar-bottom { background: #f5f5f5; border-top:1px solid #eee; } #sidebar-bottom .widget { border-bottom: 1px solid #e0e0e0; padding: 15px 0; text-align: center; } #sidebar-bottom > div:last-child { border-bottom: 0; } #sidebar-bottom .text { line-height: 20px; } /* Home, forward, and backward pagination. */ .blog-pager { border-top : 1px #e0e0e0 solid; padding-top: 10px; margin-top: 15px; text-align: right !important; } #blog-pager { margin-botom: 0; margin-top: -14px; padding: 16px 0 0 0; } #blog-pager a { display: inline-block; } .blog-pager i.disabled { opacity: 0.2 !important; } .blog-pager i { color: black; margin-left: 16px; opacity: 0.54; } .blog-pager i:hover, .blog-pager i:active { opacity: 0.87; } #blog-pager-older-link, #blog-pager-newer-link { float: none; } .gplus-profile { background-color: #fafafa; border: 1px solid #eee; overflow: hidden; width: 212px; } .gplus-profile-inner { margin-left: -1px; margin-top: -1px; } /* Sidebar follow buttons. */ .followgooglewrapper { padding: 12px 0 0 0; } .loading { visibility: hidden; } .detail-page .post-footer .cmt_iframe_holder { padding-top: 40px !important; } /** Desktop **/ @media (max-width: 900px) { .col-right { display: none; } .col-main { margin-right: 0; min-width: initial; } .footer-outer { display: none; } .cols-wrapper { min-width: initial; } .google-footer-outer { background-color: #f5f5f5; } } /** Tablet **/ @media (max-width: 712px) { .header-outer, .cols-wrapper, .footer-outer, .google-footer-outer { padding: 0 40px; } } /* An extra breakpoint accommodating for long blog titles. */ @media (max-width: 600px) { .header-inner { height: 150px; } .header-left { height: 60%; top: inherit; margin-top: 0; -webkit-transform: initial; transform: initial; } .header-title { margin-top: 18px; } .header-inner .google-logo { height: 40px; margin-top: 3px; } .header-inner .google-logo img { height: 42px; } .header-title h2 { font-size: 32px; line-height: 40px; } .header-desc { top: 75px; position: absolute; } .post-content img { height: auto !important; } } /** Mobile/small desktop window; also landscape. **/ @media (max-width: 480px), (max-height: 480px) { .header-outer, .cols-wrapper, .footer-outer, .google-footer-outer { padding: 0 16px; } .cols-wrapper { margin-top: 0; } .post-header .publishdate, .post .post-content { font-size: 16px; } .post .post-content { line-height: 28px; margin-bottom: 30px; } .post { margin-top: 30px; } .byline-author { display: block; font-size: 12px; line-height: 24px; margin-top: 6px; } #main .post .title a { font-weight: 500; color: #4c4c4c; color: rgba(0,0,0,.70); } #main .post .post-header { padding-bottom: 12px; } #main .post .post-header .published { margin-bottom: -8px; margin-top: 3px; } .post .read-more { display: block; margin-top: 14px; } .post .tr-caption { font-size: 12px; } #main .post .title a { font-size: 20px; line-height: 30px; } .post-content iframe { /* iframe won't keep aspect ratio when scaled down. */ max-height: 240px; } .post-content .separator img, .post-content .tr-caption-container img, .post-content iframe { margin-left: -16px; max-width: inherit; width: calc(100% + 32px); height: auto !important; } .post-content table, .post-content td { width: 100%; } #blog-pager { margin: 0; padding: 16px 0; } /** List page tweaks. **/ .list-page .post-original { display: none; } .list-page .post-summary { display: block; } .list-page .comment-container { display: none; } .list-page #blog-pager { padding-top: 0; border: 0; margin-top: -8px; } .list-page .label-footer { display: none; } .list-page #main .post .post-footer { border-bottom: 1px solid #eee; margin: -16px 0 0 0; padding: 0 0 20px 0; } .list-page .post .share { display: none; } /** Detail page tweaks. **/ .detail-page .post-footer .cmt_iframe_holder { padding-top: 32px !important; } .detail-page .label-footer { margin-bottom: 0; } .detail-page #main .post .post-footer { padding-bottom: 0; } .detail-page #comments { display: none; } } [data-about-pullquote], [data-is-preview], [data-about-syndication] { display: none; } </style> <noscript> <style> .loading { visibility: visible }</style> </noscript> <script type='text/javascript'> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-1880198-1', 'auto', 'blogger'); ga('blogger.send', 'pageview'); </script> <link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6781693&zx=1adf3ea7-8354-4ab0-aca8-1a143c9fd3af' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6781693&zx=1adf3ea7-8354-4ab0-aca8-1a143c9fd3af' rel='stylesheet'/></noscript> <meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> <meta name='google-adsense-platform-domain' content='blogspot.com'/> </head> <body> <script type='text/javascript'> //<![CDATA[ var axel = Math.random() + ""; var a = axel * 10000000000000; document.write('<iframe src="https://2542116.fls.doubleclick.net/activityi;src=2542116;type=gblog;cat=googl0;ord=ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'); //]]> </script> <noscript> <img alt='' height='1' src='https://ad.doubleclick.net/ddm/activity/src=2542116;type=gblog;cat=googl0;ord=1?' width='1'/> </noscript> <!-- Header --> <div class='header-outer'> <div class='header-inner'> <div class='section' id='header'><div class='widget Header' data-version='1' id='Header1'> <div class='header-left'> <div class='header-title'> <a class='google-logo' href='https://gmail.googleblog.com/'> <img height="50" src="//3.bp.blogspot.com/-O231QKWcdH0/VGIFcFuWo5I/AAAAAAAAPnE/S3a8H6twUoE/s1600/logo_gmail_color_112in128dp.png"> </a> <a href='/.'> <h2> Official Gmail Blog </h2> </a> </div> <div class='header-desc'> News, tips and tricks from Google's Gmail team and friends. </div> </div> </div></div> </div> </div> <!-- all content wrapper start --> <div class='cols-wrapper loading'> <div class='col-main-wrapper'> <div class='col-main'> <div class='section' id='main'><div class='widget Blog' data-version='1' id='Blog1'> <div class='post' data-id='5414524517442479636' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/12/one-more-present-under-treecustom-video.html' itemprop='url' title='One more present under the tree—custom <i>video messages</i> from Santa'> One more present under the tree—custom <i>video messages</i> from Santa </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> December 20, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by Trevor Claiborne, Product Marketing Manager</span></insert><br /> <br /> <a href="http://gmailblog.blogspot.com/2011/12/ho-ho-hold-phone-santas-on-line.html">Last Friday</a> Santa opened up the Ho Ho Hotline and teamed up with Gmail to send <a href="//www.google.com/press/audio/google_santacall_2011.mp3">personalized holiday phone calls</a> to anyone you know who has been nice (or naughty, for that matter) in the U.S. or Canada. In just a few days Santa has made hundreds of thousands of calls to your friends, family and loved ones, and received many a message from you at his Google Voice number (<a href="https://mail.google.com/mail?voice=855-34-SANTA">855-34-SANTA</a>).<br /> <br /> Santa has one more surprise in store. Starting today, anyone in the world can <a href="http://www.sendacallfromsanta.com/?utm_source=ogb&utm_medium=blog&utm_campaign=video">create and send</a> a personalized cartoon video message (in English only) from Santa to anyone you know, anywhere in the world, and share them through email and Google+. Watch our sample video below and create your own at <a href="http://www.sendacallfromsanta.com/?utm_source=ogb&utm_medium=blog&utm_campaign=video">SendaCallFromSanta.com</a>.<br /> <br /> <iframe width="560" height="315" src="//www.youtube.com/embed/1PYcnb_A3T0?rel=0" frameborder="0" allowfullscreen></iframe><br /> <br /> The Gmail team wishes you a happy holiday! <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </script> <noscript> <span class="byline-author">Posted by Trevor Claiborne, Product Marketing Manager</span></insert><br /> <br /> <a href="http://gmailblog.blogspot.com/2011/12/ho-ho-hold-phone-santas-on-line.html">Last Friday</a> Santa opened up the Ho Ho Hotline and teamed up with Gmail to send <a href="//www.google.com/press/audio/google_santacall_2011.mp3">personalized holiday phone calls</a> to anyone you know who has been nice (or naughty, for that matter) in the U.S. or Canada. In just a few days Santa has made hundreds of thousands of calls to your friends, family and loved ones, and received many a message from you at his Google Voice number (<a href="https://mail.google.com/mail?voice=855-34-SANTA">855-34-SANTA</a>).<br /> <br /> Santa has one more surprise in store. Starting today, anyone in the world can <a href="http://www.sendacallfromsanta.com/?utm_source=ogb&utm_medium=blog&utm_campaign=video">create and send</a> a personalized cartoon video message (in English only) from Santa to anyone you know, anywhere in the world, and share them through email and Google+. Watch our sample video below and create your own at <a href="http://www.sendacallfromsanta.com/?utm_source=ogb&utm_medium=blog&utm_campaign=video">SendaCallFromSanta.com</a>.<br /> <br /> <iframe width="560" height="315" src="//www.youtube.com/embed/1PYcnb_A3T0?rel=0" frameborder="0" allowfullscreen></iframe><br /> <br /> The Gmail team wishes you a happy holiday! <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </noscript> </div> </div> <div class='share'> <span class='gplus-share social-wrapper' data-href='https://plus.google.com/share?url=https://gmail.googleblog.com/2011/12/one-more-present-under-treecustom-video.html'> <img alt='Share on Google+' height='24' src='https://www.gstatic.com/images/branding/google_plus/2x/ic_w_post_gplus_black_24dp.png' width='24'/> </span> <span class='twitter-custom social-wrapper' data-href='http://twitter.com/share?text=Official Gmail Blog:One more present under the tree—custom <i>video messages</i> from Santa&url=https://gmail.googleblog.com/2011/12/one-more-present-under-treecustom-video.html&via=gmail'> <img alt='Share on Twitter' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_twitter_black_24dp.png' width='24'/> </span> <span class='fb-custom social-wrapper' data-href='https://www.facebook.com/sharer.php?u=https://gmail.googleblog.com/2011/12/one-more-present-under-treecustom-video.html'> <img alt='Share on Facebook' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_facebook_black_24dp.png' width='24'/> </span> </div> <div class='comment-container'> <i class='comment-img material-icons'>  </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/12/one-more-present-under-treecustom-video.html' data-url='https://gmail.googleblog.com/2011/12/one-more-present-under-treecustom-video.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/12/one-more-present-under-treecustom-video.html' data-viewtype='FILTERED_POSTMOD'></div> <a href='https://plus.google.com/112374322230920073195' rel='author' style='display:none;'> Google </a> <div class='label-footer'> <span class='labels-caption'> Labels: </span> <span class='labels'> <a class='label' href='https://gmail.googleblog.com/search/label/Gmail%20Blog' rel='tag'> Gmail Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/Google%20Apps%20Blog' rel='tag'> Google Apps Blog </a> </span> </div> </div> </div> <div class='post' data-id='6772628132401505192' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/12/scribbles-for-gmail-for-mobile-creative.html' itemprop='url' title='Scribbles for Gmail for mobile - a creative way to email'> Scribbles for Gmail for mobile - a creative way to email </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> December 19, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by Donna Dupuis, Software Engineer</span><br /> <br /> From prehistoric humans etching in caves to the modern-day thinker sketching a stroke of genius on a napkin, scribbling is a natural form of human expression. Not constrained by formatting or font styles, scribbling is a versatile outlet for expressing individuality and creativity. Not to mention it's a lot of fun.<br /> <br /> Now you can quickly convey that eureka moment to a colleague, or simply brighten a loved one's day with a personal scribble in <a href="//www.google.com/mobile/mail/">Gmail for the mobile web browser</a> and the <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">Gmail app for iOS</a>. In the compose view, click on the scribble button to open up the drawing window. A lightweight interface makes it easy to get your idea down.<br /> <br /> Need a bit of inspiration to get started? With the holidays just around the corner, it's a great time to send a handmade, festive greeting:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4TEh9-Wft6W6yXesagcuADa4mTtuEZADPNs_0prF3Ua1DxQgyXVBQlFaD_beyW8zrG-bLGI-PBhog0cyXaOdWrg84lmP8DGT5sRywOyHpOnFTBj0YP9A7PFyy94Rn9bVEillE/s1600/scribble1.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4TEh9-Wft6W6yXesagcuADa4mTtuEZADPNs_0prF3Ua1DxQgyXVBQlFaD_beyW8zrG-bLGI-PBhog0cyXaOdWrg84lmP8DGT5sRywOyHpOnFTBj0YP9A7PFyy94Rn9bVEillE/s1600/scribble1.png" width="335" /></a></center><br /> Or, perhaps your wit is better-expressed pictorially than textually. Use scribbles to send original comics to your friends, or generate a new meme:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF1Pz7ZXh-l07lUvvZmp6dDOB5xUy7DjvpQb_XacM4bX1zbPgLLjFnNvvesfe4hlH00WuFhWRADLh-UzVKHuuVH0FvpcwMfOhgIWxjqCpDJ8VxBEsgauRGUEK6WzR7qInkB8Rb/s1600/scribble2.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF1Pz7ZXh-l07lUvvZmp6dDOB5xUy7DjvpQb_XacM4bX1zbPgLLjFnNvvesfe4hlH00WuFhWRADLh-UzVKHuuVH0FvpcwMfOhgIWxjqCpDJ8VxBEsgauRGUEK6WzR7qInkB8Rb/s1600/scribble2.png" width="150" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-0Rk3O24E-AbmXIdw_NRohgfLoRMUYxMMyR_0aoLw5ETyFSqUIOkBg6DodfEjlWRkrFPFWZMRaOON7rzJKUmxGlKzEqoY1KBBz4S5t3Zy_9YDTPhyRq3l6iJSB3eq7Nelib2/s1600/scribble3.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-0Rk3O24E-AbmXIdw_NRohgfLoRMUYxMMyR_0aoLw5ETyFSqUIOkBg6DodfEjlWRkrFPFWZMRaOON7rzJKUmxGlKzEqoY1KBBz4S5t3Zy_9YDTPhyRq3l6iJSB3eq7Nelib2/s1600/scribble3.png" width="150" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXqmsVLUvqgUyN0XWGba8_7dmAXRMa9t90tTKpySPG6vQ9jvr-XVbYp_qtMfX-xDoakW2XNaVb-hNj8EmGYQ6hBeUmr36YwHNwgBZFUL44uYPMlQn2QMSM5m6-CedNWqnIXq6u/s1600/scribble4.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXqmsVLUvqgUyN0XWGba8_7dmAXRMa9t90tTKpySPG6vQ9jvr-XVbYp_qtMfX-xDoakW2XNaVb-hNj8EmGYQ6hBeUmr36YwHNwgBZFUL44uYPMlQn2QMSM5m6-CedNWqnIXq6u/s1600/scribble4.png" width="150" /></a></center><br /> <br /> Simple requests are that much more appealing from someone who puts in a bit of effort:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikppjpQBlfcNxjzPvs_IRGaRo8-0eLj5T5KHPaXTdiyGox_fV8PumVAIzqvVlKepMJEBLaG0HItPmZ6roFpysCi1gqzjaIwQzEYd47P_s2e13x_D7jdARCBt_J_X_DLpMtzuZN/s1600/scribble5.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikppjpQBlfcNxjzPvs_IRGaRo8-0eLj5T5KHPaXTdiyGox_fV8PumVAIzqvVlKepMJEBLaG0HItPmZ6roFpysCi1gqzjaIwQzEYd47P_s2e13x_D7jdARCBt_J_X_DLpMtzuZN/s1600/scribble5.jpg" width="390" /></a></center><br /> It’s also great for simply emoting beyond the limitations of plain text:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM58DQWbssoCSkpl8iwCnwthy-0duKuLqxSxdfjvKmAvBL8RdJx2DtlydKzBmZiY5SJsmPwDPcawYPbQQAskA4raOrGKVEFmyB6ckzZCHqlD-cMSMHRubFJW_dfHHIo29sTso6/s1600/scribble6.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM58DQWbssoCSkpl8iwCnwthy-0duKuLqxSxdfjvKmAvBL8RdJx2DtlydKzBmZiY5SJsmPwDPcawYPbQQAskA4raOrGKVEFmyB6ckzZCHqlD-cMSMHRubFJW_dfHHIo29sTso6/s1600/scribble6.jpg" width="267" /></a></center><br /> At the end of the day, it's a blank canvas. What do you want to share? To get started, head to <a href="http://mail.google.com/">mail.google.com</a> on your iOS 4+, Android 3.1+ or Playbook device, or download the Gmail app for iOS from the <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">App Store</a> today.<br /> <br /> We want to see what you can do! Send your scribbles to <b>gmailscribbles@google.com</b> and then share them with the world using #GmailScribbles.*<br /> <br /> Brought to you by the Gmail team. Happy Holidays!<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdzljUmJAoHUKZplsR2QkElMaeYwMpceq1Rp0dmYS0ue0Grl9-NEFNLO388jCKxOzx865YTH6nv7XovYtu3njLqJX-TY0wMHXuhk9pnTP3JOtqe9XIbw8DzcdoRI4H0CYI30Y/s1600/scribble7.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdzljUmJAoHUKZplsR2QkElMaeYwMpceq1Rp0dmYS0ue0Grl9-NEFNLO388jCKxOzx865YTH6nv7XovYtu3njLqJX-TY0wMHXuhk9pnTP3JOtqe9XIbw8DzcdoRI4H0CYI30Y/s1600/scribble7.png" width="335" /></a></center><br /> *By emailing your scribble to gmailscribbles@google.com, you give us your permission to upload, share or reproduce your scribble both digitally and physically. Unfortunately, we will not be able to showcase all submitted scribbles, and will have to pick and choose amongst the ones that we receive. Remember: have fun and be cool about it - nothing offensive and nothing that violates the law. Thanks! <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </script> <noscript> <span class="byline-author">Posted by Donna Dupuis, Software Engineer</span><br /> <br /> From prehistoric humans etching in caves to the modern-day thinker sketching a stroke of genius on a napkin, scribbling is a natural form of human expression. Not constrained by formatting or font styles, scribbling is a versatile outlet for expressing individuality and creativity. Not to mention it's a lot of fun.<br /> <br /> Now you can quickly convey that eureka moment to a colleague, or simply brighten a loved one's day with a personal scribble in <a href="//www.google.com/mobile/mail/">Gmail for the mobile web browser</a> and the <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">Gmail app for iOS</a>. In the compose view, click on the scribble button to open up the drawing window. A lightweight interface makes it easy to get your idea down.<br /> <br /> Need a bit of inspiration to get started? With the holidays just around the corner, it's a great time to send a handmade, festive greeting:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4TEh9-Wft6W6yXesagcuADa4mTtuEZADPNs_0prF3Ua1DxQgyXVBQlFaD_beyW8zrG-bLGI-PBhog0cyXaOdWrg84lmP8DGT5sRywOyHpOnFTBj0YP9A7PFyy94Rn9bVEillE/s1600/scribble1.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4TEh9-Wft6W6yXesagcuADa4mTtuEZADPNs_0prF3Ua1DxQgyXVBQlFaD_beyW8zrG-bLGI-PBhog0cyXaOdWrg84lmP8DGT5sRywOyHpOnFTBj0YP9A7PFyy94Rn9bVEillE/s1600/scribble1.png" width="335" /></a></center><br /> Or, perhaps your wit is better-expressed pictorially than textually. Use scribbles to send original comics to your friends, or generate a new meme:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF1Pz7ZXh-l07lUvvZmp6dDOB5xUy7DjvpQb_XacM4bX1zbPgLLjFnNvvesfe4hlH00WuFhWRADLh-UzVKHuuVH0FvpcwMfOhgIWxjqCpDJ8VxBEsgauRGUEK6WzR7qInkB8Rb/s1600/scribble2.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF1Pz7ZXh-l07lUvvZmp6dDOB5xUy7DjvpQb_XacM4bX1zbPgLLjFnNvvesfe4hlH00WuFhWRADLh-UzVKHuuVH0FvpcwMfOhgIWxjqCpDJ8VxBEsgauRGUEK6WzR7qInkB8Rb/s1600/scribble2.png" width="150" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-0Rk3O24E-AbmXIdw_NRohgfLoRMUYxMMyR_0aoLw5ETyFSqUIOkBg6DodfEjlWRkrFPFWZMRaOON7rzJKUmxGlKzEqoY1KBBz4S5t3Zy_9YDTPhyRq3l6iJSB3eq7Nelib2/s1600/scribble3.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-0Rk3O24E-AbmXIdw_NRohgfLoRMUYxMMyR_0aoLw5ETyFSqUIOkBg6DodfEjlWRkrFPFWZMRaOON7rzJKUmxGlKzEqoY1KBBz4S5t3Zy_9YDTPhyRq3l6iJSB3eq7Nelib2/s1600/scribble3.png" width="150" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXqmsVLUvqgUyN0XWGba8_7dmAXRMa9t90tTKpySPG6vQ9jvr-XVbYp_qtMfX-xDoakW2XNaVb-hNj8EmGYQ6hBeUmr36YwHNwgBZFUL44uYPMlQn2QMSM5m6-CedNWqnIXq6u/s1600/scribble4.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXqmsVLUvqgUyN0XWGba8_7dmAXRMa9t90tTKpySPG6vQ9jvr-XVbYp_qtMfX-xDoakW2XNaVb-hNj8EmGYQ6hBeUmr36YwHNwgBZFUL44uYPMlQn2QMSM5m6-CedNWqnIXq6u/s1600/scribble4.png" width="150" /></a></center><br /> <br /> Simple requests are that much more appealing from someone who puts in a bit of effort:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikppjpQBlfcNxjzPvs_IRGaRo8-0eLj5T5KHPaXTdiyGox_fV8PumVAIzqvVlKepMJEBLaG0HItPmZ6roFpysCi1gqzjaIwQzEYd47P_s2e13x_D7jdARCBt_J_X_DLpMtzuZN/s1600/scribble5.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikppjpQBlfcNxjzPvs_IRGaRo8-0eLj5T5KHPaXTdiyGox_fV8PumVAIzqvVlKepMJEBLaG0HItPmZ6roFpysCi1gqzjaIwQzEYd47P_s2e13x_D7jdARCBt_J_X_DLpMtzuZN/s1600/scribble5.jpg" width="390" /></a></center><br /> It’s also great for simply emoting beyond the limitations of plain text:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM58DQWbssoCSkpl8iwCnwthy-0duKuLqxSxdfjvKmAvBL8RdJx2DtlydKzBmZiY5SJsmPwDPcawYPbQQAskA4raOrGKVEFmyB6ckzZCHqlD-cMSMHRubFJW_dfHHIo29sTso6/s1600/scribble6.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM58DQWbssoCSkpl8iwCnwthy-0duKuLqxSxdfjvKmAvBL8RdJx2DtlydKzBmZiY5SJsmPwDPcawYPbQQAskA4raOrGKVEFmyB6ckzZCHqlD-cMSMHRubFJW_dfHHIo29sTso6/s1600/scribble6.jpg" width="267" /></a></center><br /> At the end of the day, it's a blank canvas. What do you want to share? To get started, head to <a href="http://mail.google.com/">mail.google.com</a> on your iOS 4+, Android 3.1+ or Playbook device, or download the Gmail app for iOS from the <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">App Store</a> today.<br /> <br /> We want to see what you can do! Send your scribbles to <b>gmailscribbles@google.com</b> and then share them with the world using #GmailScribbles.*<br /> <br /> Brought to you by the Gmail team. Happy Holidays!<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdzljUmJAoHUKZplsR2QkElMaeYwMpceq1Rp0dmYS0ue0Grl9-NEFNLO388jCKxOzx865YTH6nv7XovYtu3njLqJX-TY0wMHXuhk9pnTP3JOtqe9XIbw8DzcdoRI4H0CYI30Y/s1600/scribble7.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdzljUmJAoHUKZplsR2QkElMaeYwMpceq1Rp0dmYS0ue0Grl9-NEFNLO388jCKxOzx865YTH6nv7XovYtu3njLqJX-TY0wMHXuhk9pnTP3JOtqe9XIbw8DzcdoRI4H0CYI30Y/s1600/scribble7.png" width="335" /></a></center><br /> *By emailing your scribble to gmailscribbles@google.com, you give us your permission to upload, share or reproduce your scribble both digitally and physically. Unfortunately, we will not be able to showcase all submitted scribbles, and will have to pick and choose amongst the ones that we receive. Remember: have fun and be cool about it - nothing offensive and nothing that violates the law. Thanks! <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </noscript> </div> </div> <div class='share'> <span class='gplus-share social-wrapper' data-href='https://plus.google.com/share?url=https://gmail.googleblog.com/2011/12/scribbles-for-gmail-for-mobile-creative.html'> <img alt='Share on Google+' height='24' src='https://www.gstatic.com/images/branding/google_plus/2x/ic_w_post_gplus_black_24dp.png' width='24'/> </span> <span class='twitter-custom social-wrapper' data-href='http://twitter.com/share?text=Official Gmail Blog:Scribbles for Gmail for mobile - a creative way to email&url=https://gmail.googleblog.com/2011/12/scribbles-for-gmail-for-mobile-creative.html&via=gmail'> <img alt='Share on Twitter' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_twitter_black_24dp.png' width='24'/> </span> <span class='fb-custom social-wrapper' data-href='https://www.facebook.com/sharer.php?u=https://gmail.googleblog.com/2011/12/scribbles-for-gmail-for-mobile-creative.html'> <img alt='Share on Facebook' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_facebook_black_24dp.png' width='24'/> </span> </div> <div class='comment-container'> <i class='comment-img material-icons'>  </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/12/scribbles-for-gmail-for-mobile-creative.html' data-url='https://gmail.googleblog.com/2011/12/scribbles-for-gmail-for-mobile-creative.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/12/scribbles-for-gmail-for-mobile-creative.html' data-viewtype='FILTERED_POSTMOD'></div> <a href='https://plus.google.com/112374322230920073195' rel='author' style='display:none;'> Google </a> <div class='label-footer'> <span class='labels-caption'> Labels: </span> <span class='labels'> <a class='label' href='https://gmail.googleblog.com/search/label/Gmail%20Blog' rel='tag'> Gmail Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/Google%20Apps%20Blog' rel='tag'> Google Apps Blog </a> </span> </div> </div> </div> <div class='post' data-id='6458827223183731674' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/12/ho-ho-hold-phone-santas-on-line.html' itemprop='url' title='Ho-ho-hold the phone: Santa’s on the line'> Ho-ho-hold the phone: Santa’s on the line </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> December 16, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by Trevor Claiborne, Product Marketing Manager</span><br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-mrE_r5BB4mGykXAoFbYeDQSo1kfIcVauntFsh_R9lOMl-eB5PgYLOOjfXblrRdeEsMyoGeVPa19WkJAVuoE7anzkssn0G7xWyskwvsqmfcS_NQ2zmtTjy_M3FxnDDY5NAwZM/s1600/santa.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-mrE_r5BB4mGykXAoFbYeDQSo1kfIcVauntFsh_R9lOMl-eB5PgYLOOjfXblrRdeEsMyoGeVPa19WkJAVuoE7anzkssn0G7xWyskwvsqmfcS_NQ2zmtTjy_M3FxnDDY5NAwZM/s1600/santa.png" /></a></div>Last year, <a href="http://googleblog.blogspot.com/2010/12/santas-calling-from-his-google-voice.html">Santa got his very own Google Voice number</a>, and people around the U.S. received a special personalized holiday phone call from Santa Claus.<br /> <br /> This year, Santa wants you to reach out to him (after all, reindeer are only so-so conversationalists). If you or your family members have a special request for Santa, you can <a href="https://mail.google.com/mail?voice=855-34-SANTA">call him right from Gmail</a>* and leave him a message at his Google Voice number: 855-34-SANTA. Santa won't be able to return messages himself—it’s a busy time of year for him—but he's promised to keep us up to date on happenings in the North Pole day by day. <br /> <br /> You also can <a href="http://www.sendacallfromsanta.com/?utm_source=ogb&utm_medium=blog&utm_campaign=launch">create and send a unique, customized phone call</a> from Santa to anyone you know, from your nieces and nephews to old college friends, over the phone (to U.S. numbers only). <a href="//www.google.com/googleblogs/audio/google_santa_master.mp3">Listen to a sample phone call</a>, and send a message of your own from <a href="http://www.sendacallfromsanta.com/?utm_source=ogb&utm_medium=blog&utm_campaign=launch">SendaCallFromSanta.com</a>.<br /> <br /> Of course, Santa is never one to fall behind the technological times (word on the street is that Rudolph’s nose was recently upgraded to an energy-efficient LED). So while the red suit may never go out of style, this year Santa has come up with an extra special way to spread the holiday cheer. But you’ll have to wait until it’s closer to Christmas to find out what it is. So no peeking—but keep checking <a href="http://www.sendacallfromsanta.com/?utm_source=ogb&utm_medium=blog&utm_campaign=launch">the site</a>!<br /> <br /> Happy Holidays from your friends at Gmail.<br /> <br /> <i>*Calls from Gmail are free for U.S. and Canadian users, but will cost people outside those areas $.01/minute (plus any applicable VATs).</i><br /> <br /> <i>Cross-posted on the <a href="http://googleblog.blogspot.com/2011/12/ho-ho-hold-phone-santas-on-line.html">Official Google Blog</a></i> <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </script> <noscript> <span class="byline-author">Posted by Trevor Claiborne, Product Marketing Manager</span><br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-mrE_r5BB4mGykXAoFbYeDQSo1kfIcVauntFsh_R9lOMl-eB5PgYLOOjfXblrRdeEsMyoGeVPa19WkJAVuoE7anzkssn0G7xWyskwvsqmfcS_NQ2zmtTjy_M3FxnDDY5NAwZM/s1600/santa.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-mrE_r5BB4mGykXAoFbYeDQSo1kfIcVauntFsh_R9lOMl-eB5PgYLOOjfXblrRdeEsMyoGeVPa19WkJAVuoE7anzkssn0G7xWyskwvsqmfcS_NQ2zmtTjy_M3FxnDDY5NAwZM/s1600/santa.png" /></a></div>Last year, <a href="http://googleblog.blogspot.com/2010/12/santas-calling-from-his-google-voice.html">Santa got his very own Google Voice number</a>, and people around the U.S. received a special personalized holiday phone call from Santa Claus.<br /> <br /> This year, Santa wants you to reach out to him (after all, reindeer are only so-so conversationalists). If you or your family members have a special request for Santa, you can <a href="https://mail.google.com/mail?voice=855-34-SANTA">call him right from Gmail</a>* and leave him a message at his Google Voice number: 855-34-SANTA. Santa won't be able to return messages himself—it’s a busy time of year for him—but he's promised to keep us up to date on happenings in the North Pole day by day. <br /> <br /> You also can <a href="http://www.sendacallfromsanta.com/?utm_source=ogb&utm_medium=blog&utm_campaign=launch">create and send a unique, customized phone call</a> from Santa to anyone you know, from your nieces and nephews to old college friends, over the phone (to U.S. numbers only). <a href="//www.google.com/googleblogs/audio/google_santa_master.mp3">Listen to a sample phone call</a>, and send a message of your own from <a href="http://www.sendacallfromsanta.com/?utm_source=ogb&utm_medium=blog&utm_campaign=launch">SendaCallFromSanta.com</a>.<br /> <br /> Of course, Santa is never one to fall behind the technological times (word on the street is that Rudolph’s nose was recently upgraded to an energy-efficient LED). So while the red suit may never go out of style, this year Santa has come up with an extra special way to spread the holiday cheer. But you’ll have to wait until it’s closer to Christmas to find out what it is. So no peeking—but keep checking <a href="http://www.sendacallfromsanta.com/?utm_source=ogb&utm_medium=blog&utm_campaign=launch">the site</a>!<br /> <br /> Happy Holidays from your friends at Gmail.<br /> <br /> <i>*Calls from Gmail are free for U.S. and Canadian users, but will cost people outside those areas $.01/minute (plus any applicable VATs).</i><br /> <br /> <i>Cross-posted on the <a href="http://googleblog.blogspot.com/2011/12/ho-ho-hold-phone-santas-on-line.html">Official Google Blog</a></i> <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </noscript> </div> </div> <div class='share'> <span class='gplus-share social-wrapper' data-href='https://plus.google.com/share?url=https://gmail.googleblog.com/2011/12/ho-ho-hold-phone-santas-on-line.html'> <img alt='Share on Google+' height='24' src='https://www.gstatic.com/images/branding/google_plus/2x/ic_w_post_gplus_black_24dp.png' width='24'/> </span> <span class='twitter-custom social-wrapper' data-href='http://twitter.com/share?text=Official Gmail Blog:Ho-ho-hold the phone: Santa’s on the line&url=https://gmail.googleblog.com/2011/12/ho-ho-hold-phone-santas-on-line.html&via=gmail'> <img alt='Share on Twitter' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_twitter_black_24dp.png' width='24'/> </span> <span class='fb-custom social-wrapper' data-href='https://www.facebook.com/sharer.php?u=https://gmail.googleblog.com/2011/12/ho-ho-hold-phone-santas-on-line.html'> <img alt='Share on Facebook' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_facebook_black_24dp.png' width='24'/> </span> </div> <div class='comment-container'> <i class='comment-img material-icons'>  </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/12/ho-ho-hold-phone-santas-on-line.html' data-url='https://gmail.googleblog.com/2011/12/ho-ho-hold-phone-santas-on-line.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/12/ho-ho-hold-phone-santas-on-line.html' data-viewtype='FILTERED_POSTMOD'></div> <a href='https://plus.google.com/112374322230920073195' rel='author' style='display:none;'> Google </a> <div class='label-footer'> <span class='labels-caption'> Labels: </span> <span class='labels'> <a class='label' href='https://gmail.googleblog.com/search/label/Gmail%20Blog' rel='tag'> Gmail Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/Google%20Apps%20Blog' rel='tag'> Google Apps Blog </a> </span> </div> </div> </div> <div class='post' data-id='875064051527065591' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/12/updates-to-gmail-app-for-ios.html' itemprop='url' title='Updates to the Gmail app for iOS'> Updates to the Gmail app for iOS </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> December 14, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by Ingrid Fielker, Software Engineer</span><br /> <br /> When we <a href="http://gmailblog.blogspot.com/2011/11/introducing-gmail-app-for-iphone-ipad.html">launched</a> the Gmail app for iPhone, iPad and iPod touch, we said we were just getting started and would continue to release updates regularly. Today we updated <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">the app</a> with some new features and interface improvements.<br /> <br /> We've added the ability to set a custom signature for your mobile messages and a vacation responder, both available through the gear icon at the top of the menu view. We've also improved labels with support for nested labels:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_WkY5BjDU3NEzqawMIe5ulnJpZNRBPT12lqrdp7JFP0pYKWPu7qZ9yLDwTakDR7Cs9QNzxDpqmS8zU3ekoEutx2Q0FzFSxtEEZV__NYFV6PPi5Dtbhc8Wm8WOQhGxxmuBlpiH/s1600/gmailapp.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_WkY5BjDU3NEzqawMIe5ulnJpZNRBPT12lqrdp7JFP0pYKWPu7qZ9yLDwTakDR7Cs9QNzxDpqmS8zU3ekoEutx2Q0FzFSxtEEZV__NYFV6PPi5Dtbhc8Wm8WOQhGxxmuBlpiH/s1600/gmailapp.png" width="267" /></a></center><br /> Additionally, if you are using iOS 5, we've changed the notification sound so that it’s easier to distinguish when you've received an email. <br /> <br /> We’ve also got another fun feature to make your language even more colorful (in a good way!). In the Gmail app and Gmail for mobile you can now open up a canvas and scribble a message that will be attached to your email. It's perfect for sending a quick sketch that is hard to express in words or adding a fun graphic to make your email more personal.<br /> <br /> Scribbles support different colors, brush sizes, lines, erasers and spray paint. This example was created in the Gmail app on an iPad:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEielRNtiP9i99IVHELxfOAzUSj23jsoua7pTUxeiDnjCEIKHSqVuD57X6g2uKngFMUqxCwXOB4XKtb0vET2UvcBNypfBcMUMJQEwcZ40vzpQ7kmRkcdeUSxqJrHnEpc8tFL-Cil/s1600/scribbles.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEielRNtiP9i99IVHELxfOAzUSj23jsoua7pTUxeiDnjCEIKHSqVuD57X6g2uKngFMUqxCwXOB4XKtb0vET2UvcBNypfBcMUMJQEwcZ40vzpQ7kmRkcdeUSxqJrHnEpc8tFL-Cil/s1600/scribbles.png" /></a></center><br /> Behind the scenes, we're continuing to work on highly requested features like banner notifications, multiple login support and the ability to send-as from any account already configured in Gmail. We want to make sure these are done right as we continue to improve the Gmail app.<br /> <br /> The update is available in the <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">App Store</a> and works on all devices running iOS 4+. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </script> <noscript> <span class="byline-author">Posted by Ingrid Fielker, Software Engineer</span><br /> <br /> When we <a href="http://gmailblog.blogspot.com/2011/11/introducing-gmail-app-for-iphone-ipad.html">launched</a> the Gmail app for iPhone, iPad and iPod touch, we said we were just getting started and would continue to release updates regularly. Today we updated <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">the app</a> with some new features and interface improvements.<br /> <br /> We've added the ability to set a custom signature for your mobile messages and a vacation responder, both available through the gear icon at the top of the menu view. We've also improved labels with support for nested labels:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_WkY5BjDU3NEzqawMIe5ulnJpZNRBPT12lqrdp7JFP0pYKWPu7qZ9yLDwTakDR7Cs9QNzxDpqmS8zU3ekoEutx2Q0FzFSxtEEZV__NYFV6PPi5Dtbhc8Wm8WOQhGxxmuBlpiH/s1600/gmailapp.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_WkY5BjDU3NEzqawMIe5ulnJpZNRBPT12lqrdp7JFP0pYKWPu7qZ9yLDwTakDR7Cs9QNzxDpqmS8zU3ekoEutx2Q0FzFSxtEEZV__NYFV6PPi5Dtbhc8Wm8WOQhGxxmuBlpiH/s1600/gmailapp.png" width="267" /></a></center><br /> Additionally, if you are using iOS 5, we've changed the notification sound so that it’s easier to distinguish when you've received an email. <br /> <br /> We’ve also got another fun feature to make your language even more colorful (in a good way!). In the Gmail app and Gmail for mobile you can now open up a canvas and scribble a message that will be attached to your email. It's perfect for sending a quick sketch that is hard to express in words or adding a fun graphic to make your email more personal.<br /> <br /> Scribbles support different colors, brush sizes, lines, erasers and spray paint. This example was created in the Gmail app on an iPad:<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEielRNtiP9i99IVHELxfOAzUSj23jsoua7pTUxeiDnjCEIKHSqVuD57X6g2uKngFMUqxCwXOB4XKtb0vET2UvcBNypfBcMUMJQEwcZ40vzpQ7kmRkcdeUSxqJrHnEpc8tFL-Cil/s1600/scribbles.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEielRNtiP9i99IVHELxfOAzUSj23jsoua7pTUxeiDnjCEIKHSqVuD57X6g2uKngFMUqxCwXOB4XKtb0vET2UvcBNypfBcMUMJQEwcZ40vzpQ7kmRkcdeUSxqJrHnEpc8tFL-Cil/s1600/scribbles.png" /></a></center><br /> Behind the scenes, we're continuing to work on highly requested features like banner notifications, multiple login support and the ability to send-as from any account already configured in Gmail. We want to make sure these are done right as we continue to improve the Gmail app.<br /> <br /> The update is available in the <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">App Store</a> and works on all devices running iOS 4+. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </noscript> </div> </div> <div class='share'> <span class='gplus-share social-wrapper' data-href='https://plus.google.com/share?url=https://gmail.googleblog.com/2011/12/updates-to-gmail-app-for-ios.html'> <img alt='Share on Google+' height='24' src='https://www.gstatic.com/images/branding/google_plus/2x/ic_w_post_gplus_black_24dp.png' width='24'/> </span> <span class='twitter-custom social-wrapper' data-href='http://twitter.com/share?text=Official Gmail Blog:Updates to the Gmail app for iOS&url=https://gmail.googleblog.com/2011/12/updates-to-gmail-app-for-ios.html&via=gmail'> <img alt='Share on Twitter' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_twitter_black_24dp.png' width='24'/> </span> <span class='fb-custom social-wrapper' data-href='https://www.facebook.com/sharer.php?u=https://gmail.googleblog.com/2011/12/updates-to-gmail-app-for-ios.html'> <img alt='Share on Facebook' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_facebook_black_24dp.png' width='24'/> </span> </div> <div class='comment-container'> <i class='comment-img material-icons'>  </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/12/updates-to-gmail-app-for-ios.html' data-url='https://gmail.googleblog.com/2011/12/updates-to-gmail-app-for-ios.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/12/updates-to-gmail-app-for-ios.html' data-viewtype='FILTERED_POSTMOD'></div> <a href='https://plus.google.com/112374322230920073195' rel='author' style='display:none;'> Google </a> <div class='label-footer'> <span class='labels-caption'> Labels: </span> <span class='labels'> <a class='label' href='https://gmail.googleblog.com/search/label/Gmail%20Blog' rel='tag'> Gmail Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/Google%20Apps%20Blog' rel='tag'> Google Apps Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/googlenew' rel='tag'> googlenew </a> </span> </div> </div> </div> <div class='post' data-id='2098211760480258095' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/12/free-calling-within-us-and-canada.html' itemprop='url' title='Free calling within the US and Canada through 2012'> Free calling within the US and Canada through 2012 </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> December 13, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by Vincent Paquet, Group Product Manager</span> <br /> <br /> As the holiday season approaches, we're happy to announce that we've extended free domestic calls within the US and Canada for 2012.<br /> <br /> This is our way of helping you connect with friends and family across the country. And you can still call the rest of the world <a href="//www.google.com/chat/voice/#utm_campaign=en_US&utm_medium=homepage&utm_source=en_US-gizmo5">from Gmail</a> at our <a href="https://www.google.com/voice/rates">insanely low rates</a>. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </script> <noscript> <span class="byline-author">Posted by Vincent Paquet, Group Product Manager</span> <br /> <br /> As the holiday season approaches, we're happy to announce that we've extended free domestic calls within the US and Canada for 2012.<br /> <br /> This is our way of helping you connect with friends and family across the country. And you can still call the rest of the world <a href="//www.google.com/chat/voice/#utm_campaign=en_US&utm_medium=homepage&utm_source=en_US-gizmo5">from Gmail</a> at our <a href="https://www.google.com/voice/rates">insanely low rates</a>. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </noscript> </div> </div> <div class='share'> <span class='gplus-share social-wrapper' data-href='https://plus.google.com/share?url=https://gmail.googleblog.com/2011/12/free-calling-within-us-and-canada.html'> <img alt='Share on Google+' height='24' src='https://www.gstatic.com/images/branding/google_plus/2x/ic_w_post_gplus_black_24dp.png' width='24'/> </span> <span class='twitter-custom social-wrapper' data-href='http://twitter.com/share?text=Official Gmail Blog:Free calling within the US and Canada through 2012&url=https://gmail.googleblog.com/2011/12/free-calling-within-us-and-canada.html&via=gmail'> <img alt='Share on Twitter' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_twitter_black_24dp.png' width='24'/> </span> <span class='fb-custom social-wrapper' data-href='https://www.facebook.com/sharer.php?u=https://gmail.googleblog.com/2011/12/free-calling-within-us-and-canada.html'> <img alt='Share on Facebook' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_facebook_black_24dp.png' width='24'/> </span> </div> <div class='comment-container'> <i class='comment-img material-icons'>  </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/12/free-calling-within-us-and-canada.html' data-url='https://gmail.googleblog.com/2011/12/free-calling-within-us-and-canada.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/12/free-calling-within-us-and-canada.html' data-viewtype='FILTERED_POSTMOD'></div> <a href='https://plus.google.com/112374322230920073195' rel='author' style='display:none;'> Google </a> <div class='label-footer'> <span class='labels-caption'> Labels: </span> <span class='labels'> <a class='label' href='https://gmail.googleblog.com/search/label/Gmail%20Blog' rel='tag'> Gmail Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/Google%20Apps%20Blog' rel='tag'> Google Apps Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/googlenew' rel='tag'> googlenew </a> </span> </div> </div> </div> <div class='post' data-id='373032051450656280' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/12/gmail-and-contacts-get-better-with.html' itemprop='url' title='Gmail and Contacts get better with Google+'> Gmail and Contacts get better with Google+ </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> December 8, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by Mark Striebeck, Engineering Director</span><br /> <br /> We want to bring you a great experience across all Google products which, for Gmail and Contacts, means understanding what you care about and delivering it instantly. With that in mind, we’re introducing some new integrations with Google+ that we think will make Gmail and Contacts even better. If you use Google+, you can now grow your circles, filter emails and contacts by circles, keep all your contact information up-to-date automatically and share photos to Google+, all right from Gmail and Contacts.<br /> <br /> <b>Grow your circles from your email</b><br /> Now when you open an email from someone on Google+, you can see the most recent post they’ve shared with you on the right-hand side of the conversation. If they’re not in your circles yet, it’s easy to add them straight from Gmail.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp9d0KkClTk8MawF3I7bIgA01oTqhBMpQpTffiLettIAMeQJ09LeY9yLnwjHQjZbOYWBMDG47utawIeJaq9SGZ9Won2FOCmtYzWJQknBJimJPvLykLgZiA9AQY6R-nfej849H-/s1600/plus1.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp9d0KkClTk8MawF3I7bIgA01oTqhBMpQpTffiLettIAMeQJ09LeY9yLnwjHQjZbOYWBMDG47utawIeJaq9SGZ9Won2FOCmtYzWJQknBJimJPvLykLgZiA9AQY6R-nfej849H-/s1600/plus1.png" width="400" /></a></center><br /> <b>Find information from the people you care about most</b><br /> Looking for the info on an upcoming family holiday gathering but can't remember who sent it? If you've spent time building your Google+ circles, you can now quickly use them to filter your mail, saving yourself from having to sift through that pile of daily deal emails and newsletters. You can see messages from all of your circles at once or from each individual circle. And if you want, you can show circle names on emails in your inbox. Contacts can also be filtered by circles, making it easier to view your social connections.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi09CQsCp8Sb0kUKYlWxTOAlNjkpKSsmwOm8QXHtpkm-XF7USdKHdsf8fpeGklK7ULuRIixlYtbUqfr7qKBRHI0AdAueLUxyLbEi57j-aHESZYzRYT3wSJNDJDSY4a7JkDITgDe/s1600/plus2.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi09CQsCp8Sb0kUKYlWxTOAlNjkpKSsmwOm8QXHtpkm-XF7USdKHdsf8fpeGklK7ULuRIixlYtbUqfr7qKBRHI0AdAueLUxyLbEi57j-aHESZYzRYT3wSJNDJDSY4a7JkDITgDe/s1600/plus2.png" width="500" /></a></center><br /> <b>Keep your contact information up-to-date automatically</b><br /> Manually entering contact information can be a huge time drain—so let your circles do it for you. If your contacts have a Google profile, their contact entry in Gmail will be updated with the profile information they’ve shared with you, including phone numbers, email addresses and more. If they change it in the future, you’ll get those updates automatically. You can also make sure the people you care about have your most up-to-date contact information by updating your own Google profile and sharing it.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyD3UEnVK1l7oVD8RuPiPG4GcUa2zm1tSZdYtjkt1rbZSJDxdMSNqDHXmlSsaGdMlFR6hfT2-SziqjYyw2p_iL3_jybYW6ieRUXiqRWNCElAHVc1a0JAD8qxJDRgliT4LxCsbT/s1600/plus3.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyD3UEnVK1l7oVD8RuPiPG4GcUa2zm1tSZdYtjkt1rbZSJDxdMSNqDHXmlSsaGdMlFR6hfT2-SziqjYyw2p_iL3_jybYW6ieRUXiqRWNCElAHVc1a0JAD8qxJDRgliT4LxCsbT/s1600/plus3.png" width="396" /></a></center><br /> <b>Share effortlessly without leaving your inbox</b><br /> Lots of great images are sent through email, but sharing those photos with friends on Google+ used to require downloading the image from Gmail and re-uploading to your profile. Not anymore: Now you can share photo attachments with one quick click. The image(s) will be uploaded to your Google+ photos and be viewable only to the circles that you choose to share with.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0d5jDW5vhFyZJj6NWA3NFAG_RBNqx6G0rRDgpKQyzfBRoD_rTGpjYAVgtOhVt0ey3HK2jxwsM5PK1B3ctGLxiRzrBnvnZNhMrDzmGCrzIZA2Uoax_OvFu67W54NJt9cRwTafn/s1600/plus4.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0d5jDW5vhFyZJj6NWA3NFAG_RBNqx6G0rRDgpKQyzfBRoD_rTGpjYAVgtOhVt0ey3HK2jxwsM5PK1B3ctGLxiRzrBnvnZNhMrDzmGCrzIZA2Uoax_OvFu67W54NJt9cRwTafn/s400/plus4.png" width="400" /></a></center><br /> We’ll be rolling out all of these changes out over the next few days to Gmail, Gmail Contacts and the “standalone” version of Google Contacts at <a href="http://contacts.google.com/">contacts.google.com</a>. Please note that Google Apps users won’t see the Contacts updates quite yet, but we’re actively working to make them available.<br /> <br /> All of these features (and the more to come) are the result of the <a href="https://plus.google.com/103097764320602190090/posts/BThQZaMDvEY">great discussion</a> that we had on Google+ with users in July. If you want to join in discussions like these, add the <a href="https://plus.google.com/103345707817934461425/posts">Gmail Google+ page</a> to your circles. And if you haven't signed up for Google+ and would like to try these new features, visit <a href="https://www.google.com/+/learnmore/better/mail/index.html">this page</a> to get started. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </script> <noscript> <span class="byline-author">Posted by Mark Striebeck, Engineering Director</span><br /> <br /> We want to bring you a great experience across all Google products which, for Gmail and Contacts, means understanding what you care about and delivering it instantly. With that in mind, we’re introducing some new integrations with Google+ that we think will make Gmail and Contacts even better. If you use Google+, you can now grow your circles, filter emails and contacts by circles, keep all your contact information up-to-date automatically and share photos to Google+, all right from Gmail and Contacts.<br /> <br /> <b>Grow your circles from your email</b><br /> Now when you open an email from someone on Google+, you can see the most recent post they’ve shared with you on the right-hand side of the conversation. If they’re not in your circles yet, it’s easy to add them straight from Gmail.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp9d0KkClTk8MawF3I7bIgA01oTqhBMpQpTffiLettIAMeQJ09LeY9yLnwjHQjZbOYWBMDG47utawIeJaq9SGZ9Won2FOCmtYzWJQknBJimJPvLykLgZiA9AQY6R-nfej849H-/s1600/plus1.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp9d0KkClTk8MawF3I7bIgA01oTqhBMpQpTffiLettIAMeQJ09LeY9yLnwjHQjZbOYWBMDG47utawIeJaq9SGZ9Won2FOCmtYzWJQknBJimJPvLykLgZiA9AQY6R-nfej849H-/s1600/plus1.png" width="400" /></a></center><br /> <b>Find information from the people you care about most</b><br /> Looking for the info on an upcoming family holiday gathering but can't remember who sent it? If you've spent time building your Google+ circles, you can now quickly use them to filter your mail, saving yourself from having to sift through that pile of daily deal emails and newsletters. You can see messages from all of your circles at once or from each individual circle. And if you want, you can show circle names on emails in your inbox. Contacts can also be filtered by circles, making it easier to view your social connections.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi09CQsCp8Sb0kUKYlWxTOAlNjkpKSsmwOm8QXHtpkm-XF7USdKHdsf8fpeGklK7ULuRIixlYtbUqfr7qKBRHI0AdAueLUxyLbEi57j-aHESZYzRYT3wSJNDJDSY4a7JkDITgDe/s1600/plus2.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi09CQsCp8Sb0kUKYlWxTOAlNjkpKSsmwOm8QXHtpkm-XF7USdKHdsf8fpeGklK7ULuRIixlYtbUqfr7qKBRHI0AdAueLUxyLbEi57j-aHESZYzRYT3wSJNDJDSY4a7JkDITgDe/s1600/plus2.png" width="500" /></a></center><br /> <b>Keep your contact information up-to-date automatically</b><br /> Manually entering contact information can be a huge time drain—so let your circles do it for you. If your contacts have a Google profile, their contact entry in Gmail will be updated with the profile information they’ve shared with you, including phone numbers, email addresses and more. If they change it in the future, you’ll get those updates automatically. You can also make sure the people you care about have your most up-to-date contact information by updating your own Google profile and sharing it.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyD3UEnVK1l7oVD8RuPiPG4GcUa2zm1tSZdYtjkt1rbZSJDxdMSNqDHXmlSsaGdMlFR6hfT2-SziqjYyw2p_iL3_jybYW6ieRUXiqRWNCElAHVc1a0JAD8qxJDRgliT4LxCsbT/s1600/plus3.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyD3UEnVK1l7oVD8RuPiPG4GcUa2zm1tSZdYtjkt1rbZSJDxdMSNqDHXmlSsaGdMlFR6hfT2-SziqjYyw2p_iL3_jybYW6ieRUXiqRWNCElAHVc1a0JAD8qxJDRgliT4LxCsbT/s1600/plus3.png" width="396" /></a></center><br /> <b>Share effortlessly without leaving your inbox</b><br /> Lots of great images are sent through email, but sharing those photos with friends on Google+ used to require downloading the image from Gmail and re-uploading to your profile. Not anymore: Now you can share photo attachments with one quick click. The image(s) will be uploaded to your Google+ photos and be viewable only to the circles that you choose to share with.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0d5jDW5vhFyZJj6NWA3NFAG_RBNqx6G0rRDgpKQyzfBRoD_rTGpjYAVgtOhVt0ey3HK2jxwsM5PK1B3ctGLxiRzrBnvnZNhMrDzmGCrzIZA2Uoax_OvFu67W54NJt9cRwTafn/s1600/plus4.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0d5jDW5vhFyZJj6NWA3NFAG_RBNqx6G0rRDgpKQyzfBRoD_rTGpjYAVgtOhVt0ey3HK2jxwsM5PK1B3ctGLxiRzrBnvnZNhMrDzmGCrzIZA2Uoax_OvFu67W54NJt9cRwTafn/s400/plus4.png" width="400" /></a></center><br /> We’ll be rolling out all of these changes out over the next few days to Gmail, Gmail Contacts and the “standalone” version of Google Contacts at <a href="http://contacts.google.com/">contacts.google.com</a>. Please note that Google Apps users won’t see the Contacts updates quite yet, but we’re actively working to make them available.<br /> <br /> All of these features (and the more to come) are the result of the <a href="https://plus.google.com/103097764320602190090/posts/BThQZaMDvEY">great discussion</a> that we had on Google+ with users in July. If you want to join in discussions like these, add the <a href="https://plus.google.com/103345707817934461425/posts">Gmail Google+ page</a> to your circles. And if you haven't signed up for Google+ and would like to try these new features, visit <a href="https://www.google.com/+/learnmore/better/mail/index.html">this page</a> to get started. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </noscript> </div> </div> <div class='share'> <span class='gplus-share social-wrapper' data-href='https://plus.google.com/share?url=https://gmail.googleblog.com/2011/12/gmail-and-contacts-get-better-with.html'> <img alt='Share on Google+' height='24' src='https://www.gstatic.com/images/branding/google_plus/2x/ic_w_post_gplus_black_24dp.png' width='24'/> </span> <span class='twitter-custom social-wrapper' data-href='http://twitter.com/share?text=Official Gmail Blog:Gmail and Contacts get better with Google+&url=https://gmail.googleblog.com/2011/12/gmail-and-contacts-get-better-with.html&via=gmail'> <img alt='Share on Twitter' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_twitter_black_24dp.png' width='24'/> </span> <span class='fb-custom social-wrapper' data-href='https://www.facebook.com/sharer.php?u=https://gmail.googleblog.com/2011/12/gmail-and-contacts-get-better-with.html'> <img alt='Share on Facebook' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_facebook_black_24dp.png' width='24'/> </span> </div> <div class='comment-container'> <i class='comment-img material-icons'>  </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/12/gmail-and-contacts-get-better-with.html' data-url='https://gmail.googleblog.com/2011/12/gmail-and-contacts-get-better-with.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/12/gmail-and-contacts-get-better-with.html' data-viewtype='FILTERED_POSTMOD'></div> <a href='https://plus.google.com/112374322230920073195' rel='author' style='display:none;'> Google </a> <div class='label-footer'> <span class='labels-caption'> Labels: </span> <span class='labels'> <a class='label' href='https://gmail.googleblog.com/search/label/Gmail%20Blog' rel='tag'> Gmail Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/Google%20Apps%20Blog' rel='tag'> Google Apps Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/googlenew' rel='tag'> googlenew </a> </span> </div> </div> </div> <div class='post' data-id='3514490298482507583' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/12/testing-gmails-new-look.html' itemprop='url' title='Testing Gmail’s new look'> Testing Gmail’s new look </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> December 7, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by Mark Striebeck, Engineering Director</span><br /> <br /> <i>Editor's note: This post, like <a href="http://gmailblog.blogspot.com/2011/12/developing-gmails-new-look.html">yesterday's</a>, is more technical than most posts here, but we thought some of you might find it interesting to look inside how Gmail works.</i><br /> <br /> Yesterday, we talked about how we make changes like the new look to Gmail. The new look is not just visual, but involves completely different code in the interface. Testing a large user interface (UI) change like we launched for Gmail is foremost a permutation problem. Because all the Gmail features we wrote while we developed the new UI had to work both there and in the old existing UI, we basically needed to double our testing. Plus, the new UI has to work in many browsers, in all languages Gmail is available in, which means even more testing -- and by testing, we mean functional testing, latency testing, usability testing... you get the idea! The only way to handle all of these moving parts is through a) test automation, and b) using the new look.<br /> <br /> We use automated tests as much as possible: we test if code changes lead to functional regressions, how they affect speed and our servers, if the UI breaks in many browsers and more. The scalable build and test infrastructure at Google allows us to run these tests automatically after every single(!) code change. However, a major UI change like this requires that our automated tests are very stable. If a test relies too much on the structure of the UI, then the test starts failing - not because the functionality is broken, but because it fails to work with the new UI. Luckily, we learned this lesson many years back and most of our tests did not have this problem.<br /> <br /> But even the best automated tests can’t guarantee that everything is working well and that the visuals are pleasing. The only way to find out is to actually use the new look. For Gmail, we have special environment that gets updated every night with the latest stable code. Almost all Gmail engineers and a handful of other Googlers are using this environment for their real Gmail usage. But it turned out even daily updates were too slow for the rate of code change with the new look. So, we created an environment that updates every hour with the latest stable code. This version of Gmail was used by all engineers who worked on the redesign. It allowed us to test code changes very quickly on the real system. We were able to find many functional and usability issues here. And because we used this system and no engineer likes their email to be broken, issues were fixed very quickly. We can only do this because we have a very good coverage by our automated tests. When all these tests pass, we can be sure that most of the Gmail functionality is working. However, there could still be usability, color, layout or other challenges that tests can't catch.<br /> <br /> Gmail’s new look also put a lot of additional load on our testing team. They had to keep up with a high rate of change, test critical functionality quickly and triage a lot of reported issues. Plus, they had to test new features in both the old publicly-available UI as well as the new unlaunched UI. The dedication of our testing team helped us catch bugs early so we could fix them in preparation for launch.<br /> <br /> Once we felt that the new look was good enough to be used by others, we turned it on for all Googlers. At Google, we "eat our own dogfood," meaning we use new products and features ourselves before releasing them to the public. Often, this is a very humbling experience. The shiny, new features, that we just developed and are so proud of are now used by people, including sales teams, managers and other non-engineers, who just want to get their job done. And believe me, Googlers are not shy when it comes to feedback! But for a project like this one, this step is absolutely critical. Our different teams at Google tested Gmail in all kinds of use cases and the feedback that we received from this phase was invaluable. It helped us to put the final touches on the new look and get ready for usability tests that were previously discussed.<br /> <br /> We hope you've enjoyed a look into the Gmail's design, development and testing of the new look. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </script> <noscript> <span class="byline-author">Posted by Mark Striebeck, Engineering Director</span><br /> <br /> <i>Editor's note: This post, like <a href="http://gmailblog.blogspot.com/2011/12/developing-gmails-new-look.html">yesterday's</a>, is more technical than most posts here, but we thought some of you might find it interesting to look inside how Gmail works.</i><br /> <br /> Yesterday, we talked about how we make changes like the new look to Gmail. The new look is not just visual, but involves completely different code in the interface. Testing a large user interface (UI) change like we launched for Gmail is foremost a permutation problem. Because all the Gmail features we wrote while we developed the new UI had to work both there and in the old existing UI, we basically needed to double our testing. Plus, the new UI has to work in many browsers, in all languages Gmail is available in, which means even more testing -- and by testing, we mean functional testing, latency testing, usability testing... you get the idea! The only way to handle all of these moving parts is through a) test automation, and b) using the new look.<br /> <br /> We use automated tests as much as possible: we test if code changes lead to functional regressions, how they affect speed and our servers, if the UI breaks in many browsers and more. The scalable build and test infrastructure at Google allows us to run these tests automatically after every single(!) code change. However, a major UI change like this requires that our automated tests are very stable. If a test relies too much on the structure of the UI, then the test starts failing - not because the functionality is broken, but because it fails to work with the new UI. Luckily, we learned this lesson many years back and most of our tests did not have this problem.<br /> <br /> But even the best automated tests can’t guarantee that everything is working well and that the visuals are pleasing. The only way to find out is to actually use the new look. For Gmail, we have special environment that gets updated every night with the latest stable code. Almost all Gmail engineers and a handful of other Googlers are using this environment for their real Gmail usage. But it turned out even daily updates were too slow for the rate of code change with the new look. So, we created an environment that updates every hour with the latest stable code. This version of Gmail was used by all engineers who worked on the redesign. It allowed us to test code changes very quickly on the real system. We were able to find many functional and usability issues here. And because we used this system and no engineer likes their email to be broken, issues were fixed very quickly. We can only do this because we have a very good coverage by our automated tests. When all these tests pass, we can be sure that most of the Gmail functionality is working. However, there could still be usability, color, layout or other challenges that tests can't catch.<br /> <br /> Gmail’s new look also put a lot of additional load on our testing team. They had to keep up with a high rate of change, test critical functionality quickly and triage a lot of reported issues. Plus, they had to test new features in both the old publicly-available UI as well as the new unlaunched UI. The dedication of our testing team helped us catch bugs early so we could fix them in preparation for launch.<br /> <br /> Once we felt that the new look was good enough to be used by others, we turned it on for all Googlers. At Google, we "eat our own dogfood," meaning we use new products and features ourselves before releasing them to the public. Often, this is a very humbling experience. The shiny, new features, that we just developed and are so proud of are now used by people, including sales teams, managers and other non-engineers, who just want to get their job done. And believe me, Googlers are not shy when it comes to feedback! But for a project like this one, this step is absolutely critical. Our different teams at Google tested Gmail in all kinds of use cases and the feedback that we received from this phase was invaluable. It helped us to put the final touches on the new look and get ready for usability tests that were previously discussed.<br /> <br /> We hope you've enjoyed a look into the Gmail's design, development and testing of the new look. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </noscript> </div> </div> <div class='share'> <span class='gplus-share social-wrapper' data-href='https://plus.google.com/share?url=https://gmail.googleblog.com/2011/12/testing-gmails-new-look.html'> <img alt='Share on Google+' height='24' src='https://www.gstatic.com/images/branding/google_plus/2x/ic_w_post_gplus_black_24dp.png' width='24'/> </span> <span class='twitter-custom social-wrapper' data-href='http://twitter.com/share?text=Official Gmail Blog:Testing Gmail’s new look&url=https://gmail.googleblog.com/2011/12/testing-gmails-new-look.html&via=gmail'> <img alt='Share on Twitter' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_twitter_black_24dp.png' width='24'/> </span> <span class='fb-custom social-wrapper' data-href='https://www.facebook.com/sharer.php?u=https://gmail.googleblog.com/2011/12/testing-gmails-new-look.html'> <img alt='Share on Facebook' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_facebook_black_24dp.png' width='24'/> </span> </div> <div class='comment-container'> <i class='comment-img material-icons'>  </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/12/testing-gmails-new-look.html' data-url='https://gmail.googleblog.com/2011/12/testing-gmails-new-look.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/12/testing-gmails-new-look.html' data-viewtype='FILTERED_POSTMOD'></div> <a href='https://plus.google.com/112374322230920073195' rel='author' style='display:none;'> Google </a> <div class='label-footer'> <span class='labels-caption'> Labels: </span> <span class='labels'> <a class='label' href='https://gmail.googleblog.com/search/label/Gmail%20Blog' rel='tag'> Gmail Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/Google%20Apps%20Blog' rel='tag'> Google Apps Blog </a> </span> </div> </div> </div> <div class='post' data-id='170800762162985266' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/12/developing-gmails-new-look.html' itemprop='url' title='Developing Gmail’s new look'> Developing Gmail’s new look </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> December 6, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by Mark Striebeck, Engineering Director</span><br /> <br /> <i>Editor's note: This post is more technical than most posts here, but we thought some of you might find it interesting to look inside how development on the Gmail team works.</i><br /> <br /> Developing the new look for Gmail was like the proverbial “changing tires on a moving car” - only that the car is carrying hundreds of millions of users and is under constant construction and development. The two main technologies that we use for these types of projects in Gmail are “conditional features” and “Javascript mods” (other Google products use very similar systems). Both technologies were particularly important for testing the new look.<br /> <br /> Let’s start with the first one: conditional features. This is our ability to make changes to the Gmail code that get deployed, but not executed. You can think of it as a lot of if-statements around the new code that get enabled when the conditional feature is on. The conditional feature flag itself is set outside of the deployed code. These flags can be set in various ways: as a percentage of overall users (if we want to rollout a feature slowly), for Googlers only (if we want to use a new feature internally), for individuals (if we want to give users early access to a features) and in many other ways. In short, conditional features allow us to update our production systems separately from releasing new features. This way, Gmail developers can make changes, but don’t have to worry about their unfinished changes being released before they are ready.<br /> <br /> The other technology is “Javascript mods”. We use this technology to create modifications for a new feature in Javascript across many files. The main challenge with Javascript is that we want to keep the amount of Javascript code that the browser has to download as small as possible - the more code the browser has to download, the longer it takes to load Gmail. So, we don’t want to include the code from all possible mods, but only the code that’s relevant to your browser. Let’s use our Gmail mobile app as an example: it comes in various forms, including the smartphone user interface (UI), the tablet UI, and the offline UI. All these UIs are slightly different. We don’t want to download the Javascript code for all different UIs to the browser. Instead, our server inspects which browser or device you are using and creates the exact Javascript that you need. The selection of mods can be triggered by browsers, devices and even “conditional features”.<br /> <br /> Using these technologies, we can make sweeping changes in Gmail without those changes going “live” before they are ready. Plus, since we can turn pieces of code on or off, we can enable new features in specific environments, such as Google, or for specific users, like the Gmail team, without changing the code itself. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </script> <noscript> <span class="byline-author">Posted by Mark Striebeck, Engineering Director</span><br /> <br /> <i>Editor's note: This post is more technical than most posts here, but we thought some of you might find it interesting to look inside how development on the Gmail team works.</i><br /> <br /> Developing the new look for Gmail was like the proverbial “changing tires on a moving car” - only that the car is carrying hundreds of millions of users and is under constant construction and development. The two main technologies that we use for these types of projects in Gmail are “conditional features” and “Javascript mods” (other Google products use very similar systems). Both technologies were particularly important for testing the new look.<br /> <br /> Let’s start with the first one: conditional features. This is our ability to make changes to the Gmail code that get deployed, but not executed. You can think of it as a lot of if-statements around the new code that get enabled when the conditional feature is on. The conditional feature flag itself is set outside of the deployed code. These flags can be set in various ways: as a percentage of overall users (if we want to rollout a feature slowly), for Googlers only (if we want to use a new feature internally), for individuals (if we want to give users early access to a features) and in many other ways. In short, conditional features allow us to update our production systems separately from releasing new features. This way, Gmail developers can make changes, but don’t have to worry about their unfinished changes being released before they are ready.<br /> <br /> The other technology is “Javascript mods”. We use this technology to create modifications for a new feature in Javascript across many files. The main challenge with Javascript is that we want to keep the amount of Javascript code that the browser has to download as small as possible - the more code the browser has to download, the longer it takes to load Gmail. So, we don’t want to include the code from all possible mods, but only the code that’s relevant to your browser. Let’s use our Gmail mobile app as an example: it comes in various forms, including the smartphone user interface (UI), the tablet UI, and the offline UI. All these UIs are slightly different. We don’t want to download the Javascript code for all different UIs to the browser. Instead, our server inspects which browser or device you are using and creates the exact Javascript that you need. The selection of mods can be triggered by browsers, devices and even “conditional features”.<br /> <br /> Using these technologies, we can make sweeping changes in Gmail without those changes going “live” before they are ready. Plus, since we can turn pieces of code on or off, we can enable new features in specific environments, such as Google, or for specific users, like the Gmail team, without changing the code itself. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </noscript> </div> </div> <div class='share'> <span class='gplus-share social-wrapper' data-href='https://plus.google.com/share?url=https://gmail.googleblog.com/2011/12/developing-gmails-new-look.html'> <img alt='Share on Google+' height='24' src='https://www.gstatic.com/images/branding/google_plus/2x/ic_w_post_gplus_black_24dp.png' width='24'/> </span> <span class='twitter-custom social-wrapper' data-href='http://twitter.com/share?text=Official Gmail Blog:Developing Gmail’s new look&url=https://gmail.googleblog.com/2011/12/developing-gmails-new-look.html&via=gmail'> <img alt='Share on Twitter' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_twitter_black_24dp.png' width='24'/> </span> <span class='fb-custom social-wrapper' data-href='https://www.facebook.com/sharer.php?u=https://gmail.googleblog.com/2011/12/developing-gmails-new-look.html'> <img alt='Share on Facebook' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_facebook_black_24dp.png' width='24'/> </span> </div> <div class='comment-container'> <i class='comment-img material-icons'>  </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/12/developing-gmails-new-look.html' data-url='https://gmail.googleblog.com/2011/12/developing-gmails-new-look.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/12/developing-gmails-new-look.html' data-viewtype='FILTERED_POSTMOD'></div> <a href='https://plus.google.com/112374322230920073195' rel='author' style='display:none;'> Google </a> <div class='label-footer'> <span class='labels-caption'> Labels: </span> <span class='labels'> <a class='label' href='https://gmail.googleblog.com/search/label/Gmail%20Blog' rel='tag'> Gmail Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/Google%20Apps%20Blog' rel='tag'> Google Apps Blog </a> </span> </div> </div> </div> <div class='post' data-id='4453359111223504225' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/12/designing-gmails-new-left-navigation.html' itemprop='url' title='Designing Gmail’s new left navigation'> Designing Gmail’s new left navigation </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> December 5, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by Jason Cornwell, User Experience Designer</span><br /> <br /> One of our goals for <a href="http://gmailblog.blogspot.com/2011/11/gmails-new-look.html">Gmail's new look</a> was to make Gmail feel more like a native application with independently scrolling panels rather than a website that scrolls as a single page. This design approach brings with it many advantages: the search box and primary navigation are always in the same place, your inbox unread count is always visible, etc. As with any design decision there were challenges with making this change. People with lots of labels might have their chat contacts pushed entirely off the screen and those with gadgets, like the Google Docs or Calendar gadgets, might have to scroll the left panel past both the labels and the chat contacts in order to see them. <br /> <br /> We went through a number of different design revisions to try and address these issues as elegantly as possible. We experimented with several accordion designs, which stack sections on top of each other but only allow one or two to be open at a time.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlCxJk6mxI6nTHt7DNUWGjS4QwS5gb60sx3hDngM9y72cOFgdzbFRDxSB0Grq4GV89WENQtB_j6ATfHfxg3NW3Uo4OI0O-5ErWiFAJ8zO7d2y5IrWCsMzvm460is80jkDcZtIQ/s1600/accordion.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlCxJk6mxI6nTHt7DNUWGjS4QwS5gb60sx3hDngM9y72cOFgdzbFRDxSB0Grq4GV89WENQtB_j6ATfHfxg3NW3Uo4OI0O-5ErWiFAJ8zO7d2y5IrWCsMzvm460is80jkDcZtIQ/s1600/accordion.png" width="162" /></a></center><br /> We also experimented with designs that involved only one scrolling region, but showed fewer entries per section. <br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjlTHlhl1qgy3SWRICzZLiORyl2Me4GjCl0d90WYWPuVUYk1ZlMlW_TB1iH0i8DzdnsgMMPOgf1WYUXsPQnVOsCmpwPkrvG7lxhUCugJdnN9yHuUbwgJsdlOqFSu7pIXkSkNA-/s1600/truncation.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjlTHlhl1qgy3SWRICzZLiORyl2Me4GjCl0d90WYWPuVUYk1ZlMlW_TB1iH0i8DzdnsgMMPOgf1WYUXsPQnVOsCmpwPkrvG7lxhUCugJdnN9yHuUbwgJsdlOqFSu7pIXkSkNA-/s1600/truncation.png" width="162" /></a></center><br /> The final design combines aspects of both approaches. It is a ducking accordion design with only two sections. The bottom section has two tabs, one for chat and one for gadgets, with room to add more tabs in the future. The upper section, which contains labels, expands to show all of the visible labels when you mouse over it. This allows you to see chat contacts but still give quick access to the labels. Best of all, you can easily adjust the balance between labels and chat to fit your own personal preference by dragging the divider between the sections up and down. <br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifif_Df_GHH9EpzST3tv6YPLik9FJ5qVcXG05XpexMBGBfxlMevXnvQj6NvFj6ZOGBqMyrRGA41NJfu9Zf3l6wvtQ51C6TqL81_fbw70W0S2iu5GOsWSy141H48yeNlS-HQKm9/s1600/today.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifif_Df_GHH9EpzST3tv6YPLik9FJ5qVcXG05XpexMBGBfxlMevXnvQj6NvFj6ZOGBqMyrRGA41NJfu9Zf3l6wvtQ51C6TqL81_fbw70W0S2iu5GOsWSy141H48yeNlS-HQKm9/s1600/today.png" width="169" /></a></center><br /> This design went through a number of iterations as well. We carefully adjusted the timing and triggering behavior of the expanding labels section to minimize accidental triggering. We noticed in usability testing that having the labels section expand when you are mousing over the Inbox label delete didn't work for everyone. We tweaked the system only to expand if you moved your mouse below the inbox label and keep it there for a moment. We also tried to ensure that if you are moving your mouse to click on a particular label or chat contact, that label or chat contact will never move out from under you.<br /> <br /> The end result is a system that is more flexible, more responsive, and always keeps your chat contacts and unread count visible without adding a lot of complexity or requiring too much clicking around. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </script> <noscript> <span class="byline-author">Posted by Jason Cornwell, User Experience Designer</span><br /> <br /> One of our goals for <a href="http://gmailblog.blogspot.com/2011/11/gmails-new-look.html">Gmail's new look</a> was to make Gmail feel more like a native application with independently scrolling panels rather than a website that scrolls as a single page. This design approach brings with it many advantages: the search box and primary navigation are always in the same place, your inbox unread count is always visible, etc. As with any design decision there were challenges with making this change. People with lots of labels might have their chat contacts pushed entirely off the screen and those with gadgets, like the Google Docs or Calendar gadgets, might have to scroll the left panel past both the labels and the chat contacts in order to see them. <br /> <br /> We went through a number of different design revisions to try and address these issues as elegantly as possible. We experimented with several accordion designs, which stack sections on top of each other but only allow one or two to be open at a time.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlCxJk6mxI6nTHt7DNUWGjS4QwS5gb60sx3hDngM9y72cOFgdzbFRDxSB0Grq4GV89WENQtB_j6ATfHfxg3NW3Uo4OI0O-5ErWiFAJ8zO7d2y5IrWCsMzvm460is80jkDcZtIQ/s1600/accordion.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlCxJk6mxI6nTHt7DNUWGjS4QwS5gb60sx3hDngM9y72cOFgdzbFRDxSB0Grq4GV89WENQtB_j6ATfHfxg3NW3Uo4OI0O-5ErWiFAJ8zO7d2y5IrWCsMzvm460is80jkDcZtIQ/s1600/accordion.png" width="162" /></a></center><br /> We also experimented with designs that involved only one scrolling region, but showed fewer entries per section. <br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjlTHlhl1qgy3SWRICzZLiORyl2Me4GjCl0d90WYWPuVUYk1ZlMlW_TB1iH0i8DzdnsgMMPOgf1WYUXsPQnVOsCmpwPkrvG7lxhUCugJdnN9yHuUbwgJsdlOqFSu7pIXkSkNA-/s1600/truncation.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjlTHlhl1qgy3SWRICzZLiORyl2Me4GjCl0d90WYWPuVUYk1ZlMlW_TB1iH0i8DzdnsgMMPOgf1WYUXsPQnVOsCmpwPkrvG7lxhUCugJdnN9yHuUbwgJsdlOqFSu7pIXkSkNA-/s1600/truncation.png" width="162" /></a></center><br /> The final design combines aspects of both approaches. It is a ducking accordion design with only two sections. The bottom section has two tabs, one for chat and one for gadgets, with room to add more tabs in the future. The upper section, which contains labels, expands to show all of the visible labels when you mouse over it. This allows you to see chat contacts but still give quick access to the labels. Best of all, you can easily adjust the balance between labels and chat to fit your own personal preference by dragging the divider between the sections up and down. <br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifif_Df_GHH9EpzST3tv6YPLik9FJ5qVcXG05XpexMBGBfxlMevXnvQj6NvFj6ZOGBqMyrRGA41NJfu9Zf3l6wvtQ51C6TqL81_fbw70W0S2iu5GOsWSy141H48yeNlS-HQKm9/s1600/today.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifif_Df_GHH9EpzST3tv6YPLik9FJ5qVcXG05XpexMBGBfxlMevXnvQj6NvFj6ZOGBqMyrRGA41NJfu9Zf3l6wvtQ51C6TqL81_fbw70W0S2iu5GOsWSy141H48yeNlS-HQKm9/s1600/today.png" width="169" /></a></center><br /> This design went through a number of iterations as well. We carefully adjusted the timing and triggering behavior of the expanding labels section to minimize accidental triggering. We noticed in usability testing that having the labels section expand when you are mousing over the Inbox label delete didn't work for everyone. We tweaked the system only to expand if you moved your mouse below the inbox label and keep it there for a moment. We also tried to ensure that if you are moving your mouse to click on a particular label or chat contact, that label or chat contact will never move out from under you.<br /> <br /> The end result is a system that is more flexible, more responsive, and always keeps your chat contacts and unread count visible without adding a lot of complexity or requiring too much clicking around. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://plus.google.com/116899029375914044550' itemprop='url'/> </span> </noscript> </div> </div> <div class='share'> <span class='gplus-share social-wrapper' data-href='https://plus.google.com/share?url=https://gmail.googleblog.com/2011/12/designing-gmails-new-left-navigation.html'> <img alt='Share on Google+' height='24' src='https://www.gstatic.com/images/branding/google_plus/2x/ic_w_post_gplus_black_24dp.png' width='24'/> </span> <span class='twitter-custom social-wrapper' data-href='http://twitter.com/share?text=Official Gmail Blog:Designing Gmail’s new left navigation&url=https://gmail.googleblog.com/2011/12/designing-gmails-new-left-navigation.html&via=gmail'> <img alt='Share on Twitter' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_twitter_black_24dp.png' width='24'/> </span> <span class='fb-custom social-wrapper' data-href='https://www.facebook.com/sharer.php?u=https://gmail.googleblog.com/2011/12/designing-gmails-new-left-navigation.html'> <img alt='Share on Facebook' height='24' src='https://www.gstatic.com/images/icons/material/system/2x/post_facebook_black_24dp.png' width='24'/> </span> </div> <div class='comment-container'> <i class='comment-img material-icons'>  </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/12/designing-gmails-new-left-navigation.html' data-url='https://gmail.googleblog.com/2011/12/designing-gmails-new-left-navigation.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/12/designing-gmails-new-left-navigation.html' data-viewtype='FILTERED_POSTMOD'></div> <a href='https://plus.google.com/112374322230920073195' rel='author' style='display:none;'> Google </a> <div class='label-footer'> <span class='labels-caption'> Labels: </span> <span class='labels'> <a class='label' href='https://gmail.googleblog.com/search/label/Gmail%20Blog' rel='tag'> Gmail Blog </a> , <a class='label' href='https://gmail.googleblog.com/search/label/Google%20Apps%20Blog' rel='tag'> Google Apps Blog </a> </span> </div> </div> </div> <div class='blog-pager' id='blog-pager'> <a class='home-link' href='https://gmail.googleblog.com/'> <i class='material-icons'>  </i> </a> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://gmail.googleblog.com/search?updated-max=2012-05-01T10:08:00-07:00&max-results=10&reverse-paginate=true' id='Blog1_blog-pager-newer-link' title='Newer Posts'> <i class='material-icons'>  </i> </a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://gmail.googleblog.com/search?updated-max=2011-12-05T09:00:00-08:00&max-results=10' id='Blog1_blog-pager-older-link' title='Older Posts'> <i class='material-icons'>  </i> </a> </span> </div> <div class='clear'></div> </div></div> </div> </div> <div class='col-right'> <div class='section' id='sidebar-top'><div class='widget HTML' data-version='1' id='HTML11'> <div class='widget-content'> <div class='searchBox'> <input type='text' title='Search This Blog' placeholder='Search blog ...' /> </div> </div> <div class='clear'></div> </div></div> <div id='aside'> <div class='section' id='sidebar'><div class='widget Label' data-version='1' id='Label1'> <div class='tab'> <img class='sidebar-icon' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYpJREFUeNrs2aFuwzAQBmAvKRkMKRjZA4QMDJaWFgyMjuzFRg37DIUlA3uFkoGQSaWzJU+tpri5O9+l/zSfdFJlpe59yTmyVedq1PjfcZMZ70NuQnaF8w8htyE/rABtpviXkLcK88c5HhLkMBfgVan43zfFBNGMjHVGT/s55KP2pAvidbGHd+nzKt1RKSLG3rKF1iPFv6UWiPke8i7kEqGdGsI1O+LYVdqJAjgirwkKYD0ytkJBUNbAMvX8V3q9PhUsYvU1sWD8SO/sQvx2ahxOiNoJCSBCoAHYCEQAC4EKICOQASQEOmAS8RcAFxFN5hiIiugpgC3wk9hQAHH/70EBHXUN7IER5EWMiBgo2+nzOKQv9SCAeEM/OQAkhE/ncccFICB87qzQMia5FsJfOui0zMnmRvipU1ormHQuxGTxUsAcCFLxJQBLBLn4UoAFglW8BkATwS5eC6CBEBWvCShBiIvXBkgQRcVbADiI4uKtABSESvGWgB9EzHt3+tNwyO0qa9SoIYtvAQYAqDJhaWWeMecAAAAASUVORK5CYII='/> <h2> Labels </h2> <i class='material-icons arrow'>  </i> </div> <div class='widget-content list-label-widget-content'> <ul> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/buzz'> buzz </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/calendar'> calendar </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/Gmail%20Blog'> Gmail Blog </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/Google%20Apps%20Blog'> Google Apps Blog </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/Google%20Calendar'> Google Calendar </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/googlenew'> googlenew </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/Inbox'> Inbox </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/Inbox%20by%20Gmail'> Inbox by Gmail </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/labs'> labs </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/mobile'> mobile </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/Offline'> Offline </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/reader'> reader </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/tasks'> tasks </a> </li> <li> <a dir='ltr' href='https://gmail.googleblog.com/search/label/tip'> tip </a> </li> </ul> <div class='clear'></div> </div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <div class='tab'> <i class='material-icons icon'>  </i> <h2> Archive </h2> <i class='material-icons arrow'>  </i> </div> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class='intervalToggle'> <span class='new-toggle' href='javascript:void(0)'> <i class='material-icons arrow'>  </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'>  </i>   </span> </a> <a class='post-count-link' href='https://gmail.googleblog.com/2016/'> 2016 </a> </div> <div class='items'> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2016/09/'> Sep </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2016/08/'> Aug </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2016/04/'> Apr </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2016/03/'> Mar </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2016/02/'> Feb </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2016/01/'> Jan </a> </div> <div class='items'> </div> </li> </ul> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class='intervalToggle'> <span class='new-toggle' href='javascript:void(0)'> <i class='material-icons arrow'>  </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'>  </i>   </span> </a> <a class='post-count-link' href='https://gmail.googleblog.com/2015/'> 2015 </a> </div> <div class='items'> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2015/12/'> Dec </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2015/11/'> Nov </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2015/10/'> Oct </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2015/09/'> Sep </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2015/07/'> Jul </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2015/06/'> Jun </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2015/05/'> May </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2015/04/'> Apr </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2015/03/'> Mar </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2015/02/'> Feb </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2015/01/'> Jan </a> </div> <div class='items'> </div> </li> </ul> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class='intervalToggle'> <span class='new-toggle' href='javascript:void(0)'> <i class='material-icons arrow'>  </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'>  </i>   </span> </a> <a class='post-count-link' href='https://gmail.googleblog.com/2014/'> 2014 </a> </div> <div class='items'> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2014/12/'> Dec </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2014/11/'> Nov </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2014/10/'> Oct </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2014/08/'> Aug </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2014/07/'> Jul </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2014/04/'> Apr </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2014/03/'> Mar </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2014/02/'> Feb </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2014/01/'> Jan </a> </div> <div class='items'> </div> </li> </ul> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class='intervalToggle'> <span class='new-toggle' href='javascript:void(0)'> <i class='material-icons arrow'>  </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'>  </i>   </span> </a> <a class='post-count-link' href='https://gmail.googleblog.com/2013/'> 2013 </a> </div> <div class='items'> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2013/12/'> Dec </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2013/11/'> Nov </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2013/10/'> Oct </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2013/09/'> Sep </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2013/07/'> Jul </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2013/06/'> Jun </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2013/05/'> May </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2013/04/'> Apr </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2013/03/'> Mar </a> </div> <div class='items'> </div> </li> </ul> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class='intervalToggle'> <span class='new-toggle' href='javascript:void(0)'> <i class='material-icons arrow'>  </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'>  </i>   </span> </a> <a class='post-count-link' href='https://gmail.googleblog.com/2012/'> 2012 </a> </div> <div class='items'> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/12/'> Dec </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/11/'> Nov </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/10/'> Oct </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/09/'> Sep </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/08/'> Aug </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/07/'> Jul </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/06/'> Jun </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/05/'> May </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/04/'> Apr </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/03/'> Mar </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/02/'> Feb </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2012/01/'> Jan </a> </div> <div class='items'> </div> </li> </ul> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <div class='intervalToggle'> <span class='new-toggle' href='javascript:void(0)'> <i class='material-icons arrow'>  </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy toggle-open'> <i class='material-icons'>  </i>   </span> </a> <a class='post-count-link' href='https://gmail.googleblog.com/2011/'> 2011 </a> </div> <div class='items'> <ul class='hierarchy'> <li class='archivedate expanded'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/12/'> Dec </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/11/'> Nov </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/10/'> Oct </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/09/'> Sep </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/08/'> Aug </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/07/'> Jul </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/06/'> Jun </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/05/'> May </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/04/'> Apr </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/03/'> Mar </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/02/'> Feb </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2011/01/'> Jan </a> </div> <div class='items'> </div> </li> </ul> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class='intervalToggle'> <span class='new-toggle' href='javascript:void(0)'> <i class='material-icons arrow'>  </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'>  </i>   </span> </a> <a class='post-count-link' href='https://gmail.googleblog.com/2010/'> 2010 </a> </div> <div class='items'> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/12/'> Dec </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/11/'> Nov </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/10/'> Oct </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/09/'> Sep </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/08/'> Aug </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/07/'> Jul </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/06/'> Jun </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/05/'> May </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/04/'> Apr </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/03/'> Mar </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/02/'> Feb </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2010/01/'> Jan </a> </div> <div class='items'> </div> </li> </ul> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class='intervalToggle'> <span class='new-toggle' href='javascript:void(0)'> <i class='material-icons arrow'>  </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'>  </i>   </span> </a> <a class='post-count-link' href='https://gmail.googleblog.com/2009/'> 2009 </a> </div> <div class='items'> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/12/'> Dec </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/11/'> Nov </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/10/'> Oct </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/09/'> Sep </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/08/'> Aug </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/07/'> Jul </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/06/'> Jun </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/05/'> May </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/04/'> Apr </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/03/'> Mar </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/02/'> Feb </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2009/01/'> Jan </a> </div> <div class='items'> </div> </li> </ul> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class='intervalToggle'> <span class='new-toggle' href='javascript:void(0)'> <i class='material-icons arrow'>  </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'>  </i>   </span> </a> <a class='post-count-link' href='https://gmail.googleblog.com/2008/'> 2008 </a> </div> <div class='items'> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/12/'> Dec </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/11/'> Nov </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/10/'> Oct </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/09/'> Sep </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/08/'> Aug </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/07/'> Jul </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/06/'> Jun </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/05/'> May </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/04/'> Apr </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/03/'> Mar </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/02/'> Feb </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2008/01/'> Jan </a> </div> <div class='items'> </div> </li> </ul> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class='intervalToggle'> <span class='new-toggle' href='javascript:void(0)'> <i class='material-icons arrow'>  </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'>  </i>   </span> </a> <a class='post-count-link' href='https://gmail.googleblog.com/2007/'> 2007 </a> </div> <div class='items'> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2007/12/'> Dec </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2007/11/'> Nov </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2007/10/'> Oct </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2007/09/'> Sep </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2007/08/'> Aug </a> </div> <div class='items'> </div> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <div class=''> <a class='post-count-link' href='https://gmail.googleblog.com/2007/07/'> Jul </a> </div> <div class='items'> </div> </li> </ul> </div> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML6'> <div class='widget-content'> <a href="http://gmailblog.blogspot.com/atom.xml"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAihJREFUeNrsWa9Pw0AU7viRMDFRBAkzJDMIBIhJJhCzk7NILIqMv4AEhdz+BCY3OYssAlGBoAJREpZwAlHEBO8lr8nSvNeVbu1dyX3JlzTrXfa+u/e9d7c5joWFhYVO1Fa8PwH2gK6m+BRwAvSlAdsrgr8E1jUuMH73GTAEzrkBWymTewZlihhLmgDXIAFuHgGVQOUF7OSYM1p6PgTuA1vAZlUEvAnPdapcMY0VICECekQ0XRfYrqoHsAGNgXfAoMomRiFDEhOZkkL3S88hMaB2LwXp0bj+ps2edpToZpjfoIDQtBeU+xjoDzP2G/gCPKZ5f8WsCAFJoJgOCcFdWSTeL9YQMSvTA1h9BkI5jaiXhLpSCL/8mVZY0UpyJ9ZdOkniu1dmJ96BpzQu9w6s28gcOq9j6pwLdR8/36NK5CQKwJSMrb2MhhSglBpt4UjsrdsnNu0B3J0HCozbCc4TjyY2srEgos/4RQljCzNxl4ireQD8FOq+T+W0mTB2g7njhlR+Sy2jsXFvU658U8YTbeaGpdIu7mWkEAq5ZtIjIhFZdtfX7QHckSvB2B6zC3VdAkZk0kAQwaXTk/CzTXK3wjIExCs6ZJpTnE4uY1KV+KzFzA3KTiFPENHJkOPcsfpLhwe4btoSuvUqAR+6TOxlCE6ZfKUsJLgsqGW8OpqAGx2X+sLxrwUog+JUeQRMDBIwyXOcnlPtPnL0/UsT/8LnOxYWFhZG4leAAQAAQHEaYuzHbAAAAABJRU5ErkJggg==" class="sidebar-icon" /> <h2>Feed</h2> </a> </div> <div class='clear'></div> </div></div> <div class='section' id='sidebar-bottom'><div class='widget HTML' data-version='1' id='HTML5'> <div class='widget-content'> <div class="followgooglewrapper"> <a href="https://plus.google.com/+gmail" rel="publisher" style="text-decoration:none;display:inline-block;color:#333;text-align:center; font:13px/16px arial,sans-serif;white-space:nowrap;"> <span style="display:inline-block;font-weight:bold;vertical-align:top;margin-right:5px; margin-top:0px;">Google</span><span style="display:inline-block;vertical-align:top;margin-right:13px; margin-top:0px;">on</span> <img src="//ssl.gstatic.com/images/icons/gplus-16.png" alt="Google+" style="border:0;width:16px;height:16px;"/></a> </div> <div class="share followgooglewrapper"> <button data-href="https://twitter.com/intent/follow?original_referer=http://gmailblog.blogspot.in/&screen_name=gmail" onclick='sharingPopup(this);' id='twitter-share'><span class="twitter-follow">Follow @gmail</span></button> <script> function sharingPopup (button) { var url = button.getAttribute("data-href"); window.open( url,'popUpWindow','height=500,width=500,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes'); } </script> </div> <div class="fb-follow-button"> <a href="https://www.facebook.com/Gmail" target="_blank"><img class="fb-follow" src="//3.bp.blogspot.com/-HoA5kIzCDV0/VVNMgZYYShI/AAAAAAAAHh0/7t0oglZ-RVU/s1600/fb.png">Follow</a> </div> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML1'> <div class='widget-content'> Give us feedback in our <a href="http://productforums.google.com/forum/#!forum/gmail">Product Forum</a>. </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML7'> <div class='widget-content'> <div style="border:1px solid #ccc; padding:5px; margin:15px 0 10 0;"> <div style="font-size:1.1em; font-weight:bold; color:#666; margin-top:2px; margin-bottom:8px;">Get posts via email</div> <form action="https://groups.google.com/group/gmail-blog-posts/boxsubscribe"> Email: <input type="text" name="email" size="19" /><br /><br/> <input type="submit" name="sub" value="Subscribe" /><br /><br /> <span style="font-size:.9em;">Powered by <a href="https://groups.google.com/group/gmail-blog-posts">Google Groups</a><span> </span></span></form></div> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML8'> <h2 class='title'> Useful Links </h2> <div class='widget-content'> <a onclick="_gaq.push(['_trackEvent','Gmail Blog','Useful Links','About Gmail']);" href="https://mail.google.com/mail/help/intl/en/about.html">About Gmail</a><br /><a onclick="_gaq.push(['_trackEvent','Gmail Blog','Useful Links','Gmail for Mobile']);" href="//www.google.com/mobile/gmail/">Gmail for Mobile</a><br /><a onclick="_gaq.push(['_trackEvent','Gmail Blog','Useful Links','Gmail for Work']);" href="//www.google.com/enterprise/apps/business/?utm_medium=et&utm_source=consgmailblog&utm_campaign=en%0A/">Gmail for Work</a> </div> <div class='clear'></div> </div></div> </div> </div> <div style='clear:both;'></div> </div> <!-- Footer --> <div class='footer-outer loading'> <div class='footer-inner'> <div class='footer-inner-2'> <div style='width:33%;float:left;'> <div class='section' id='footer-1'><div class='widget HTML' data-version='1' id='HTML2'> <h2 class='title'> Company-wide </h2> <div class='widget-content'> <ul> <li> <a href="//googleblog.blogspot.com/" title="Google">Official Google Blog</a> </li> <li> <a href="//googlepublicpolicy.blogspot.com/" title="Public Policy">Public Policy Blog</a> </li> <li> <a href="//googleforstudents.blogspot.com/" title="Student">Student Blog</a> </li> </ul> </div> <div class='clear'></div> </div></div> </div> <div style='width:33%;float:left;'> <div class='section' id='footer-2'><div class='widget HTML' data-version='1' id='HTML3'> <h2 class='title'> Products </h2> <div class='widget-content'> <ul> <li> <a href="//googleforwork.blogspot.com/" title="Google for Work">Google for Work Blog</a> </li> <li> <a href="//chrome.blogspot.com/" title="Chrome">Chrome Blog</a> </li> <li> <a href="//officialandroid.blogspot.com/" title="Android">Official Android Blog</a> </li> </ul> </div> <div class='clear'></div> </div></div> </div> <div style='width:33%;float:left;'> <div class='section' id='footer-3'><div class='widget HTML' data-version='1' id='HTML4'> <h2 class='title'> Developers </h2> <div class='widget-content'> <ul> <li> <a href="//googleadsdeveloper.blogspot.com/" title="Ads Developer">Ads Developer Blog</a> </li> <li> <a href="//android-developers.blogspot.com/" title="Android">Android Developers Blog</a> </li> <li> <a href="//googledevelopers.blogspot.com/" title="Developers">Developers Blog</a> </li> </ul> </div> <div class='clear'></div> </div></div> </div> <div style='clear:both;'></div> </div> </div> </div> <div class='google-footer-outer loading'> <div id='google-footer'> <a href='//www.google.com/'> <img class='google-logo-dark' height='36' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAABICAYAAABFoT/eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACLVJREFUeNrsXd+L20YQ3vOprdLqiMXFXE2qB7dcwEcTSB7ykIc+9A/PQx/yEMq1TWhNuYIpJriNr7XpmZ5IxFEvmW2EKs3Ornb1w50PxIFP0kiz387OzM6uhGAwGAxGP3Ho+f7x7ri1O7LdccPqZjSNA4dEHsLfaHcEFedJom93x9Xu2OyOFTcBo6sED3fHZHeMEELrkAHJF0B8Rr+gDFsZ5n0luLTQ95AXs4W06D/tjpR50xtM4CjD0y48YGB4rnyZxNOzyA7zBHr+nLnDaJLg0mo/ALekCasg3Z4XbM0ZdTEgnDPeHY8bIne+Qz2GvwyGNwsuyT218KWvIIBMcwGpLiipcolecjMxfBDchNyS1EvxLiOSIecp31q6IJ/C3yrIrMqMm4jhg+AxkdwbIO3aUO4KjqqMjCT3uaazMBhWBJfuxH3CtRfiXf66DhSRZWbmlMnNaILgZxrXJQO/eO3wORZwvwm4JUxuhheCjzVBYAbW1ces45YDSoZrFNOEE835M8FT6oyeEnws8Fz3QnBxFKPHBMem4GU+m6fPGb0leCTwWcM5B36MPgeZI01gudyDdw3hPeXfo8L/rmCUWnuMMdqUL2WqWeRbhf+twfVsO7YagZGNC79fw7OthEVtkiJ4jJzTd3KPwf3CRqhhiTu23AP5sl0/0xiwISQXpNwLIJK87mHF+U8ddzzdmgKlGzlPYjyxGJQouIhNT4k9AqWEFkqfguIvagTWbcq3KW1WE3xS3m8NtA9WS451xofwjKT5kkDoK/b6mDk5FfXr1lWDL4BofZEv2/SRsK/EHGlGdBdu8QNRb8HMCFwt7Yy3DDI/QP7fx5z3VLhdlJEIs4rKNuXXJXdxZPdB7kfCzWqwCO4V1LHgLjInX3tQ1KzCR52Cz+vDj1dydeRuS74rcvs2Pi6fT5H8OaaUQPQPYcWwRSGXyhhscn5dpAnEFMkuEZetbfkTAnlSuH4DxisE+aMGeJAQ3lFl7C4LJE6QWCaCd583ORQ1jYAwjFctal7nOs2ZZvicwvlZx+RHGrcoAwKUVX8uwcc/9TT65INeDOr5shL9LDRB6QTeIy3zwfdh3WOi6axLCEhSjXU7F3h6LqggUtvyJxpynwu8tDkD98fXApOxRj8zoZ9MnGveYVIVZKaGrkBXCY65BCYNN9NkjpKOyQ81Q79JgdxS+Jn3SDTEXRI7SWzaiSTB32oI3nU3BvMfM0urhOVYgwKhuiAfc4tM07wXwm1ZRoQYSl2NUwiu01fEAHVcpixd745FvVz4dzUUc0o8rwoLy8ZSwU6CyFx1RP5II9+1bFPEFs9HWbNLiimDXE+vCm7u1CS47cofzD3aEhVY57mxRo5zlqdt+RFC1JUH2S7bcVXg4liTMakaBZZVxiTICRoivcn1sEUBlk24JmaC6kxUbYmWoqvyfck2xZGGnDFYa9MMzkYQ1ijkCX6qidybrgePiQ0QIQqoi6qRLeqQfIoRsEHaQJLBdHOnLGetSdm/IPcymJuS1PAnbQPH0MOw/39C1vL11DiLOqIsbDI8QcHvGiLnySi2qUXBicaqUSxN5LEB0g7Jt3ENXJLPJ5S1tnaZBoWbpRqrmjRE7qHmpSmNHdQcYrEUadoh+TbBnc9ri7iycI1kzPeNcLDIvbiqXpez9Tmdq6zGREPuzECBoxrPMiI2WtvyNwhJba2wy3JZ6ky5dD1lSvmZS3e4SPA1wcf1VTFHKX+cGwZzdUYcqpvUtvwrD/InDttVlyZeAKlNN5MKbAiurHhKIPlUuJvlTCCiDjSKSCsUmCFWbGLZwCESfK07JB8LvMYWVtw0D00JEHV8Mq2HkqPbE0oHLvvK2g0o8ETg+4cfwTlZDT9JDoWygu4uQQE/ivIvtcnfPkaCqhiupz7jWOAzqL/vjtcdkv9G4MVMt+EaylfuImiPAXEUjRF3pjjaHiPPZ6If9TGGAO4ZY0am6jOCb+DQ+ZCqLkIpOIPrdNfIjnFPY6nyFut7TS/fanrziOBOKMupKw94WaLMtuVnSFt9CPrWWdJE6PeltCX432DEBoh+5Dv8RRhdis8YAv9uyq4/JAwtlEApgBe9Cw9xDD3tdk4Jn0MDfiHwPHcRPxBePCMER3GuIx7kGlv9fkZ4V9lolx2Uv4X7hEj7qJ3LDoAMGbTRMRibu4L2xQ8bgt8AyU+Q+x7nYrvDnH4iuO5LxKsYwPVbkPMvKF9Zky9wXzRfVWizi62r9X5VHf55h+WHhDjGBZ4WRhyTr6z5SlCoLMxLSpBZFsQ9F80uQFbF/6aFWi+Ev51vzzsuX+msyzuQXXjUz8zEBy+zpq9yweXAoxJW4JbYrDS6gYDqGHxPl+TKeiBfxj9/EBIElPYeOA4y8/qRQfknjvSzgRgtq0Pw/M1eQeMdOSb2Bnrhr6Led+1vcp2x7oTFHMnedFW+Ivlty062BUt74oHgSj+vHepnhunn0JJAMtBZgDI/qmGtMujRv8DDpo47zBJ8UtPOuAR/7rKn8t9AJ0tBdmBAmJ/Fu71yxp4I3qh+DhyRqbi5Y1ShVPlSb8X7bRNcfgZFl+WRGYo7uecrWq1r8X5bhmzP5OdlDwsGRm1suSxkg5rYm7ConyGQ3Zl+DgSD8V/kPwrWBMG9YcBtyShBnTLdTiHgttw7qAW7cqh/ZnmPKr/6ignOaKsdyxbsToT5UkPsW00bJjijDXficcX/JsLs6w2BwGtherdckH3w/kNXRPVI0OqJQoHX42/66IMfMj/2huRjxIidgKV/W0JS+bsstDoTeAHcrI8E5zTh/sDkqxL5rZup55/3USlswfcHf4IrQplVDgW9XFlOqnwr6pVPMMEZTuC60EttvdzbLbaZ4PsFVa3nohhO+vW+yn/ZB2fUhpysmQrzBcTSai9EszuZMcEZ1lCFVrp9zGXhm69iLyY4oxFIa178lPe12I/P2DAYDAaDwWAwGAwGg8FgMBgMBoPBYDD2Cf8IMADDRGoQTe+E9AAAAABJRU5ErkJggg==' style='margin-top: -16px;' width='92'/> </a> <ul> <li> <a href='//www.google.com/'> Google </a> </li> <li> <a href='//www.google.com/policies/privacy/'> Privacy </a> </li> <li> <a href='//www.google.com/policies/terms/'> Terms </a> </li> </ul> </div> </div> <script type='text/javascript'> //<![CDATA[ // Social sharing popups. var postEl = document.getElementsByClassName('social-wrapper'); var postCount = postEl.length; for(i=0; i<postCount;i++){ postEl[i].addEventListener("click", function(event){ var postUrl = this.getAttribute("data-href"); window.open( postUrl,'popUpWindow','height=500,width=500,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes'); });} //]]> </script> <script type='text/javascript'> //<![CDATA[ var BreakpointHandler = function() { this.initted = false; this.isHomePage = false; this.isMobile = false; }; BreakpointHandler.prototype.finalizeSummary = function(summaryHtml, lastNode) { // Use $.trim for IE8 compatibility summaryHtml = $.trim(summaryHtml).replace(/(<br>|\s)+$/,''); if (lastNode.nodeType == 3) { var lastChar = summaryHtml.slice(-1); if (!lastChar.match(/[.”"?]/)) { if (!lastChar.match(/[A-Za-z]/)) { summaryHtml = summaryHtml.slice(0, -1); } summaryHtml += ' ...'; } } else if (lastNode.nodeType == 1 && (lastNode.nodeName == 'I' || lastNode.nodeName == 'A')) { summaryHtml += ' ...'; } return summaryHtml; }; BreakpointHandler.prototype.generateSummaryFromContent = function(content, numWords) { var seenWords = 0; var summaryHtml = ''; for (var i=0; i < content.childNodes.length; i++) { var node = content.childNodes[i]; var nodeText; if (node.nodeType == 1) { if (node.hasAttribute('data-about-pullquote')) { continue; } nodeText = node.textContent; if (nodeText === undefined) { // innerText for IE8 nodeText = node.innerText; } if (node.nodeName == 'DIV' || node.nodeName == 'B') { // Don't end early if we haven't seen enough words. if (seenWords < 10) { continue; } if (i > 0) { summaryHtml = this.finalizeSummary(summaryHtml, content.childNodes[i-1]); } break; } summaryHtml += node.outerHTML; } else if (node.nodeType == 3) { nodeText = node.nodeValue; summaryHtml += nodeText + ' '; } var words = nodeText.match(/\S+\s*/g); if (!words) { continue; } var remain = numWords - seenWords; if (words.length >= remain) { summaryHtml = this.finalizeSummary(summaryHtml, node); break; } seenWords += words.length; } return summaryHtml; }; BreakpointHandler.prototype.detect = function() { var match, pl = /\+/g, search = /([^&=]+)=?([^&]*)/g, decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); }, query = window.location.search.substring(1); var urlParams = {}; while (match = search.exec(query)) urlParams[decode(match[1])] = decode(match[2]); this.isListPage = $('html').hasClass('list-page'); this.isMobile = urlParams['m'] === '1'; this.isHomePage = window.location.pathname == '/'; }; BreakpointHandler.prototype.initContent = function() { var self = this; $('.post').each(function(index) { var body = $(this).children('.post-body')[0]; var content = $(body).children('.post-content')[0]; $(content).addClass('post-original'); var data = $(content).children('script').html(); data = self.rewriteForSSL(data); // If exists, extract specified editor's preview. var match = data.match(/([\s\S]+?)<div data-is-preview.+?>([\s\S]+)<\/div>/m); if (match) { data = match[1]; } // Prevent big images from loading when they aren't needed. // This must be done as a pre-injection step, since image loading can't be // canceled once embedded into the DOM. if (self.isListPage && self.isMobile) { data = data.replace(/<(img|iframe) .+?>/g, ''); } // Insert template to be rendered as nodes. content.innerHTML = data; if (self.isListPage) { var summary = document.createElement('div'); $(summary).addClass('post-content'); $(summary).addClass('post-summary'); body.insertBefore(summary, content); if (match) { // Use provided summary. summary.innerHTML = match[2]; } else { // Generate a summary. // Summary generation relies on DOM, so it must occur after content is // inserted into the page. summary.innerHTML = self.generateSummaryFromContent(content, 30); } // Add read more link to summary. var titleAnchor = $(this).find('.title a')[0]; var link = titleAnchor.cloneNode(true); link.innerHTML = 'Read More'; $(link).addClass('read-more'); summary.appendChild(link); } }); // Firefox does not allow for proper styling of BR. if (navigator.userAgent.indexOf('Firefox') > -1) { $('.post-content br').replaceWith('<span class="space"></span>'); } $('.loading').removeClass('loading'); }; BreakpointHandler.prototype.process = function() { if (!this.initted) { var makeInsecureImageRegex = function(hosts) { var whitelist = hosts.join('|').replace(/\./g,'\\.'); // Normal image tags, plus input images (yes, this is possible!) return new RegExp('(<(img|input)[^>]+?src=("|\'))http:\/\/(' + whitelist +')', 'g'); }; this.sslImageRegex = makeInsecureImageRegex(BreakpointHandler.KNOWN_HTTPS_HOSTS); this.sslImageCurrentDomainRegex = makeInsecureImageRegex([window.location.hostname]); this.detect(); this.initContent(); this.initted = true; } }; BreakpointHandler.KNOWN_HTTPS_HOSTS = [ "www.google.org", "www.google.com", "services.google.com", "blogger.com", "draft.blogger.com", "www.blogger.com", "photos1.blogger.com", "photos2.blogger.com", "photos3.blogger.com", "blogblog.com", "img1.blogblog.com", "img2.blogblog.com", "www.blogblog.com", "www1.blogblog.com", "www2.blogblog.com", "0.bp.blogspot.com", "1.bp.blogspot.com", "2.bp.blogspot.com", "3.bp.blogspot.com", "4.bp.blogspot.com", "lh3.googleusercontent.com", "lh4.googleusercontent.com", "lh5.googleusercontent.com", "lh6.googleusercontent.com", "themes.googleusercontent.com", ]; BreakpointHandler.prototype.rewriteForSSL = function(html) { // Handle HTTP -> HTTPS source replacement of images, movies, and other embedded content. return html.replace(this.sslImageRegex, '$1https://$4') .replace(this.sslImageCurrentDomainRegex, '$1//$4') .replace(/(<(embed|iframe)[^>]+?src=("|'))http:\/\/([^"']*?(youtube|picasaweb\.google)\.com)/g, '$1https://$4') // Slideshow SWF takes a image host, so we need to rewrite that parameter. .replace(/(<embed[^>]+?feed=http(?=[^s]))/g, '$1s'); }; $(document).ready(function() { var handler = new BreakpointHandler(); handler.process(); // Top-level navigation. $(".BlogArchive .tab").click(function(ev) { ev.preventDefault(); $(this).parent().toggleClass('active'); $(this).siblings().slideToggle(300); }); $(".Label .tab").click(function(ev) { ev.preventDefault(); $(this).parent().toggleClass('active'); $(this).siblings().slideToggle(300); }); // Blog archive year expansion. $('.BlogArchive .intervalToggle').click(function(ev) { ev.preventDefault(); if ($(this).parent().hasClass('collapsed')) { $(this).parent().removeClass('collapsed'); $(this).parent().addClass('expanded'); } else { $(this).parent().removeClass('expanded'); $(this).parent().addClass('collapsed'); } }); // Reverse order of months. $('.BlogArchive .intervalToggle + div').each(function(_, items) { var year = $(this); year.children().each(function(_, month) { year.prepend(month); }); }); // Set anchors to open in new tab. $('.post-content img').parent().each(function(_, node) { if (node.nodeName == 'A') { $(this).attr('target', '_blank'); } }); // Process search requests. $('.searchBox input').on("keypress", function(ev) { if (ev.which == 13) { window.location.href = 'https://www.google.com/search?q=site%3A' + window.location.hostname + '%20' + encodeURIComponent ($(this).val()); } }); }); //]]> </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY78bv0vRGm3fHCCQc0eOyOd-qs4Lg:1732357849050';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6781693','//gmail.googleblog.com/2011/12/','6781693'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6781693', 'title': 'Official Gmail Blog', 'url': 'https://gmail.googleblog.com/2011/12/', 'canonicalUrl': 'https://gmail.googleblog.com/2011/12/', 'homepageUrl': 'https://gmail.googleblog.com/', 'searchUrl': 'https://gmail.googleblog.com/search', 'canonicalHomepageUrl': 'https://gmail.googleblog.com/', 'blogspotFaviconUrl': 'https://gmail.googleblog.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': false, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-1880198-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Official Gmail Blog - Atom\x22 href\x3d\x22https://gmail.googleblog.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Official Gmail Blog - RSS\x22 href\x3d\x22https://gmail.googleblog.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Official Gmail Blog - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6781693/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d78375fb222d99b3', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'archive', 'pageName': 'December 2011', 'pageTitle': 'Official Gmail Blog: December 2011'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Official Gmail Blog', 'description': 'News, tips and tricks from Google\x27s Gmail team and friends.', 'url': 'https://gmail.googleblog.com/2011/12/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2011, 'month': 12, 'rangeMessage': 'Showing posts from December, 2011'}}}]); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'sidebar-top', document.getElementById('HTML11'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar', document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar', document.getElementById('HTML6'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar-bottom', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-bottom', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sidebar-bottom', document.getElementById('HTML7'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar-bottom', document.getElementById('HTML8'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'footer-1', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'footer-2', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'footer-3', document.getElementById('HTML4'), {}, 'displayModeFull')); </script> </body> </html>