{"id":5317,"date":"2025-12-30T08:17:08","date_gmt":"2025-12-30T08:17:08","guid":{"rendered":"https:\/\/icon-era.com\/statistics\/?p=5317"},"modified":"2026-09-02T11:04:38","modified_gmt":"2026-09-02T11:04:38","slug":"google-guitar","status":"publish","type":"post","link":"https:\/\/icon-era.com\/statistics\/google-guitar\/","title":{"rendered":"Google Guitar"},"content":{"rendered":"\n<div id=\"ie-guitar\">\n<div class=\"board\"><\/div>\n<div class=\"readout\"><span>Last note: <b id=\"gt-note\">&#8211;<\/b><\/span><span>Played: <b id=\"gt-count\">0<\/b><\/span><span>Recording: <b id=\"gt-rec\">off<\/b><\/span><\/div>\n<div class=\"row\">\n<button class=\"tap\" id=\"gt-strum\">Strum open<\/button>\n<button class=\"tap\" id=\"gt-em\">Em<\/button>\n<button class=\"tap\" id=\"gt-g\">G<\/button>\n<button class=\"tap\" id=\"gt-c\">C<\/button>\n<button class=\"tap pale\" id=\"gt-rec-btn\">Record<\/button>\n<button class=\"tap pale\" id=\"gt-play\">Play it back<\/button>\n<\/div>\n\n<h2>The frets work<\/h2>\n<p>Click a string near the nut and you get the open note. Click it further along and you get whatever fret you landed on, up to five. So you can pick out a line properly rather than only strumming, and the fretboard markers are where you would expect them.<\/p>\n<p>Drag across the strings at any height and it strums at that fret, which is a fast way to find chords by accident.<\/p>\n\n<h2>Six strings, standard tuning<\/h2>\n<p>Low E to high E, no capo. A S D F G H plays the open strings from the keyboard. If you play guitar, everything you know transfers. If you do not, dragging slowly downward still sounds like music, which is why the doodle ate a whole working day when it launched.<\/p>\n\n<h2>Recording<\/h2>\n<p>Hit record, play something, hit it again, then play back. It keeps your timing exactly, including the hesitations, which is either useful or unkind depending on how well it went.<\/p>\n\n<h2>June 2011<\/h2>\n<p>It went up for the 96th birthday of the man behind the solid-body electric guitar and stayed an extra day because nobody would put it down. Guitar being a word people cannot spell, it also gets searched as google gitar, google gutar, google guiter, google gultar, google giutar and google gutair, all landing in the same place.<\/p>\n<p>The other doodle still standing is the maze at <a href=\"https:\/\/icon-era.com\/statistics\/google-pac-man\/\">google pac-man<\/a>. For something with no sound at all, <a href=\"https:\/\/icon-era.com\/statistics\/google-matrix-easter-egg\/\">google matrix<\/a>.<\/p>\n<\/div>\n<style>\n#ie-guitar{--blue:#1558d6;--blue2:#4c86f0;--blue3:#a9c4f5;--deep:#0b3aa0;--slate:#5b6675;--mist:#98a2b3;--rule:#dde3ec;--wash:#f2f6fd;font-family:ui-sans-serif,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;color:#1a2230;line-height:1.66;margin:0 auto}\n#ie-guitar ul,#ie-guitar ol{margin:0 0 15px 20px}\n#ie-guitar li{margin:6px 0}\n#ie-guitar a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}\n#ie-guitar a:hover{color:var(--deep)}\n#ie-guitar .board{position:relative;width:100%;height:min(70vh,600px);min-height:420px;border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(21,88,214,.1);touch-action:none}\n#ie-guitar .board canvas{position:absolute;left:0;top:0;width:100%;height:100%;outline:0}\n#ie-guitar .readout{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:12px 0 0;font:600 13px ui-sans-serif,\"Segoe UI\",Arial;color:var(--slate)}\n#ie-guitar .readout b{color:var(--deep);font-size:15px}\n#ie-guitar .row{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:12px 0 20px}\n#ie-guitar .tap{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:12px 20px;font:700 14px ui-sans-serif,\"Segoe UI\",Arial;cursor:pointer;box-shadow:0 4px 12px rgba(21,88,214,.25)}\n#ie-guitar .tap:hover{background:var(--deep)}\n#ie-guitar .tap:active{transform:translateY(1px)}\n#ie-guitar .tap.pale{background:#fff;color:var(--blue);border:1px solid var(--blue3);box-shadow:none}\n#ie-guitar .tap.pale:hover{background:var(--wash)}\n#ie-guitar .stick{display:grid;grid-template-columns:repeat(3,54px);gap:7px;justify-content:center;margin-top:10px}\n#ie-guitar .stick button{background:#fff;border:1px solid var(--blue3);color:var(--blue);border-radius:8px;height:46px;font:700 17px ui-sans-serif,Arial;cursor:pointer}\n#ie-guitar .stick button:hover{background:var(--wash)}\n#ie-guitar .stick .gap{visibility:hidden;border:0}\n#ie-guitar .curtain{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.93);text-align:center;font:700 20px\/1.45 ui-sans-serif,\"Segoe UI\",Arial;color:var(--deep);cursor:pointer;z-index:4;padding:18px}\n#ie-guitar .curtain em{display:block;font-style:normal;font-weight:500;font-size:13.5px;color:var(--slate);margin-top:5px}\n#ie-guitar .typein{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}\n#ie-guitar .typein input{border:1px solid var(--blue3);border-radius:8px;padding:11px 13px;font:600 14px ui-sans-serif,Arial;width:min(280px,70%);color:#1a2230}\n#ie-guitar .typein input:focus{outline:2px solid var(--blue2);outline-offset:1px}\n\n#ie-guitar .board{height:auto;min-height:0;aspect-ratio:40\/17;max-width:920px;margin:0 auto}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Last note: &#8211;Played: 0Recording: off Strum open Em G C Record Play it back The frets work Click a string near the nut and you get the open note. Click it further along and you get whatever fret you landed on, up to five. So you can pick out a line properly rather than only<\/p>\n","protected":false},"author":1,"featured_media":5319,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"yes","footnotes":""},"categories":[47],"tags":[],"class_list":{"0":"post-5317","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-easter-eggs"},"_links":{"self":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts\/5317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/comments?post=5317"}],"version-history":[{"count":2,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts\/5317\/revisions"}],"predecessor-version":[{"id":6066,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/posts\/5317\/revisions\/6066"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/media\/5319"}],"wp:attachment":[{"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/media?parent=5317"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/categories?post=5317"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icon-era.com\/statistics\/wp-json\/wp\/v2\/tags?post=5317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}