{"id":1065,"date":"2010-09-07T17:10:53","date_gmt":"2010-09-07T17:10:53","guid":{"rendered":"http:\/\/thomasjpitts.co.uk\/wp\/?p=1065"},"modified":"2010-09-07T17:10:53","modified_gmt":"2010-09-07T17:10:53","slug":"a-moveable-google-doodle","status":"publish","type":"post","link":"https:\/\/thomasjpitts.co.uk\/wordpress\/2010\/09\/07\/a-moveable-google-doodle\/","title":{"rendered":"A Moveable Google Doodle"},"content":{"rendered":"<p>It all started when checking my Twitter feed&#8230; there were rumblings of an interesting <a class=\"zem_slink\" title=\"Google\" rel=\"homepage\" href=\"http:\/\/google.com\">Google<\/a> Doodle today.<\/p>\n<p>Now, <a href=\"http:\/\/thomasjpitts.co.uk\/wp\/2009\/08\/the-wonderful-world-of-google\/\" target=\"_blank\">I&#8217;ve written before about my love of the Google Doodle<\/a> &#8211; a unique regular item of changing their <a class=\"zem_slink\" title=\"Google logo\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Google_logo\">logo<\/a> to celebrate key events. Usually, they look back at history. Today, they look forward in time.<\/p>\n<p style=\"text-align: center;\"><object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" width=\"640\" height=\"385\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowScriptAccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/www.youtube.com\/v\/NLGCaUsmUhc&amp;color1=0xb1b1b1&amp;color2=0xd0d0d0&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1\" \/><param name=\"allowfullscreen\" value=\"true\" \/><\/object><\/p>\n<p>As The Guardian <a class=\"zem_slink\" title=\"Website\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Website\">website<\/a> says:<\/p>\n<blockquote><p>For its 12th birthday, the Google logo shows off what programmers can do with a few lines of code, in the latest of its long line of attention-getting &#8220;doodles&#8221;. The logo on <a class=\"zem_slink\" title=\"Google\" rel=\"homepage\" href=\"http:\/\/google.com\">Google&#8217;s homepage<\/a> is made out of a set of bouncing &#8220;balls&#8221; that swirl around the page in modern browsers such as its own Chrome, Firefox, <a class=\"zem_slink\" title=\"Apple\" rel=\"homepage\" href=\"http:\/\/www.apple.com\">Apple<\/a>&#8216;s <a class=\"zem_slink\" title=\"Safari\" rel=\"homepage\" href=\"http:\/\/www.apple.com\/safari\/\">Safari<\/a> and some versions of <a class=\"zem_slink\" title=\"Opera Software\" rel=\"homepage\" href=\"http:\/\/www.opera.com\">Opera<\/a> \u2013 but not in older versions of <a class=\"zem_slink\" title=\"Microsoft\" rel=\"geolocation\" href=\"http:\/\/maps.google.com\/maps?ll=47.6395972222,-122.12845&amp;spn=1.0,1.0&amp;q=47.6395972222,-122.12845 (Microsoft)&amp;t=h\">Microsoft<\/a>&#8216;s <a class=\"zem_slink\" title=\"Internet Explorer\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Internet_Explorer\">Internet Explorer<\/a> (though the most recent version, IE8, does).<\/p><\/blockquote>\n<p>Google officially opened its doors \u2013 or rather door \u2013 12 years ago in Menlo Park California. As the company history explains:<\/p>\n<blockquote><p>&#8220;On September 7, 1998, Google Inc. opened its door in <a class=\"zem_slink\" title=\"Menlo Park, California\" rel=\"geolocation\" href=\"http:\/\/maps.google.com\/maps?ll=37.4541666667,-122.178611111&amp;spn=0.1,0.1&amp;q=37.4541666667,-122.178611111 (Menlo%20Park%2C%20California)&amp;t=h\">Menlo Park, California<\/a>. The door came with a remote control, as it was attached to the garage of a friend who sublet space to the new corporation&#8217;s staff of three. The office offered several big advantages, including a washer and dryer and a hot tub. It also provided a parking space for the first employee hired by the new company: Craig Silverstein, now Google&#8217;s director of technology.<\/p><\/blockquote>\n<blockquote><p>&#8220;Already Google.com, still in beta, was answering 10,000 search queries each day. The press began to take notice of the upstart website with the relevant search results, and articles extolling Google appeared in <a class=\"zem_slink\" title=\"USA Today\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/USA_Today\">USA TODAY<\/a> and Le Monde. That December, <a class=\"zem_slink\" title=\"PC Magazine\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/PC_Magazine\">PC Magazine<\/a> named Google one of its Top 100 <a class=\"zem_slink\" title=\"Website\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Website\">Web Sites<\/a> and Search Engines for 1998. Google was moving up in the world&#8221;<\/p><\/blockquote>\n<p>The Guardian continues:<\/p>\n<blockquote><p>But rather than looking back, Google&#8217;s doodle today looks ahead to the next version of the computer code that delineates the web. The doodle actually consists of lots of pieces of a web page, each using a modern form of web coding called CSS3 \u2013 &#8220;<a class=\"zem_slink\" title=\"Cascading Style Sheets\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Cascading_Style_Sheets\">Cascading Style Sheet<\/a>&#8221; elements. Each circle is actually an element called a &#8220;div&#8221; \u2013 an element into which the page is divided \u2013 which contains an instruction in its associated piece of CSS3 to make it circular rather than square or rectangular. The code also contains instructions so that if the cursor is moved near to any of the &#8220;bubbles&#8221;, they try to move away.<\/p><\/blockquote>\n<p>I think it&#8217;s rather fabulous and a good way to show what can be done. Roll on the future!<\/p>\n<p>[via <a title=\"The Guardian\" href=\"http:\/\/www.guardian.co.uk\/technology\/2010\/sep\/07\/google-logo-bouncy-birthday\" target=\"_blank\">The Guardian<\/a> and Twitter]<\/p>\n<div class=\"zemanta-pixie\" style=\"margin-top: 10px; height: 15px;\"><a class=\"zemanta-pixie-a\" title=\"Enhanced by Zemanta\" href=\"http:\/\/www.zemanta.com\/\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"zemanta-pixie-img\" style=\"border: none; float: right;\" src=\"https:\/\/i0.wp.com\/img.zemanta.com\/zemified_e.png?w=1165\" alt=\"Enhanced by Zemanta\" \/><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>It all started when checking my Twitter feed&#8230; there were rumblings of an interesting Google Doodle today. Now, I&#8217;ve written before about my love of the Google Doodle &#8211; a unique regular item of changing their logo to celebrate key events. Usually, they look back at history. Today, they look forward in time. As The [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3,5,17,32],"tags":[92,269,609,1287,1292,1295,1540,1950,1978,2239,2657,2676,2677,2690,2981,3109,3341],"class_list":["post-1065","post","type-post","status-publish","format-video","hentry","category-awesomeness","category-computers-the-internet","category-linkage","category-videos","tag-92","tag-apple","tag-cascading-style-sheet","tag-google","tag-google-doodle","tag-google-logo","tag-internet-explorer","tag-menlo-park-california","tag-microsoft","tag-opera","tag-scooby-doo","tag-search-engines","tag-searching","tag-september","tag-the-guardian","tag-twitter","tag-youtube","post_format-post-format-video","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6OeSW-hb","jetpack-related-posts":[],"builder_content":"","_links":{"self":[{"href":"https:\/\/thomasjpitts.co.uk\/wordpress\/wp-json\/wp\/v2\/posts\/1065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thomasjpitts.co.uk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thomasjpitts.co.uk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thomasjpitts.co.uk\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thomasjpitts.co.uk\/wordpress\/wp-json\/wp\/v2\/comments?post=1065"}],"version-history":[{"count":0,"href":"https:\/\/thomasjpitts.co.uk\/wordpress\/wp-json\/wp\/v2\/posts\/1065\/revisions"}],"wp:attachment":[{"href":"https:\/\/thomasjpitts.co.uk\/wordpress\/wp-json\/wp\/v2\/media?parent=1065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thomasjpitts.co.uk\/wordpress\/wp-json\/wp\/v2\/categories?post=1065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thomasjpitts.co.uk\/wordpress\/wp-json\/wp\/v2\/tags?post=1065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}