CINXE.COM

Official Gmail Blog: November 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: November 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/11/' 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/11/' 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/11/' property='og:url'/> <meta content='Official Gmail Blog' property='og:title'/> <meta content='News, tips and tricks from Google&#39;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&amp;zx=1a4c4bf0-95f3-4ff7-b8a0-1c41246a49ea' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6781693&amp;zx=1a4c4bf0-95f3-4ff7-b8a0-1c41246a49ea' 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='7595440278922443303' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/11/hide-morning-and-night-hours-in.html' itemprop='url' title='Hide morning and night hours in Calendar'> Hide morning and night hours in Calendar </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> November 28, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by Oleksandr Kyreiev, Software Engineer</span><br /> <br /> How often do you have something scheduled at 3am? What about 10pm? If the answer is almost never, you might want to try out the <b>Hide morning and night</b> lab in Google Calendar.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyU4TuH0wI5iMc3S3mRmElRCrT_a8P7HLzrgKUtDqRPyH9R_DqCj-nGEGJrFcHnRz9Wlp_WsoRfK0ns3HyLUuMBrty3t5wKGJ5aQ2LAN6fuR7L6IFqe1Zy6f6BeuVclzFbEs_E/s1600/calendar1.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyU4TuH0wI5iMc3S3mRmElRCrT_a8P7HLzrgKUtDqRPyH9R_DqCj-nGEGJrFcHnRz9Wlp_WsoRfK0ns3HyLUuMBrty3t5wKGJ5aQ2LAN6fuR7L6IFqe1Zy6f6BeuVclzFbEs_E/s400/calendar1.png" width="330" /></a></center><br /> With a simple drag of a slider you can fold all those empty hours into a single row to set the time range you want to hide. The folded rows still show all your events, just in more compact form.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKc0W_C6lP4-9YaEsr1U4loeOo-IjyoToF_dOkb1erOhlPzxxlxYyVaVMynxblQIEAWaHFlGo9VppB9rcaCcIDjqLu6cnhdNoaN8GDKkZCBoFFC1GQCVEAzbmmCuPRCS02xFWp/s1600/calendar2.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKc0W_C6lP4-9YaEsr1U4loeOo-IjyoToF_dOkb1erOhlPzxxlxYyVaVMynxblQIEAWaHFlGo9VppB9rcaCcIDjqLu6cnhdNoaN8GDKkZCBoFFC1GQCVEAzbmmCuPRCS02xFWp/s1600/calendar2.png" width="400" /></a></center><br /> We're launching this in Calendar Labs (<b>Settings > Labs</b>) to gather feedback on how people end up using this feature. So don&#8217;t forget to <a href="//www.google.com/support/forum/p/Calendar/label?lid=482eb9865868a1b9">tell us what you think</a> about this latest addition. <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 Oleksandr Kyreiev, Software Engineer</span><br /> <br /> How often do you have something scheduled at 3am? What about 10pm? If the answer is almost never, you might want to try out the <b>Hide morning and night</b> lab in Google Calendar.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyU4TuH0wI5iMc3S3mRmElRCrT_a8P7HLzrgKUtDqRPyH9R_DqCj-nGEGJrFcHnRz9Wlp_WsoRfK0ns3HyLUuMBrty3t5wKGJ5aQ2LAN6fuR7L6IFqe1Zy6f6BeuVclzFbEs_E/s1600/calendar1.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyU4TuH0wI5iMc3S3mRmElRCrT_a8P7HLzrgKUtDqRPyH9R_DqCj-nGEGJrFcHnRz9Wlp_WsoRfK0ns3HyLUuMBrty3t5wKGJ5aQ2LAN6fuR7L6IFqe1Zy6f6BeuVclzFbEs_E/s400/calendar1.png" width="330" /></a></center><br /> With a simple drag of a slider you can fold all those empty hours into a single row to set the time range you want to hide. The folded rows still show all your events, just in more compact form.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKc0W_C6lP4-9YaEsr1U4loeOo-IjyoToF_dOkb1erOhlPzxxlxYyVaVMynxblQIEAWaHFlGo9VppB9rcaCcIDjqLu6cnhdNoaN8GDKkZCBoFFC1GQCVEAzbmmCuPRCS02xFWp/s1600/calendar2.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKc0W_C6lP4-9YaEsr1U4loeOo-IjyoToF_dOkb1erOhlPzxxlxYyVaVMynxblQIEAWaHFlGo9VppB9rcaCcIDjqLu6cnhdNoaN8GDKkZCBoFFC1GQCVEAzbmmCuPRCS02xFWp/s1600/calendar2.png" width="400" /></a></center><br /> We're launching this in Calendar Labs (<b>Settings > Labs</b>) to gather feedback on how people end up using this feature. So don&#8217;t forget to <a href="//www.google.com/support/forum/p/Calendar/label?lid=482eb9865868a1b9">tell us what you think</a> about this latest addition. <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/11/hide-morning-and-night-hours-in.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:Hide morning and night hours in Calendar&url=https://gmail.googleblog.com/2011/11/hide-morning-and-night-hours-in.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/11/hide-morning-and-night-hours-in.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'> &#57529; </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/11/hide-morning-and-night-hours-in.html' data-url='https://gmail.googleblog.com/2011/11/hide-morning-and-night-hours-in.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/11/hide-morning-and-night-hours-in.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/calendar' rel='tag'> calendar </a> , <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='8387188733848073605' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/11/gmail-app-for-ios-available-in-app.html' itemprop='url' title='Gmail app for iOS available in the App Store (again)'> Gmail app for iOS available in the App Store (again) </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> November 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 Matthew Izatt, Product Manager</span><br /> <br /> Two weeks ago, we introduced our Gmail app for iOS. Unfortunately it contained a bug which broke notifications and displayed an error message, so we removed it from the App Store. We&#8217;ve fixed the bug and notifications are now working, and the app is back in the App Store. For an overview of what&#8217;s available in the <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">Gmail app for your iPhone, iPad or iPod touch</a>, check out this <a href="http://gmailblog.blogspot.com/2011/11/introducing-gmail-app-for-iphone-ipad.html">blog post</a>.<br /> <br /> In the short time the app was public we received a lot of helpful feedback and feature requests. This included requests for everything from bigger features like multiple account support to customizations like <a href="//www.google.com/support/mobile/bin/answer.py?hl=en&amp;answer=1205758&amp;topic=1205739">improved notifications</a> and mobile specific signatures. <br /> <br /> We&#8217;re just getting started with the Gmail app for iOS and will be iterating rapidly to bring you more features, including all the ones listed above plus many more. Based on your comments we have already improved our handling of image HTML messages - they are now sized to fit to the screen and you can pinch to zoom in. <br /> <br /> To try out the Gmail app today, install it from <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">App Store</a> on any iOS 4+ device. Those who already have the Gmail app released Nov 2 must uninstall or log out of the old app prior to installing the new app. <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 Matthew Izatt, Product Manager</span><br /> <br /> Two weeks ago, we introduced our Gmail app for iOS. Unfortunately it contained a bug which broke notifications and displayed an error message, so we removed it from the App Store. We&#8217;ve fixed the bug and notifications are now working, and the app is back in the App Store. For an overview of what&#8217;s available in the <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">Gmail app for your iPhone, iPad or iPod touch</a>, check out this <a href="http://gmailblog.blogspot.com/2011/11/introducing-gmail-app-for-iphone-ipad.html">blog post</a>.<br /> <br /> In the short time the app was public we received a lot of helpful feedback and feature requests. This included requests for everything from bigger features like multiple account support to customizations like <a href="//www.google.com/support/mobile/bin/answer.py?hl=en&amp;answer=1205758&amp;topic=1205739">improved notifications</a> and mobile specific signatures. <br /> <br /> We&#8217;re just getting started with the Gmail app for iOS and will be iterating rapidly to bring you more features, including all the ones listed above plus many more. Based on your comments we have already improved our handling of image HTML messages - they are now sized to fit to the screen and you can pinch to zoom in. <br /> <br /> To try out the Gmail app today, install it from <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">App Store</a> on any iOS 4+ device. Those who already have the Gmail app released Nov 2 must uninstall or log out of the old app prior to installing the new app. <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/11/gmail-app-for-ios-available-in-app.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 app for iOS available in the App Store (again)&url=https://gmail.googleblog.com/2011/11/gmail-app-for-ios-available-in-app.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/11/gmail-app-for-ios-available-in-app.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'> &#57529; </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/11/gmail-app-for-ios-available-in-app.html' data-url='https://gmail.googleblog.com/2011/11/gmail-app-for-ios-available-in-app.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/11/gmail-app-for-ios-available-in-app.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/mobile' rel='tag'> mobile </a> </span> </div> </div> </div> <div class='post' data-id='1202992370428862714' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/11/how-real-users-helped-us-develop-gmails.html' itemprop='url' title='How real users helped us develop Gmail’s new look'> How real users helped us develop Gmail&#8217;s new look </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> November 10, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by David Choi, User Experience Researcher</span><br /> <br /> When building Gmail&#8217;s new look, our goal was to make the most engaging, accessible, and most of all, easy to use email experience possible. To accomplish that, we had many real Gmail users try out changes to the look and provide feedback during its development.<br /> <br /> One of the most important ways we obtained feedback was through usability studies. In these types of studies we observe people trying out our products in a controlled environment. We invited Gmail users from all walks of life to participate in usability studies and used the results to find problems and identify improvements before we launched.<br /> <br /> For Gmail&#8217;s new look, we started very early. Long before any Googler began using or even building the new look, our designers created an early prototype. We then had Gmail users participate in a usability study either by coming to one of our offices or remotely connecting from their homes. <br /> <br /> <center><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6TwN8KlI58syhQ8iRVlT9heJeHz3UYSaHTvrtAakDrQJM8V8W_kOri0Vx8XyQqgyj1sYsTfl1uDpTa9MUefY8dNK_GX-bjhr-t3VaRZbAMP_yKZE_0_3mZ4Y1BwhmFFo-oc3I/s1600/labimage3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6TwN8KlI58syhQ8iRVlT9heJeHz3UYSaHTvrtAakDrQJM8V8W_kOri0Vx8XyQqgyj1sYsTfl1uDpTa9MUefY8dNK_GX-bjhr-t3VaRZbAMP_yKZE_0_3mZ4Y1BwhmFFo-oc3I/s400/labimage3.png" width="300" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">An example of one of our usability labs. People in usability studies use our products on the pictured computer while they are being observed through a one way mirror and video cameras from the room next door.</td></tr> </tbody></table></center><div style="text-align: -webkit-center;"><br /> </div>The study participants evaluated the early prototype by doing many of their everyday Gmail tasks, such as reading, sending, and replying to emails. We then looked at how easy or difficult it was to complete those tasks, and made changes based on this feedback. For example, one of the things we found with our prototype was that we had put too much emphasis on conversation level actions at the expense of per-message actions. As a result, our study participants had difficulty finding the reply button on each message. In response, we changed its appearance, size, and location to make the reply button easier to see.<br /> <br /> As we continued to develop the new look, we evaluated our progress through additional usability studies with even more people. Much of what we captured from these studies was users&#8217; first reactions to the new look. But Gmail is something people use repeatedly, not just once. So in addition to first impressions, we were also interested in seeing how people adjusted to the new look as they used it repeatedly in their daily lives. To find that out, we conducted a different kind of study called a longitudinal study. Longitudinal studies are used to observe the longer term effects our products have on people&#8217;s usage. <br /> <br /> The longitudinal study consisted of turning on the new look for a group of Gmail users. We captured their initial reactions after their first experience. Then we let them use the new look in Gmail as they normally would as part of their everyday lives. As the days and weeks passed by, we periodically checked with them to see how they were adjusting to all the changes. Like with anything new, there were some changes that our participants initially needed time to adjust to, but later came to prefer as they used the new look more. On the other hand, problems that were not seen during the first couple times of use later emerged after more prolonged use. For example, many of the changes we made to the new left navigation were the result of people reporting their repeated experiences using labels and the chat area over time.<br /> <br /> These studies have been absolutely critical in helping us build Gmail&#8217;s new look. Much of how it looks and behaves is a result of people participating in these studies and giving us their feedback. If you are interested in becoming a participant in a research study about Gmail or any of Google&#8217;s products, you can sign up at <a href="https://survey.googleratings.com/wix/p0822776.aspx">google.com/usability</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 David Choi, User Experience Researcher</span><br /> <br /> When building Gmail&#8217;s new look, our goal was to make the most engaging, accessible, and most of all, easy to use email experience possible. To accomplish that, we had many real Gmail users try out changes to the look and provide feedback during its development.<br /> <br /> One of the most important ways we obtained feedback was through usability studies. In these types of studies we observe people trying out our products in a controlled environment. We invited Gmail users from all walks of life to participate in usability studies and used the results to find problems and identify improvements before we launched.<br /> <br /> For Gmail&#8217;s new look, we started very early. Long before any Googler began using or even building the new look, our designers created an early prototype. We then had Gmail users participate in a usability study either by coming to one of our offices or remotely connecting from their homes. <br /> <br /> <center><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6TwN8KlI58syhQ8iRVlT9heJeHz3UYSaHTvrtAakDrQJM8V8W_kOri0Vx8XyQqgyj1sYsTfl1uDpTa9MUefY8dNK_GX-bjhr-t3VaRZbAMP_yKZE_0_3mZ4Y1BwhmFFo-oc3I/s1600/labimage3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6TwN8KlI58syhQ8iRVlT9heJeHz3UYSaHTvrtAakDrQJM8V8W_kOri0Vx8XyQqgyj1sYsTfl1uDpTa9MUefY8dNK_GX-bjhr-t3VaRZbAMP_yKZE_0_3mZ4Y1BwhmFFo-oc3I/s400/labimage3.png" width="300" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">An example of one of our usability labs. People in usability studies use our products on the pictured computer while they are being observed through a one way mirror and video cameras from the room next door.</td></tr> </tbody></table></center><div style="text-align: -webkit-center;"><br /> </div>The study participants evaluated the early prototype by doing many of their everyday Gmail tasks, such as reading, sending, and replying to emails. We then looked at how easy or difficult it was to complete those tasks, and made changes based on this feedback. For example, one of the things we found with our prototype was that we had put too much emphasis on conversation level actions at the expense of per-message actions. As a result, our study participants had difficulty finding the reply button on each message. In response, we changed its appearance, size, and location to make the reply button easier to see.<br /> <br /> As we continued to develop the new look, we evaluated our progress through additional usability studies with even more people. Much of what we captured from these studies was users&#8217; first reactions to the new look. But Gmail is something people use repeatedly, not just once. So in addition to first impressions, we were also interested in seeing how people adjusted to the new look as they used it repeatedly in their daily lives. To find that out, we conducted a different kind of study called a longitudinal study. Longitudinal studies are used to observe the longer term effects our products have on people&#8217;s usage. <br /> <br /> The longitudinal study consisted of turning on the new look for a group of Gmail users. We captured their initial reactions after their first experience. Then we let them use the new look in Gmail as they normally would as part of their everyday lives. As the days and weeks passed by, we periodically checked with them to see how they were adjusting to all the changes. Like with anything new, there were some changes that our participants initially needed time to adjust to, but later came to prefer as they used the new look more. On the other hand, problems that were not seen during the first couple times of use later emerged after more prolonged use. For example, many of the changes we made to the new left navigation were the result of people reporting their repeated experiences using labels and the chat area over time.<br /> <br /> These studies have been absolutely critical in helping us build Gmail&#8217;s new look. Much of how it looks and behaves is a result of people participating in these studies and giving us their feedback. If you are interested in becoming a participant in a research study about Gmail or any of Google&#8217;s products, you can sign up at <a href="https://survey.googleratings.com/wix/p0822776.aspx">google.com/usability</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/11/how-real-users-helped-us-develop-gmails.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:How real users helped us develop Gmail’s new look&url=https://gmail.googleblog.com/2011/11/how-real-users-helped-us-develop-gmails.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/11/how-real-users-helped-us-develop-gmails.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'> &#57529; </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/11/how-real-users-helped-us-develop-gmails.html' data-url='https://gmail.googleblog.com/2011/11/how-real-users-helped-us-develop-gmails.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/11/how-real-users-helped-us-develop-gmails.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='3852135214580264590' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/11/improving-themes-in-gmails-new-look.html' itemprop='url' title='Improving themes in Gmail’s new look'> Improving themes in Gmail&#8217;s new look </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> November 9, 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 the most visible improvements in last week&#8217;s Gmail update is the entirely new theme system and the new high definition themes that it supports. This refresh to themes both simplifies them and makes them more immersive. You can browse what some of the new themes look like below:<br /> <br /> <center><embed flashvars="host=picasaweb.google.com&amp;captions=1&amp;hl=en_US&amp;feat=flashalbum&amp;RGB=0x000000&amp;feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F110229348690278528952%2Falbumid%2F5672804724943383313%3Falt%3Drss%26kind%3Dphoto%26authkey%3DGv1sRgCM7so6azudb-7QE%26hl%3Den_US" height="400" pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" type="application/x-shockwave-flash" width="600"></embed></center><br /> Themes are now implemented as semitransparent layers on top of a large background image. Each theme uses either a dark or light variant of most UI elements to balance legibility and visibility of the background image, allowing the background image to peek through and provide color and personality. Background imagery can also change based on date, time, or weather. Bringing all these changes together really makes the new themes shine:<br /> <br /> <center><table><tbody> <tr> <td><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHMk1FeZokfXGM6Kcv9xPOiwsOXwNZYs5ftEaHtUv7NHY6UL1HfPj4TywPEyrYVPvSjLZot4XO4moHEt-Or__-VDSva9QKl7_7xEvFg4notOYHyYSCDqt4_RePlj8TQl_Q8wL/s1600/Turf-old.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHMk1FeZokfXGM6Kcv9xPOiwsOXwNZYs5ftEaHtUv7NHY6UL1HfPj4TywPEyrYVPvSjLZot4XO4moHEt-Or__-VDSva9QKl7_7xEvFg4notOYHyYSCDqt4_RePlj8TQl_Q8wL/s400/Turf-old.png" width="300" /></a></center></td> <td><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCj85UBe1abQSBDWnwlaYHwpga8sfXWNJsqgzWRpI8P8bjnqZ0ZFQhqcAEtWcW8LuYljRJeqDbJEOd7BseBPhDG-ehGWCryFxsKaYf_79bICNCiSiNW4cNcUic9Liib_rA4f4z/s1600/Turf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCj85UBe1abQSBDWnwlaYHwpga8sfXWNJsqgzWRpI8P8bjnqZ0ZFQhqcAEtWcW8LuYljRJeqDbJEOd7BseBPhDG-ehGWCryFxsKaYf_79bICNCiSiNW4cNcUic9Liib_rA4f4z/s400/Turf.png" width="300" /></a></center></td> </tr> <tr> <td><center>Old</center></td> <td><center>New</center></td> </tr> </tbody></table><table><tbody> <tr><td><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNWY4C7eyNN47EP7a8pBmO7ybX0vzbZCtqjJnXNm6pr6fkZX0f7zH7JW09DT42q7jVfeU0qzvRtrAYZIuUjlZel_E5WH2LzCfuptVjusp6MOLjR2XxS-GNhPsexulNyavBn2qa/s1600/beach-old.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNWY4C7eyNN47EP7a8pBmO7ybX0vzbZCtqjJnXNm6pr6fkZX0f7zH7JW09DT42q7jVfeU0qzvRtrAYZIuUjlZel_E5WH2LzCfuptVjusp6MOLjR2XxS-GNhPsexulNyavBn2qa/s400/beach-old.png" width="300" /></a></center></td><td><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQp7_8uj8ULtjdmVEAxXOIswG2IggpTjoSITlOI0C_Zff2mZ7Lj6EyHLvVykbQohZO9Lv4SlRNLREmIKa-MYCxczcstakBa6as3M-bSLhPu106KvM4Y6__bReB26nx03WaObag/s1600/Ocean.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQp7_8uj8ULtjdmVEAxXOIswG2IggpTjoSITlOI0C_Zff2mZ7Lj6EyHLvVykbQohZO9Lv4SlRNLREmIKa-MYCxczcstakBa6as3M-bSLhPu106KvM4Y6__bReB26nx03WaObag/s400/Ocean.png" width="300" /></a></center></td> </tr> <tr> <td><center>Old</center></td> <td><center>New</center></td> </tr> </tbody></table></center><br /> In addition, these changes also reduce the technical complexity of the theme system, which will enable us to create more beautiful and unique themes in the future.<br /> <br /> Like the new themes? You can switch to the new look today by clicking on <b>Switch to the new look</b> in the bottom-right of <a href="http://www.gmail.com">Gmail</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 Jason Cornwell, User Experience Designer</span> <br /> <br /> One of the most visible improvements in last week&#8217;s Gmail update is the entirely new theme system and the new high definition themes that it supports. This refresh to themes both simplifies them and makes them more immersive. You can browse what some of the new themes look like below:<br /> <br /> <center><embed flashvars="host=picasaweb.google.com&amp;captions=1&amp;hl=en_US&amp;feat=flashalbum&amp;RGB=0x000000&amp;feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F110229348690278528952%2Falbumid%2F5672804724943383313%3Falt%3Drss%26kind%3Dphoto%26authkey%3DGv1sRgCM7so6azudb-7QE%26hl%3Den_US" height="400" pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" type="application/x-shockwave-flash" width="600"></embed></center><br /> Themes are now implemented as semitransparent layers on top of a large background image. Each theme uses either a dark or light variant of most UI elements to balance legibility and visibility of the background image, allowing the background image to peek through and provide color and personality. Background imagery can also change based on date, time, or weather. Bringing all these changes together really makes the new themes shine:<br /> <br /> <center><table><tbody> <tr> <td><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHMk1FeZokfXGM6Kcv9xPOiwsOXwNZYs5ftEaHtUv7NHY6UL1HfPj4TywPEyrYVPvSjLZot4XO4moHEt-Or__-VDSva9QKl7_7xEvFg4notOYHyYSCDqt4_RePlj8TQl_Q8wL/s1600/Turf-old.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHMk1FeZokfXGM6Kcv9xPOiwsOXwNZYs5ftEaHtUv7NHY6UL1HfPj4TywPEyrYVPvSjLZot4XO4moHEt-Or__-VDSva9QKl7_7xEvFg4notOYHyYSCDqt4_RePlj8TQl_Q8wL/s400/Turf-old.png" width="300" /></a></center></td> <td><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCj85UBe1abQSBDWnwlaYHwpga8sfXWNJsqgzWRpI8P8bjnqZ0ZFQhqcAEtWcW8LuYljRJeqDbJEOd7BseBPhDG-ehGWCryFxsKaYf_79bICNCiSiNW4cNcUic9Liib_rA4f4z/s1600/Turf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCj85UBe1abQSBDWnwlaYHwpga8sfXWNJsqgzWRpI8P8bjnqZ0ZFQhqcAEtWcW8LuYljRJeqDbJEOd7BseBPhDG-ehGWCryFxsKaYf_79bICNCiSiNW4cNcUic9Liib_rA4f4z/s400/Turf.png" width="300" /></a></center></td> </tr> <tr> <td><center>Old</center></td> <td><center>New</center></td> </tr> </tbody></table><table><tbody> <tr><td><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNWY4C7eyNN47EP7a8pBmO7ybX0vzbZCtqjJnXNm6pr6fkZX0f7zH7JW09DT42q7jVfeU0qzvRtrAYZIuUjlZel_E5WH2LzCfuptVjusp6MOLjR2XxS-GNhPsexulNyavBn2qa/s1600/beach-old.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNWY4C7eyNN47EP7a8pBmO7ybX0vzbZCtqjJnXNm6pr6fkZX0f7zH7JW09DT42q7jVfeU0qzvRtrAYZIuUjlZel_E5WH2LzCfuptVjusp6MOLjR2XxS-GNhPsexulNyavBn2qa/s400/beach-old.png" width="300" /></a></center></td><td><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQp7_8uj8ULtjdmVEAxXOIswG2IggpTjoSITlOI0C_Zff2mZ7Lj6EyHLvVykbQohZO9Lv4SlRNLREmIKa-MYCxczcstakBa6as3M-bSLhPu106KvM4Y6__bReB26nx03WaObag/s1600/Ocean.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQp7_8uj8ULtjdmVEAxXOIswG2IggpTjoSITlOI0C_Zff2mZ7Lj6EyHLvVykbQohZO9Lv4SlRNLREmIKa-MYCxczcstakBa6as3M-bSLhPu106KvM4Y6__bReB26nx03WaObag/s400/Ocean.png" width="300" /></a></center></td> </tr> <tr> <td><center>Old</center></td> <td><center>New</center></td> </tr> </tbody></table></center><br /> In addition, these changes also reduce the technical complexity of the theme system, which will enable us to create more beautiful and unique themes in the future.<br /> <br /> Like the new themes? You can switch to the new look today by clicking on <b>Switch to the new look</b> in the bottom-right of <a href="http://www.gmail.com">Gmail</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/11/improving-themes-in-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:Improving themes in Gmail’s new look&url=https://gmail.googleblog.com/2011/11/improving-themes-in-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/11/improving-themes-in-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'> &#57529; </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/11/improving-themes-in-gmails-new-look.html' data-url='https://gmail.googleblog.com/2011/11/improving-themes-in-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/11/improving-themes-in-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='6288355871125985823' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/11/changing-information-density-in-gmails.html' itemprop='url' title='Changing information density in Gmail’s new look'> Changing information density in Gmail&#8217;s new look </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> November 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 Jason Cornwell, User Experience Designer</span><br /> <br /> When our design team looked at tackling a redesign across Google properties, <a href="http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/">responsive design</a> was high on our list of priorities. Responsive design implies that a page or application should dynamically re-adjust itself based on your environment. The specifics of the device that a user is using, and in particular the size of their browser window, should have an impact on the way the application presents itself. To put it simply, Gmail needs to look and feel great on a tiny netbook screen, on a high resolution 30&#8221; monitor, or anything in between.<br /> <br /> You can try this out yourself if you are using <a href="https://mail.google.com/mail/help/newlook.html">Gmail&#8217;s new look</a>. Open up Gmail and make your browser window much smaller. Everything should crunch down as you adjust to give you a better experience in a smaller window. No matter what size your browser window is, Gmail should look and feel great out of the box.<br /> <br /> We also thought quite a bit about the density of the information on the screen in the new design. Gmail&#8217;s old design packs a huge amount of information into a small space. While this is perfect for some, many people appreciate a more airy design with more whitespace between lines and elements on the page. This is especially true on larger monitors.<br /> <br /> We wanted Gmail to be more attractive and easier to read by default, so if you&#8217;re on a larger monitor you will see that the items in your inbox are spaced farther apart than they were in the old design. We believe that this results in a better overall experience, but it does take some getting used to. In our internal testing we found that most of us adjusted to the new spacing after about a week and found the old spacing cramped and uncomfortable when they looked back at the old design.<br /> <br /> Others, however, found the original spacing to be ideal and wanted to see as much information as possible without scrolling, even on a large monitor. We added a density setting to the gear menu in the toolbar to make sure that everybody can find a setting that works for them: <a href="https://mail.google.com/mail/help/newlook_sizes.html">Comfortable, Cozy, or Compact</a>.<br /> <br /> Comfortable is the spacing that we recommend for most people. With your density set to Comfortable, the display adjusts fluidly based on screen size.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwOPEXaU8bqG0N-Rai2ZuY5GK81UhXR4iyWfRPPZqKARQhyz-1BAWLKQJLE604TZUmsFYP3uvByTK0EQg8E42USe-Llj6X5laMjOGyfz2ahKWBzB6hCMUiAMj1f1OUpQ-6kG_M/s1600/newlarge.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwOPEXaU8bqG0N-Rai2ZuY5GK81UhXR4iyWfRPPZqKARQhyz-1BAWLKQJLE604TZUmsFYP3uvByTK0EQg8E42USe-Llj6X5laMjOGyfz2ahKWBzB6hCMUiAMj1f1OUpQ-6kG_M/s1600/newlarge.png" width="500" /></a></center><br /> Compact is the densest setting and matches the line spacing that existing Gmail users are used to. With your density set to Compact the display will stay dense no matter what size your window is.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6-cpbysxj1lzC5r8DOk43ip6E0UCpjmEowNBDhqvEiB1LrCV0mdosIvU0wjj_mXZ3phQWg1vE36XDYSMRJx1Riavu9eEAYO5A4-QYeDGZKwFx-bDVSWjwxUy9TaWOZ1zPvjB/s1600/compact.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6-cpbysxj1lzC5r8DOk43ip6E0UCpjmEowNBDhqvEiB1LrCV0mdosIvU0wjj_mXZ3phQWg1vE36XDYSMRJx1Riavu9eEAYO5A4-QYeDGZKwFx-bDVSWjwxUy9TaWOZ1zPvjB/s1600/compact.png" width="500" /></a></center><br /> Cozy is somewhere in the middle. With your density set to Cozy the display will get a little denser when you make your window small but the changes aren&#8217;t as dramatic.<br /> <br /> Mathletes among you may recognize that the density setting is really a <a href="http://en.wikipedia.org/wiki/Ceiling_function">ceiling</a> function.<br /> <br /> We think Gmail should be smart enough to always make itself look good on your screen, so we incorporated responsive design. We also think you should be able to see what happens when you change your settings, so we put the density settings in the gear menu right next to your inbox. When you make a change, you can immediately see what it looks like. Our density settings reflect our design philosophy that Gmail&#8217;s new look should be more responsive, personal, and beautiful. <br /> <br /> You can switch to the new look today by clicking on <b>Switch to the new look</b> in the bottom-right of <a href="http://www.gmail.com">Gmail</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 Jason Cornwell, User Experience Designer</span><br /> <br /> When our design team looked at tackling a redesign across Google properties, <a href="http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/">responsive design</a> was high on our list of priorities. Responsive design implies that a page or application should dynamically re-adjust itself based on your environment. The specifics of the device that a user is using, and in particular the size of their browser window, should have an impact on the way the application presents itself. To put it simply, Gmail needs to look and feel great on a tiny netbook screen, on a high resolution 30&#8221; monitor, or anything in between.<br /> <br /> You can try this out yourself if you are using <a href="https://mail.google.com/mail/help/newlook.html">Gmail&#8217;s new look</a>. Open up Gmail and make your browser window much smaller. Everything should crunch down as you adjust to give you a better experience in a smaller window. No matter what size your browser window is, Gmail should look and feel great out of the box.<br /> <br /> We also thought quite a bit about the density of the information on the screen in the new design. Gmail&#8217;s old design packs a huge amount of information into a small space. While this is perfect for some, many people appreciate a more airy design with more whitespace between lines and elements on the page. This is especially true on larger monitors.<br /> <br /> We wanted Gmail to be more attractive and easier to read by default, so if you&#8217;re on a larger monitor you will see that the items in your inbox are spaced farther apart than they were in the old design. We believe that this results in a better overall experience, but it does take some getting used to. In our internal testing we found that most of us adjusted to the new spacing after about a week and found the old spacing cramped and uncomfortable when they looked back at the old design.<br /> <br /> Others, however, found the original spacing to be ideal and wanted to see as much information as possible without scrolling, even on a large monitor. We added a density setting to the gear menu in the toolbar to make sure that everybody can find a setting that works for them: <a href="https://mail.google.com/mail/help/newlook_sizes.html">Comfortable, Cozy, or Compact</a>.<br /> <br /> Comfortable is the spacing that we recommend for most people. With your density set to Comfortable, the display adjusts fluidly based on screen size.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwOPEXaU8bqG0N-Rai2ZuY5GK81UhXR4iyWfRPPZqKARQhyz-1BAWLKQJLE604TZUmsFYP3uvByTK0EQg8E42USe-Llj6X5laMjOGyfz2ahKWBzB6hCMUiAMj1f1OUpQ-6kG_M/s1600/newlarge.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwOPEXaU8bqG0N-Rai2ZuY5GK81UhXR4iyWfRPPZqKARQhyz-1BAWLKQJLE604TZUmsFYP3uvByTK0EQg8E42USe-Llj6X5laMjOGyfz2ahKWBzB6hCMUiAMj1f1OUpQ-6kG_M/s1600/newlarge.png" width="500" /></a></center><br /> Compact is the densest setting and matches the line spacing that existing Gmail users are used to. With your density set to Compact the display will stay dense no matter what size your window is.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6-cpbysxj1lzC5r8DOk43ip6E0UCpjmEowNBDhqvEiB1LrCV0mdosIvU0wjj_mXZ3phQWg1vE36XDYSMRJx1Riavu9eEAYO5A4-QYeDGZKwFx-bDVSWjwxUy9TaWOZ1zPvjB/s1600/compact.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6-cpbysxj1lzC5r8DOk43ip6E0UCpjmEowNBDhqvEiB1LrCV0mdosIvU0wjj_mXZ3phQWg1vE36XDYSMRJx1Riavu9eEAYO5A4-QYeDGZKwFx-bDVSWjwxUy9TaWOZ1zPvjB/s1600/compact.png" width="500" /></a></center><br /> Cozy is somewhere in the middle. With your density set to Cozy the display will get a little denser when you make your window small but the changes aren&#8217;t as dramatic.<br /> <br /> Mathletes among you may recognize that the density setting is really a <a href="http://en.wikipedia.org/wiki/Ceiling_function">ceiling</a> function.<br /> <br /> We think Gmail should be smart enough to always make itself look good on your screen, so we incorporated responsive design. We also think you should be able to see what happens when you change your settings, so we put the density settings in the gear menu right next to your inbox. When you make a change, you can immediately see what it looks like. Our density settings reflect our design philosophy that Gmail&#8217;s new look should be more responsive, personal, and beautiful. <br /> <br /> You can switch to the new look today by clicking on <b>Switch to the new look</b> in the bottom-right of <a href="http://www.gmail.com">Gmail</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/11/changing-information-density-in-gmails.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:Changing information density in Gmail’s new look&url=https://gmail.googleblog.com/2011/11/changing-information-density-in-gmails.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/11/changing-information-density-in-gmails.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'> &#57529; </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/11/changing-information-density-in-gmails.html' data-url='https://gmail.googleblog.com/2011/11/changing-information-density-in-gmails.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/11/changing-information-density-in-gmails.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='7312979595128666265' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/11/new-way-to-connect-with-gmail-and.html' itemprop='url' title='A new way to connect with Gmail and friends'> A new way to connect with Gmail and friends </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> November 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 Sarah Price, Community Manager</span><br /> <br /> Today, the Google+ team launched Pages, a new way for you to build relationships with the things you love. We&#8217;re looking forward to connecting with you on our new Gmail page on Google+.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMZJnqfBnfjsO6Y1EPZ2xL-BbNlGJkeNQvDXYXoteNq3gz5kKZhSaevfIuChjgbYU9EpXozxDu2F7oQ6aWdIIzVeIDPzsMkHOeSjQ3gv3zpgJtrhA7ZvvZBcqTiKZRKNnFEyoj/s1600/gmailgoogleplus.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMZJnqfBnfjsO6Y1EPZ2xL-BbNlGJkeNQvDXYXoteNq3gz5kKZhSaevfIuChjgbYU9EpXozxDu2F7oQ6aWdIIzVeIDPzsMkHOeSjQ3gv3zpgJtrhA7ZvvZBcqTiKZRKNnFEyoj/s1600/gmailgoogleplus.png" width="500" /></a></center><br /> When you add the <a href="https://plus.google.com/103345707817934461425">Gmail page</a> to your Google+ Circles, you'll see updates from our team, including launches, tips and tricks, and more. You'll be able to discuss those updates with other Gmail users in the comments on the posts. Mention +Gmail when you share your own tips -- if we see a really stellar tip, we might reshare it. We&#8217;re also planning to hold regular Hangouts, so you can shoot the breeze with Google community managers, engineers, product managers and designers.<br /> <br /> In addition to Gmail news, we&#8217;ll feature some of your other favorite Google products, including Google Calendar, Google Voice, Google Chat and Google Tasks. Be sure to add the <a href="https://plus.google.com/103345707817934461425">Gmail page</a> to your Circles and let us know what you think. <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 Sarah Price, Community Manager</span><br /> <br /> Today, the Google+ team launched Pages, a new way for you to build relationships with the things you love. We&#8217;re looking forward to connecting with you on our new Gmail page on Google+.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMZJnqfBnfjsO6Y1EPZ2xL-BbNlGJkeNQvDXYXoteNq3gz5kKZhSaevfIuChjgbYU9EpXozxDu2F7oQ6aWdIIzVeIDPzsMkHOeSjQ3gv3zpgJtrhA7ZvvZBcqTiKZRKNnFEyoj/s1600/gmailgoogleplus.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMZJnqfBnfjsO6Y1EPZ2xL-BbNlGJkeNQvDXYXoteNq3gz5kKZhSaevfIuChjgbYU9EpXozxDu2F7oQ6aWdIIzVeIDPzsMkHOeSjQ3gv3zpgJtrhA7ZvvZBcqTiKZRKNnFEyoj/s1600/gmailgoogleplus.png" width="500" /></a></center><br /> When you add the <a href="https://plus.google.com/103345707817934461425">Gmail page</a> to your Google+ Circles, you'll see updates from our team, including launches, tips and tricks, and more. You'll be able to discuss those updates with other Gmail users in the comments on the posts. Mention +Gmail when you share your own tips -- if we see a really stellar tip, we might reshare it. We&#8217;re also planning to hold regular Hangouts, so you can shoot the breeze with Google community managers, engineers, product managers and designers.<br /> <br /> In addition to Gmail news, we&#8217;ll feature some of your other favorite Google products, including Google Calendar, Google Voice, Google Chat and Google Tasks. Be sure to add the <a href="https://plus.google.com/103345707817934461425">Gmail page</a> to your Circles and let us know what you think. <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/11/new-way-to-connect-with-gmail-and.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:A new way to connect with Gmail and friends&url=https://gmail.googleblog.com/2011/11/new-way-to-connect-with-gmail-and.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/11/new-way-to-connect-with-gmail-and.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'> &#57529; </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/11/new-way-to-connect-with-gmail-and.html' data-url='https://gmail.googleblog.com/2011/11/new-way-to-connect-with-gmail-and.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/11/new-way-to-connect-with-gmail-and.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='1510499332028540027' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/11/suggested-times-in-google-calendar.html' itemprop='url' title='Suggested times in Google Calendar'> Suggested times in Google Calendar </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> November 3, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by: Lode Vandevenne, Software Engineer</span><br /> <br /> Creating an event is easy, but finding a time that works for everyone is sometimes tricky and time consuming. To make this easier and save you time, we&#8217;ve added a new 'Suggested times' feature to Google Calendar.<br /> <br /> To get started, create a calendar event, add guests and click <b>Suggested times</b>. The resulting list will include upcoming times where all participants are available. For example if you want to create an hour long meeting with Kara, and she already has an hour long meeting at 3pm, then times like 2pm and 4pm will be suggested.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqEtVzZj469iYhsFpq7cOXpWcyKjUQG2kmyTX4hkPgcAbLkaA1_vOKP14TsfgPxTaZTwFW7Rk42nqzx8YARWLTcZC2RsDUKk9ozOR0eCGWpg_MCLveBDKNOHUKvm9wywf6R6SW/s1600/suggestedtimes.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqEtVzZj469iYhsFpq7cOXpWcyKjUQG2kmyTX4hkPgcAbLkaA1_vOKP14TsfgPxTaZTwFW7Rk42nqzx8YARWLTcZC2RsDUKk9ozOR0eCGWpg_MCLveBDKNOHUKvm9wywf6R6SW/s1600/suggestedtimes.png" width="500" /></a></center><br /> As part of our ongoing commitment to accessibility, the list can also be navigated using the arrow keys and is accessible with a screen reader.<br /> <br /> For more information, please visit the <a href="//www.google.com/support/calendar/bin/answer.py?answer=1703438">help center</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: Lode Vandevenne, Software Engineer</span><br /> <br /> Creating an event is easy, but finding a time that works for everyone is sometimes tricky and time consuming. To make this easier and save you time, we&#8217;ve added a new 'Suggested times' feature to Google Calendar.<br /> <br /> To get started, create a calendar event, add guests and click <b>Suggested times</b>. The resulting list will include upcoming times where all participants are available. For example if you want to create an hour long meeting with Kara, and she already has an hour long meeting at 3pm, then times like 2pm and 4pm will be suggested.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqEtVzZj469iYhsFpq7cOXpWcyKjUQG2kmyTX4hkPgcAbLkaA1_vOKP14TsfgPxTaZTwFW7Rk42nqzx8YARWLTcZC2RsDUKk9ozOR0eCGWpg_MCLveBDKNOHUKvm9wywf6R6SW/s1600/suggestedtimes.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqEtVzZj469iYhsFpq7cOXpWcyKjUQG2kmyTX4hkPgcAbLkaA1_vOKP14TsfgPxTaZTwFW7Rk42nqzx8YARWLTcZC2RsDUKk9ozOR0eCGWpg_MCLveBDKNOHUKvm9wywf6R6SW/s1600/suggestedtimes.png" width="500" /></a></center><br /> As part of our ongoing commitment to accessibility, the list can also be navigated using the arrow keys and is accessible with a screen reader.<br /> <br /> For more information, please visit the <a href="//www.google.com/support/calendar/bin/answer.py?answer=1703438">help center</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/11/suggested-times-in-google-calendar.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:Suggested times in Google Calendar&url=https://gmail.googleblog.com/2011/11/suggested-times-in-google-calendar.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/11/suggested-times-in-google-calendar.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'> &#57529; </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/11/suggested-times-in-google-calendar.html' data-url='https://gmail.googleblog.com/2011/11/suggested-times-in-google-calendar.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/11/suggested-times-in-google-calendar.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/calendar' rel='tag'> calendar </a> , <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='3363224271695239317' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/11/introducing-gmail-app-for-iphone-ipad.html' itemprop='url' title='Introducing the Gmail app for iPhone, iPad and iPod touch'> Introducing the Gmail app for iPhone, iPad and iPod touch </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> November 2, 2011 </span> </div> </div> <div class='post-body'> <div class='post-content' itemprop='articleBody'> <script type='text/template'> <span class="byline-author">Posted by Matthew Izatt, Product Manager</span><br /> <br /> Waiting. Walking. Watching TV. Working out. Winding down. Waking up. We check email pretty much everywhere these days. And when we do, we want easy access to our important messages so we can respond quickly and get back to life -- or slinging birds at thieving green pigs.<br /> <br /> With that in mind, we&#8217;ve created <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">a new Gmail app for iPhone, iPad, and iPod touch</a>. We&#8217;ve combined your favorite features from the Gmail mobile web app and iOS into one app so you can be more productive on the go. It&#8217;s designed to be fast, efficient and take full advantage of the touchscreen and notification capabilities of your device. And it&#8217;s one more reason to <a href="https://mail.google.com/mail/help/switch.html">switch to Gmail</a>. <br /> <br /> <b>Speed</b><br /> We want to give you the information you need quickly, with minimal effort and distraction. So we&#8217;ve included some time-saving features:<br /> <ul><li>Get alerted to new messages with push notifications and sounds<br /> </li> <li>Find an email in seconds with search across your entire inbox<br /> </li> <li>Autocomplete email addresses from your Gmail contacts or select from your device&#8217;s address book<br /> </li> <li>Upload photos with a click using the new attachment button in compose view<br /> </li> <li>On iPad, navigate your inbox and read your mail simultaneously with split view<br /> </li> </ul><table><tr> <td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG4ERBzWzHaqCFRo3UIaI5zGA5PLImi2ZsXPn02EsTWErUuKg5PoRp9L6qtisDeVBb8z9SZasCcCnWp2B5LT8Mq44Z7KBvTeadgZFP1B84k2u8xThR9BXEXL4JP5JqafTchMRz/s1600/ios1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG4ERBzWzHaqCFRo3UIaI5zGA5PLImi2ZsXPn02EsTWErUuKg5PoRp9L6qtisDeVBb8z9SZasCcCnWp2B5LT8Mq44Z7KBvTeadgZFP1B84k2u8xThR9BXEXL4JP5JqafTchMRz/s1600/ios1.png" width="230" /></a></td> <td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib4zTK_1dP03m1YGfITMJ_xTuecN6lCHTLVmZAFVFdWS3dDRLIFLJSyrc6H_5KBmdXwN9HvzmHaowS-cfSF4Mhyphenhyphen8EPU-2utNhf3yQ2lcFYw0ZQviy9vpA3sJUYRsNnHS6RCkKl/s1600/ios2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib4zTK_1dP03m1YGfITMJ_xTuecN6lCHTLVmZAFVFdWS3dDRLIFLJSyrc6H_5KBmdXwN9HvzmHaowS-cfSF4Mhyphenhyphen8EPU-2utNhf3yQ2lcFYw0ZQviy9vpA3sJUYRsNnHS6RCkKl/s1600/ios2.PNG" width="230" /></a></td> </tr> <tr> <td><center><i>Upload photos</i></center></td> <td><center><i>Reply, move, label and more</i></center></td> </tr> </table><br /> <b>Efficiency</b> <br /> Our inboxes overflow with dozens and even hundreds of messages a day&#8212;and this can be even more challenging on a smaller screen. The new Gmail app helps organize your mail so you don&#8217;t have to go wading through your inbox to find that key message from your boss or loved one: <br /> <ul><li>Focus on your important messages first with Priority Inbox<br /> </li> <li>Quickly scan countless emails on the same subject with threaded conversations<br /> </li> <li>Organize your mail by archiving, labelling, starring, deleting and reporting spam<br /> </li> </ul><center> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ovFd2to5adabYQQkT4OxzYPjuf6v4JDnDAtYe_0jGzI4DVOhKNJ54R9QUhaSkVkjNxUsUZAZBGy3e3X5DqavQkSPMWivZ1pktrafT_i647USn_mmTIFmzx7T8rkmwJMwKq8O/s1600/ios3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ovFd2to5adabYQQkT4OxzYPjuf6v4JDnDAtYe_0jGzI4DVOhKNJ54R9QUhaSkVkjNxUsUZAZBGy3e3X5DqavQkSPMWivZ1pktrafT_i647USn_mmTIFmzx7T8rkmwJMwKq8O/s1600/ios3.jpg" width="500" /></a></center> <center><i>Threaded conversations on the iPad</i></center><br /> <b>Touch</b> <br /> We&#8217;ve also optimized the interface so you can perform common actions in Gmail with the lightest touch: <br /> <ul><li>Pull down your inbox to rapidly refresh if you&#8217;re eager for new mail<br /> </li> <li>Swipe right to view your labels without ever leaving your inbox<br /> </li> <li>Swiftly scroll through dozens of emails just by sliding your finger<br /> </li> </ul><table><tr> <td> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGpSYNumzGP1npTODNH1MQwCOzFaSpDp5BVcs79c_r5xQYvZn43h_M0OR9g5YC3XszqSYH7EgrZYeL0txxlhPt6O3PzAMP6YRVPeZir5gGSl-FcmeX13jRpDCKVsu7kmkNwGWZ/s1600/ios4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGpSYNumzGP1npTODNH1MQwCOzFaSpDp5BVcs79c_r5xQYvZn43h_M0OR9g5YC3XszqSYH7EgrZYeL0txxlhPt6O3PzAMP6YRVPeZir5gGSl-FcmeX13jRpDCKVsu7kmkNwGWZ/s1600/ios4.png" width="230" /></a></td> <td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZGUc-R9B7c2HY7JA3MB-boOR8awfQLD4O4D9lYQxpOXQfsRVvGSQIWB7DZo8mlTwZtRfAhp1R54INZ4XMouYGpU9-7PsxG0hAwtRrUGy7PCZPhk9799tAtOOt-hum5Ig0_SC/s1600/ios5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZGUc-R9B7c2HY7JA3MB-boOR8awfQLD4O4D9lYQxpOXQfsRVvGSQIWB7DZo8mlTwZtRfAhp1R54INZ4XMouYGpU9-7PsxG0hAwtRrUGy7PCZPhk9799tAtOOt-hum5Ig0_SC/s1600/ios5.png" width="230" /></a></td> </tr> <tr> <td><center><i>Pull down to refresh</i></center></td> <td><center><i>Swipe right to view labels</i></center></td> </tr> </table>We hope the Gmail app makes checking email on the go a little easier. It is available in the <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">App Store</a> today and works on all devices running iOS 4+. For more information, check out our <a href="//www.google.com/support/mobile/bin/topic.py?hl=en&amp;topic=1205739&amp;parent=14237">help center</a>.<br /> <br /> <i>Update: 11/16/11 On 11/2 we launched a new Gmail app for iOS but after finding a bug removed the app from the App Store. Starting today, the Gmail app is now <a href="http://gmailblog.blogspot.com/2011/11/gmail-app-for-ios-available-in-app.html ">available again</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 Matthew Izatt, Product Manager</span><br /> <br /> Waiting. Walking. Watching TV. Working out. Winding down. Waking up. We check email pretty much everywhere these days. And when we do, we want easy access to our important messages so we can respond quickly and get back to life -- or slinging birds at thieving green pigs.<br /> <br /> With that in mind, we&#8217;ve created <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">a new Gmail app for iPhone, iPad, and iPod touch</a>. We&#8217;ve combined your favorite features from the Gmail mobile web app and iOS into one app so you can be more productive on the go. It&#8217;s designed to be fast, efficient and take full advantage of the touchscreen and notification capabilities of your device. And it&#8217;s one more reason to <a href="https://mail.google.com/mail/help/switch.html">switch to Gmail</a>. <br /> <br /> <b>Speed</b><br /> We want to give you the information you need quickly, with minimal effort and distraction. So we&#8217;ve included some time-saving features:<br /> <ul><li>Get alerted to new messages with push notifications and sounds<br /> </li> <li>Find an email in seconds with search across your entire inbox<br /> </li> <li>Autocomplete email addresses from your Gmail contacts or select from your device&#8217;s address book<br /> </li> <li>Upload photos with a click using the new attachment button in compose view<br /> </li> <li>On iPad, navigate your inbox and read your mail simultaneously with split view<br /> </li> </ul><table><tr> <td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG4ERBzWzHaqCFRo3UIaI5zGA5PLImi2ZsXPn02EsTWErUuKg5PoRp9L6qtisDeVBb8z9SZasCcCnWp2B5LT8Mq44Z7KBvTeadgZFP1B84k2u8xThR9BXEXL4JP5JqafTchMRz/s1600/ios1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG4ERBzWzHaqCFRo3UIaI5zGA5PLImi2ZsXPn02EsTWErUuKg5PoRp9L6qtisDeVBb8z9SZasCcCnWp2B5LT8Mq44Z7KBvTeadgZFP1B84k2u8xThR9BXEXL4JP5JqafTchMRz/s1600/ios1.png" width="230" /></a></td> <td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib4zTK_1dP03m1YGfITMJ_xTuecN6lCHTLVmZAFVFdWS3dDRLIFLJSyrc6H_5KBmdXwN9HvzmHaowS-cfSF4Mhyphenhyphen8EPU-2utNhf3yQ2lcFYw0ZQviy9vpA3sJUYRsNnHS6RCkKl/s1600/ios2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib4zTK_1dP03m1YGfITMJ_xTuecN6lCHTLVmZAFVFdWS3dDRLIFLJSyrc6H_5KBmdXwN9HvzmHaowS-cfSF4Mhyphenhyphen8EPU-2utNhf3yQ2lcFYw0ZQviy9vpA3sJUYRsNnHS6RCkKl/s1600/ios2.PNG" width="230" /></a></td> </tr> <tr> <td><center><i>Upload photos</i></center></td> <td><center><i>Reply, move, label and more</i></center></td> </tr> </table><br /> <b>Efficiency</b> <br /> Our inboxes overflow with dozens and even hundreds of messages a day&#8212;and this can be even more challenging on a smaller screen. The new Gmail app helps organize your mail so you don&#8217;t have to go wading through your inbox to find that key message from your boss or loved one: <br /> <ul><li>Focus on your important messages first with Priority Inbox<br /> </li> <li>Quickly scan countless emails on the same subject with threaded conversations<br /> </li> <li>Organize your mail by archiving, labelling, starring, deleting and reporting spam<br /> </li> </ul><center> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ovFd2to5adabYQQkT4OxzYPjuf6v4JDnDAtYe_0jGzI4DVOhKNJ54R9QUhaSkVkjNxUsUZAZBGy3e3X5DqavQkSPMWivZ1pktrafT_i647USn_mmTIFmzx7T8rkmwJMwKq8O/s1600/ios3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ovFd2to5adabYQQkT4OxzYPjuf6v4JDnDAtYe_0jGzI4DVOhKNJ54R9QUhaSkVkjNxUsUZAZBGy3e3X5DqavQkSPMWivZ1pktrafT_i647USn_mmTIFmzx7T8rkmwJMwKq8O/s1600/ios3.jpg" width="500" /></a></center> <center><i>Threaded conversations on the iPad</i></center><br /> <b>Touch</b> <br /> We&#8217;ve also optimized the interface so you can perform common actions in Gmail with the lightest touch: <br /> <ul><li>Pull down your inbox to rapidly refresh if you&#8217;re eager for new mail<br /> </li> <li>Swipe right to view your labels without ever leaving your inbox<br /> </li> <li>Swiftly scroll through dozens of emails just by sliding your finger<br /> </li> </ul><table><tr> <td> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGpSYNumzGP1npTODNH1MQwCOzFaSpDp5BVcs79c_r5xQYvZn43h_M0OR9g5YC3XszqSYH7EgrZYeL0txxlhPt6O3PzAMP6YRVPeZir5gGSl-FcmeX13jRpDCKVsu7kmkNwGWZ/s1600/ios4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGpSYNumzGP1npTODNH1MQwCOzFaSpDp5BVcs79c_r5xQYvZn43h_M0OR9g5YC3XszqSYH7EgrZYeL0txxlhPt6O3PzAMP6YRVPeZir5gGSl-FcmeX13jRpDCKVsu7kmkNwGWZ/s1600/ios4.png" width="230" /></a></td> <td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZGUc-R9B7c2HY7JA3MB-boOR8awfQLD4O4D9lYQxpOXQfsRVvGSQIWB7DZo8mlTwZtRfAhp1R54INZ4XMouYGpU9-7PsxG0hAwtRrUGy7PCZPhk9799tAtOOt-hum5Ig0_SC/s1600/ios5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZGUc-R9B7c2HY7JA3MB-boOR8awfQLD4O4D9lYQxpOXQfsRVvGSQIWB7DZo8mlTwZtRfAhp1R54INZ4XMouYGpU9-7PsxG0hAwtRrUGy7PCZPhk9799tAtOOt-hum5Ig0_SC/s1600/ios5.png" width="230" /></a></td> </tr> <tr> <td><center><i>Pull down to refresh</i></center></td> <td><center><i>Swipe right to view labels</i></center></td> </tr> </table>We hope the Gmail app makes checking email on the go a little easier. It is available in the <a href="http://itunes.apple.com/app/gmail/id422689480?mt=8">App Store</a> today and works on all devices running iOS 4+. For more information, check out our <a href="//www.google.com/support/mobile/bin/topic.py?hl=en&amp;topic=1205739&amp;parent=14237">help center</a>.<br /> <br /> <i>Update: 11/16/11 On 11/2 we launched a new Gmail app for iOS but after finding a bug removed the app from the App Store. Starting today, the Gmail app is now <a href="http://gmailblog.blogspot.com/2011/11/gmail-app-for-ios-available-in-app.html ">available again</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/11/introducing-gmail-app-for-iphone-ipad.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:Introducing the Gmail app for iPhone, iPad and iPod touch&url=https://gmail.googleblog.com/2011/11/introducing-gmail-app-for-iphone-ipad.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/11/introducing-gmail-app-for-iphone-ipad.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'> &#57529; </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/11/introducing-gmail-app-for-iphone-ipad.html' data-url='https://gmail.googleblog.com/2011/11/introducing-gmail-app-for-iphone-ipad.html' style='color: #4184F3;'></span> </div> <div class='post-footer'> <div class='cmt_iframe_holder' data-href='https://gmail.googleblog.com/2011/11/introducing-gmail-app-for-iphone-ipad.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> , <a class='label' href='https://gmail.googleblog.com/search/label/mobile' rel='tag'> mobile </a> </span> </div> </div> </div> <div class='post' data-id='752864490838823845' itemscope='' itemtype='http://schema.org/BlogPosting'> <h2 class='title' itemprop='name'> <a href='https://gmail.googleblog.com/2011/11/gmails-new-look.html' itemprop='url' title='Gmail’s new look'> Gmail&#8217;s new look </a> </h2> <div class='post-header'> <div class='published'> <span class='publishdate' itemprop='datePublished'> November 1, 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 /> Back in July we showed you a <a href="http://gmailblog.blogspot.com/2011/06/preview-of-gmails-new-look.html">preview of Gmail's new look</a>, and we&#8217;ve been working this summer to make even more updates and improvements. Today, we&#8217;re giving you an in-depth look at the new design. If you like what you see, over the next few days you&#8217;ll be able to switch to the new look by clicking on <b>Switch to the new look</b> in the bottom-right of <a href="http://www.gmail.com">Gmail</a>.<br /> <br /> <center><iframe width="500" height="284" src="https://www.youtube.com/embed/vfW5e6jVsMs?rel=0& showinfo=0" frameborder="0" allowfullscreen></iframe></center><br /> <b>Streamlined conversations</b><br /> Conversation view has been completely redesigned to help you read through your email threads. You&#8217;ll now see profiles pictures for your contacts, so it&#8217;s easier to keep track of who said what. We also stripped out as much as possible so you can focus on communicating with your friends and colleagues.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfk6N6N956oH5jsobcruOD8nFqfAsWt7ggLVvO2-LfGqrLKt1fTF-xsMJ5GcMF92mzEEzFmdTaOyccw3yWt0tXMLrVWm5S-PRKHHGuqj5wLH2wklTVezVDId1QcfVsDqvlCICq/s1600/conversationlarge.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfk6N6N956oH5jsobcruOD8nFqfAsWt7ggLVvO2-LfGqrLKt1fTF-xsMJ5GcMF92mzEEzFmdTaOyccw3yWt0tXMLrVWm5S-PRKHHGuqj5wLH2wklTVezVDId1QcfVsDqvlCICq/s400/conversationlarge.png" width="400" /></a></center><br /> <b>Elastic density</b><br /> We know that you use Gmail from a variety of screen sizes and devices, so now the spacing between elements on the screen will automatically change based on the kind of display you&#8217;re using. If you prefer a denser view all the time, you can change your density manually in the Settings menu.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPK_BITfBtY4F7cq9I8bySx7yX4VJpi2pEe1ThzfFe5EiQsNz9T8QomNDulkfn0G2YLUrxiAUbl270mKyeGCwyVlSm-D6z6viTP67jBNJ0jBXxel-KzCoZoT52uni3Aut9AXx1/s1600/customize.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPK_BITfBtY4F7cq9I8bySx7yX4VJpi2pEe1ThzfFe5EiQsNz9T8QomNDulkfn0G2YLUrxiAUbl270mKyeGCwyVlSm-D6z6viTP67jBNJ0jBXxel-KzCoZoT52uni3Aut9AXx1/s400/customize.png" width="400" /></a></center><br /> <b>New HD themes</b><br /> Themes have been completely rebuilt to enable us to bring you a new set of beautiful high resolution themes with imagery provided by <a href="http://www.istockphoto.com/gmail.php">iStockphoto</a>. We've updated most of the old favorites as well and your theme will be automatically carried over to the new look. Go to the Settings menu to take another look at themes and choose the one that fits you best. <br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUS8AOrCxMU2K1KAC-TOGgBov7J4TsNU4yUS7JmIwvaVg2gECjNgy-ZmN5CVQ0n2cIqzFQxnzNMdiAvZkV7ahj58kCs97eWIQqtqAdzaTafpBU4m-hLQ4nxw3oodGF95nXEulJ/s1600/themeslarge.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUS8AOrCxMU2K1KAC-TOGgBov7J4TsNU4yUS7JmIwvaVg2gECjNgy-ZmN5CVQ0n2cIqzFQxnzNMdiAvZkV7ahj58kCs97eWIQqtqAdzaTafpBU4m-hLQ4nxw3oodGF95nXEulJ/s400/themeslarge.png" width="400" /></a></center><br /> <b>Smarter navigation</b><br /> The navigation panel on the left keeps your labels and chat contacts in view at all times. It's also more customizable: you can resize the labels and chat areas if you want to see more, or hide the chat area entirely via the chat icon in the lower left. You can also use the arrow keys to navigate around the interface.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_YEyfun_j-vfPgveP-SOdBZM_B_pUwCl785QvcD0xakCcjfiNY_Ev-yLAEa-pmHy7On7gochD9l4WlH8OwqO98kZgL_Gx1jy8OTMwHzni3Gu9NaOjGT1VOQbWyZHvZOua5lzL/s1600/control.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_YEyfun_j-vfPgveP-SOdBZM_B_pUwCl785QvcD0xakCcjfiNY_Ev-yLAEa-pmHy7On7gochD9l4WlH8OwqO98kZgL_Gx1jy8OTMwHzni3Gu9NaOjGT1VOQbWyZHvZOua5lzL/s400/control.png" width="400" /></a></center><br /> <b>Better search</b><br /> Click the dropdown in the search box to see a new advanced search panel, which makes it easier and faster to find exactly what you're looking for. You can use the same panel to create a filter from any search in just a few clicks.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtdBdJiodwNUvAEV9vSgA2YsfSc32tsq77HdnCi4bNuL2Vxi7KO-yF2zHD4x80BWsucPxKxcRrT5T_aMBjwxRmLFIbUU09QxXKa5BqIwqFahDqUtyoP4-NrMKsJFqRBr656tUa/s1600/searchlarge.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtdBdJiodwNUvAEV9vSgA2YsfSc32tsq77HdnCi4bNuL2Vxi7KO-yF2zHD4x80BWsucPxKxcRrT5T_aMBjwxRmLFIbUU09QxXKa5BqIwqFahDqUtyoP4-NrMKsJFqRBr656tUa/s400/searchlarge.png" width="400" /></a></center><br /> We&#8217;re excited to finally share Gmail&#8217;s new look with you. We&#8217;ll be bringing these changes to everyone soon, but if you&#8217;d like to make the switch right away, we&#8217;re rolling out a <b>Switch to the new look link</b> in the bottom-right of <a href="http://www.gmail.com">Gmail</a> over the next few days.<br /> <br /> <i>Update: The new look is now available to everyone. Refresh Gmail if you don't see the link to switch.</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 Jason Cornwell, User Experience Designer</span><br /> <br /> Back in July we showed you a <a href="http://gmailblog.blogspot.com/2011/06/preview-of-gmails-new-look.html">preview of Gmail's new look</a>, and we&#8217;ve been working this summer to make even more updates and improvements. Today, we&#8217;re giving you an in-depth look at the new design. If you like what you see, over the next few days you&#8217;ll be able to switch to the new look by clicking on <b>Switch to the new look</b> in the bottom-right of <a href="http://www.gmail.com">Gmail</a>.<br /> <br /> <center><iframe width="500" height="284" src="https://www.youtube.com/embed/vfW5e6jVsMs?rel=0& showinfo=0" frameborder="0" allowfullscreen></iframe></center><br /> <b>Streamlined conversations</b><br /> Conversation view has been completely redesigned to help you read through your email threads. You&#8217;ll now see profiles pictures for your contacts, so it&#8217;s easier to keep track of who said what. We also stripped out as much as possible so you can focus on communicating with your friends and colleagues.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfk6N6N956oH5jsobcruOD8nFqfAsWt7ggLVvO2-LfGqrLKt1fTF-xsMJ5GcMF92mzEEzFmdTaOyccw3yWt0tXMLrVWm5S-PRKHHGuqj5wLH2wklTVezVDId1QcfVsDqvlCICq/s1600/conversationlarge.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfk6N6N956oH5jsobcruOD8nFqfAsWt7ggLVvO2-LfGqrLKt1fTF-xsMJ5GcMF92mzEEzFmdTaOyccw3yWt0tXMLrVWm5S-PRKHHGuqj5wLH2wklTVezVDId1QcfVsDqvlCICq/s400/conversationlarge.png" width="400" /></a></center><br /> <b>Elastic density</b><br /> We know that you use Gmail from a variety of screen sizes and devices, so now the spacing between elements on the screen will automatically change based on the kind of display you&#8217;re using. If you prefer a denser view all the time, you can change your density manually in the Settings menu.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPK_BITfBtY4F7cq9I8bySx7yX4VJpi2pEe1ThzfFe5EiQsNz9T8QomNDulkfn0G2YLUrxiAUbl270mKyeGCwyVlSm-D6z6viTP67jBNJ0jBXxel-KzCoZoT52uni3Aut9AXx1/s1600/customize.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPK_BITfBtY4F7cq9I8bySx7yX4VJpi2pEe1ThzfFe5EiQsNz9T8QomNDulkfn0G2YLUrxiAUbl270mKyeGCwyVlSm-D6z6viTP67jBNJ0jBXxel-KzCoZoT52uni3Aut9AXx1/s400/customize.png" width="400" /></a></center><br /> <b>New HD themes</b><br /> Themes have been completely rebuilt to enable us to bring you a new set of beautiful high resolution themes with imagery provided by <a href="http://www.istockphoto.com/gmail.php">iStockphoto</a>. We've updated most of the old favorites as well and your theme will be automatically carried over to the new look. Go to the Settings menu to take another look at themes and choose the one that fits you best. <br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUS8AOrCxMU2K1KAC-TOGgBov7J4TsNU4yUS7JmIwvaVg2gECjNgy-ZmN5CVQ0n2cIqzFQxnzNMdiAvZkV7ahj58kCs97eWIQqtqAdzaTafpBU4m-hLQ4nxw3oodGF95nXEulJ/s1600/themeslarge.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUS8AOrCxMU2K1KAC-TOGgBov7J4TsNU4yUS7JmIwvaVg2gECjNgy-ZmN5CVQ0n2cIqzFQxnzNMdiAvZkV7ahj58kCs97eWIQqtqAdzaTafpBU4m-hLQ4nxw3oodGF95nXEulJ/s400/themeslarge.png" width="400" /></a></center><br /> <b>Smarter navigation</b><br /> The navigation panel on the left keeps your labels and chat contacts in view at all times. It's also more customizable: you can resize the labels and chat areas if you want to see more, or hide the chat area entirely via the chat icon in the lower left. You can also use the arrow keys to navigate around the interface.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_YEyfun_j-vfPgveP-SOdBZM_B_pUwCl785QvcD0xakCcjfiNY_Ev-yLAEa-pmHy7On7gochD9l4WlH8OwqO98kZgL_Gx1jy8OTMwHzni3Gu9NaOjGT1VOQbWyZHvZOua5lzL/s1600/control.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_YEyfun_j-vfPgveP-SOdBZM_B_pUwCl785QvcD0xakCcjfiNY_Ev-yLAEa-pmHy7On7gochD9l4WlH8OwqO98kZgL_Gx1jy8OTMwHzni3Gu9NaOjGT1VOQbWyZHvZOua5lzL/s400/control.png" width="400" /></a></center><br /> <b>Better search</b><br /> Click the dropdown in the search box to see a new advanced search panel, which makes it easier and faster to find exactly what you're looking for. You can use the same panel to create a filter from any search in just a few clicks.<br /> <center><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtdBdJiodwNUvAEV9vSgA2YsfSc32tsq77HdnCi4bNuL2Vxi7KO-yF2zHD4x80BWsucPxKxcRrT5T_aMBjwxRmLFIbUU09QxXKa5BqIwqFahDqUtyoP4-NrMKsJFqRBr656tUa/s1600/searchlarge.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtdBdJiodwNUvAEV9vSgA2YsfSc32tsq77HdnCi4bNuL2Vxi7KO-yF2zHD4x80BWsucPxKxcRrT5T_aMBjwxRmLFIbUU09QxXKa5BqIwqFahDqUtyoP4-NrMKsJFqRBr656tUa/s400/searchlarge.png" width="400" /></a></center><br /> We&#8217;re excited to finally share Gmail&#8217;s new look with you. We&#8217;ll be bringing these changes to everyone soon, but if you&#8217;d like to make the switch right away, we&#8217;re rolling out a <b>Switch to the new look link</b> in the bottom-right of <a href="http://www.gmail.com">Gmail</a> over the next few days.<br /> <br /> <i>Update: The new look is now available to everyone. Refresh Gmail if you don't see the link to switch.</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/11/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:Gmail’s new look&url=https://gmail.googleblog.com/2011/11/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/11/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'> &#57529; </i> <span class='cmt_count_iframe_holder' data-count='0' data-onclick='' data-post-url='https://gmail.googleblog.com/2011/11/gmails-new-look.html' data-url='https://gmail.googleblog.com/2011/11/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/11/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> , <a class='label' href='https://gmail.googleblog.com/search/label/googlenew' rel='tag'> googlenew </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'> &#59530; </i> </a> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://gmail.googleblog.com/search?updated-max=2012-01-29T21:00:00-08:00&max-results=10&reverse-paginate=true' id='Blog1_blog-pager-newer-link' title='Newer Posts'> <i class='material-icons'> &#58820; </i> </a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://gmail.googleblog.com/search?updated-max=2011-11-01T09:00:00-07:00&max-results=10' id='Blog1_blog-pager-older-link' title='Older Posts'> <i class='material-icons'> &#58824; </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'> &#58821; </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'> &#58055; </i> <h2> Archive </h2> <i class='material-icons arrow'> &#58821; </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'> &#58821; </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'> &#58821; </i> &#160; </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'> &#58821; </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'> &#58821; </i> &#160; </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'> &#58821; </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'> &#58821; </i> &#160; </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'> &#58821; </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'> &#58821; </i> &#160; </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'> &#58821; </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'> &#58821; </i> &#160; </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'> &#58821; </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy toggle-open'> <i class='material-icons'> &#58823; </i> &#160; </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 collapsed'> <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 expanded'> <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'> &#58821; </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'> &#58821; </i> &#160; </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'> &#58821; </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'> &#58821; </i> &#160; </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'> &#58821; </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'> &#58821; </i> &#160; </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'> &#58821; </i> </span> <a class='toggle' href='javascript:void(0)' style='display: none'> <span class='zippy'> <i class='material-icons'> &#58821; </i> &#160; </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/&amp;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([&#39;_trackEvent&#39;,&#39;Gmail Blog&#39;,&#39;Useful Links&#39;,&#39;Gmail for Mobile&#39;]);" href="//www.google.com/mobile/gmail/">Gmail for Mobile</a><br /><a onclick="_gaq.push([&#39;_trackEvent&#39;,&#39;Gmail Blog&#39;,&#39;Useful Links&#39;,&#39;Gmail for Work&#39;]);" href="//www.google.com/enterprise/apps/business/?utm_medium=et&amp;utm_source=consgmailblog&amp;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/60983134-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY4UVT3rDUX7HqEO7k7OlV54u8uYcg:1739786264040';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6781693','//gmail.googleblog.com/2011/11/','6781693'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6781693', 'title': 'Official Gmail Blog', 'url': 'https://gmail.googleblog.com/2011/11/', 'canonicalUrl': 'https://gmail.googleblog.com/2011/11/', '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/4b890f0df4aad4c4', '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': 'November 2011', 'pageTitle': 'Official Gmail Blog: November 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/11/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2011, 'month': 11, 'rangeMessage': 'Showing posts from November, 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>

Pages: 1 2 3 4 5 6 7 8 9 10