CINXE.COM

Tab Maker by Google Creative Lab - Experiments with Google

<!DOCTYPE html><html><head><title>Tab Maker by Google Creative Lab - Experiments with Google</title><meta name="description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We&#39;re showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><link rel="icon" type="image/png" href="/static/img/favicon.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Tab Maker by Google Creative Lab - Experiments with Google"><meta name="twitter:site" content="@google"><meta name="twitter:description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We&#39;re showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta name="twitter:image" content="https://storage.googleapis.com/gweb-experiments.appspot.com/5164-21008_TabMaker_ExperimentsPage_960x540%28halfsize%29.gif"><meta property="og:title" content="Tab Maker by Google Creative Lab - Experiments with Google"><meta property="og:type" content="website"><meta property="og:url" content="https://experiments.withgoogle.com/tabmaker"><meta property="og:image" content="https://storage.googleapis.com/gweb-experiments.appspot.com/5164-21008_TabMaker_ExperimentsPage_960x540%28halfsize%29.gif"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We&#39;re showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta itemscope itemtype="http://schema.org/Article"><meta itemprop="title" content="Tab Maker by Google Creative Lab - Experiments with Google"><meta itemprop="name" content="Experiments with Google"><meta itemprop="description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We&#39;re showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta itemprop="image" content="https://storage.googleapis.com/gweb-experiments.appspot.com/5164-21008_TabMaker_ExperimentsPage_960x540%28halfsize%29.gif"><link href="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css" rel="stylesheet"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700|Source+Code+Pro:300,400,500,600,700" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54"><link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&Google+Sans+Mono" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54"><link rel="stylesheet" href="/static/css/vendors.css" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54"><link rel="stylesheet" href="/static/css/style.css" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54"><script nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">!function(e,t,n,a,r){e[a]=e[a]||[],e[a].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var o=t.getElementsByTagName(n)[0],c=t.createElement(n),g="dataLayer"!=a?"&l="+a:"";c.async=!0,c.src="https://www.googletagmanager.com/gtm.js?id="+r+g;var s=t.querySelector("[nonce]");s&&c.setAttribute("nonce",s.nonce||s.getAttribute("nonce")),o.parentNode.insertBefore(c,o)}(window,document,"script","dataLayer","GTM-WSXK4F2");</script></head><body class="experiment hide-butterbar" data-coll-name=""><header> <div class="wrapper"><div id="logo-holder"><a href="/"><nav id="logo" role="navigation" aria-label="Homepage">Experiments with Google</nav></a></div><div id="menuoverlay"><nav id="mainmenu" role="navigation" aria-label="main navigation"><ul id="collection-menu" style="padding:0"><li style="padding:0" class="menuitem coll-options"><a href="/collections" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">Collections</a><div class="triangle-down">&blacktriangledown;</div></li><ul id="home-menu"> <li class="home-menuitem" data-coll-name="tfliteformicrocontrollers"><a href="/collection/tfliteformicrocontrollers" title="TensorFlow Lite for Microcontrollers" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">TensorFlow Lite for Microcontrollers</a></li> <li class="home-menuitem" data-coll-name="startwithone"><a href="/collection/startwithone" title="Start With One" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">Start With One</a></li> <li class="home-menuitem" data-coll-name="creatability"><a href="/collection/creatability" title="Creatability" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">Creatability</a></li> <li class="home-menuitem" data-coll-name="digitalwellbeing"><a href="/collection/digitalwellbeing" title="Digital Wellbeing Experiments" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">Digital Wellbeing Experiments</a></li> <li class="home-menuitem" data-coll-name="webxr"><a href="/collection/webxr" title="WebXR Experiments" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">WebXR Experiments</a></li> <li class="home-menuitem" data-coll-name="arts-culture"><a href="/collection/arts-culture" title="Arts &amp; Culture Experiments" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">Arts &amp; Culture Experiments</a></li> <li class="home-menuitem" data-coll-name="ar"><a href="/collection/ar" title="AR Experiments" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">AR Experiments</a></li> <li class="home-menuitem" data-coll-name="ai"><a href="/collection/ai" title="AI Experiments" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">AI Experiments</a></li> <li class="home-menuitem" data-coll-name="android"><a href="/collection/android" title="Android Experiments" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">Android Experiments</a></li> <li class="home-menuitem" data-coll-name="chrome"><a href="/collection/chrome" title="Chrome Experiments" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">Chrome Experiments</a></li> <li class="home-menuitem" data-coll-name="All Collections"><a href="/collections" title="View all &lt;built-in method count of list object at 0x3ec63f18f6c0&gt; collections" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">VIEW ALL 17 COLLECTIONS</a></li></ul></ul><a class="menuitem" href="/experiments" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">Experiments</a><div id="searchwrap"><div class="menuitem" id="search"></div><input type="text" name="search" id="searchbox" value="" aria-label="Search experiments" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="Search" onfocus="this.placeholder=&quot;&quot;" onblur="this.placeholder=&quot;Search&quot;"></div><a class="menuitem submit-btn border" href="https://labs.google/submit-experiment" target="_blank" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54">Submit Experiment</a></nav><div class="google-logo"></div></div></div></header><div id="main" class=""><div class="wrapper"><div id="exp-intro"><div class="cont-left displaytext"><h1 class="title">Tab Maker</h1><p class="gray">November 2021 | By Google Creative Lab </p><p style="margin-top:10px;width:90%">Tab Maker is a tool that helps anyone create custom extensions for Chrome’s ‘new tab’ page. </p> <div class="action-button-holder" style="margin-top:25px"> </div></div><div class="cont-right"><h3 class="caps small">Collection:</h3><div id="collections-holder" style="display:block"> <a class="collection" href="/collection/chrome">Chrome Experiments</a> </div></div></div><div class="video-holder" data-videoid="NWKOkf_JkEI" data-exp-name="Tab Maker"><div class="video-embed" id="video-NWKOkf_JkEI" data-loop=""></div><img src="/static/img/video-play-btn.png" class="video-play-btn" alt="Video Play Button"></div><div id="featured-holder"><div class="featured-img-holder"><img class="featured-img" src="https://storage.googleapis.com/gweb-experiments.appspot.com/2247-21009_CL_TM_Chromeexperimentspage_productvisual_static_1920.png" alt="" data-img-alt=""></div> <div class="featured-img-holder"><img class="featured-img" src="https://storage.googleapis.com/gweb-experiments.appspot.com/2705-21009_CL_TM_Chromeexperimentspage_Inspirationvisual_static_InspirationVisual_1920.png" alt="" data-img-alt=""></div> </div><div class="content-wrap single"><div class="content-twothird"><div class="content-block displaytext">Tab Maker is a tool that makes it easy for anyone to build an extension for Chrome that transforms the new tab page into a space to showcase ideas...&nbsp;<div><br></div><div>What you do with the space is totally up to you but to get your creative juices flowing, checkout the Tab Maker Gallery for examples.&nbsp;</div><div><br></div><div>Ready to make your own? Just head to&nbsp;<a href="https://tabmaker.withgoogle.com" target="_blank">tabmaker.withgoogle.com</a>. There’s no coding required and because it uses Google Sheets as a simple content manager, you can make updates to your extension at any time and even collaborate with others.&nbsp;</div><div><br></div><div>We’re excited to see what you make.</div><div><br></div></div> </div><div class="content-onethird"></div></div></div></div><footer><div class="wrapper"><div class="google-logo"></div><div id="social-holder"><a href="https://www.google.com/policies/" target="_blank" class="social-icon">Privacy & Terms</a><div id="social-icons"><a class="social-icon" href="https://www.facebook.com/ExpWithGoogle/" target="_blank" aria-label="Link to our Facebook page"><img src="/static/img/social-fb.png" alt="facebook icon"></a></div></div></div></footer><div id="page-loader"><div id="txt-submitting">Submitting...</div><div id="txt-saving">Saving...</div></div><div id="sitemenu-icon"><span class="line1"></span> <span class="line2"></span> <span class="line3"></span></div><div id="overlay"><div id="overlay-closebtn"></div><div id="overlay-content-wrap"><div class="wrapper"><div id="overlay-content"></div></div></div></div><script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54"></script><script src="/static/js/vendors.js" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54"></script><script src="/static/js/script.min.js" nonce="HW1tk3OtBk_TYc5juDZgBnjPEbAflO54"></script><script src="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js" data-glue-cookie-notification-bar-category="2B"></script></body></html>

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