I keep reading people saying that today's Google doodle of the
interactive dots is html5. I don't know html5, but expect I will
learn it some day. I have read some general overviews of what it is
supposed to do, but I suspect I am under-informed.
Can someone tell me if they know for sure that the Google Dots are
done with html5? If you know this to be true, can you please tell me
what is being done that could not be done before html5, and what new
html5 css3 elements are being used to do it.
My limited knowledge of html/javascript tells me that, contrary to all
the hype, there is nothing special going on on Google today, just some
divs being moved around with javascript. I know this has been done a
million times over in every variation with flash. But, hasn't this
been possible with html/javascript for years, and just not done
because it is annoying + processor intensive (the same problem people
have flash).
The animation is being done with divs and javascript animation, yup.
Not really anything new to HTML5.
As reported here: http://techcrunch.com/2010/09/07/google-logo/ ..
+ If you move the browser window around, the balls also move. These
movements are based on the direction you move the window.
+ If you have a custom background installed on your Google homepage,
you’ll see a blue-red-yellow-green grid of dots next to the Google
logo, clicking on this will take you to the regular white Google
homepage where you’ll see the dots in action.
+ When you click back to the Google.com after being away, the dots
recognize that.
Both are super cool. I'm not sure but I imagine the div + js-based
animation approach was taken in order to get IE compatibility, which
won't support canvas or SVG until IE9.
The reason its so good looking is because browsers are much faster
than they used to be. This exact animation is totally possible in IE6,
it just wont be very smooth and lively.
On Sep 7, 1:05 pm, Mike <mike.d...@gmail.com> wrote:
> I keep reading people saying that today's Google doodle of the
> interactive dots is html5. I don't know html5, but expect I will
> learn it some day. I have read some general overviews of what it is
> supposed to do, but I suspect I am under-informed.
> Can someone tell me if they know for sure that the Google Dots are
> done with html5? If you know this to be true, can you please tell me
> what is being done that could not be done before html5, and what new
> html5 css3 elements are being used to do it.
> My limited knowledge of html/javascript tells me that, contrary to all
> the hype, there is nothing special going on on Google today, just some
> divs being moved around with javascript. I know this has been done a
> million times over in every variation with flash. But, hasn't this
> been possible with html/javascript for years, and just not done
> because it is annoying + processor intensive (the same problem people
> have flash).
Nope, not at all - It's just div's being moved around with javascript. If you open google.com, then open the javascript console to the "elements" tab (if using Firefox with Firebug, open the HTML tab) and traverse down to:
html > body > span#main > center > span-#body > center > div#lga > div#hplogo > *
You'll see a whole mess of divs with class="particle circle"... browsing the minified javascript comes up with several refs to "particle" and "circle" http://gist.github.com/569063
On Tue, Sep 7, 2010 at 4:05 PM, Mike <mike.d...@gmail.com> wrote: > I keep reading people saying that today's Google doodle of the > interactive dots is html5. I don't know html5, but expect I will > learn it some day. I have read some general overviews of what it is > supposed to do, but I suspect I am under-informed.
> Can someone tell me if they know for sure that the Google Dots are > done with html5? If you know this to be true, can you please tell me > what is being done that could not be done before html5, and what new > html5 css3 elements are being used to do it.
> My limited knowledge of html/javascript tells me that, contrary to all > the hype, there is nothing special going on on Google today, just some > divs being moved around with javascript. I know this has been done a > million times over in every variation with flash. But, hasn't this > been possible with html/javascript for years, and just not done > because it is annoying + processor intensive (the same problem people > have flash).
> -Please inform me! :) > -Mike
> -- > You received this message because you are subscribed to the Google Groups > "Chromium HTML5" group. > To post to this group, send email to chromium-ht...@chromium.org. > To unsubscribe from this group, send email to > chromium-html5+unsubscr...@chromium.org<chromium-html5%2Bunsubscr...@chromium.org> > . > For more options, visit this group at > http://groups.google.com/a/chromium.org/group/chromium-html5/?hl=en.
I have checked the source code, and they are using a bunch of <divs> that move. That doodle works in IE8 too. I assume they are not using any HTML5 features, just normal JavaScript DOM manipulation.
On Tue, Sep 7, 2010 at 4:05 PM, Mike <mike.d...@gmail.com> wrote: > I keep reading people saying that today's Google doodle of the > interactive dots is html5. I don't know html5, but expect I will > learn it some day. I have read some general overviews of what it is > supposed to do, but I suspect I am under-informed.
> Can someone tell me if they know for sure that the Google Dots are > done with html5? If you know this to be true, can you please tell me > what is being done that could not be done before html5, and what new > html5 css3 elements are being used to do it.
> My limited knowledge of html/javascript tells me that, contrary to all > the hype, there is nothing special going on on Google today, just some > divs being moved around with javascript. I know this has been done a > million times over in every variation with flash. But, hasn't this > been possible with html/javascript for years, and just not done > because it is annoying + processor intensive (the same problem people > have flash).
> -Please inform me! :) > -Mike
> -- > You received this message because you are subscribed to the Google Groups > "Chromium HTML5" group. > To post to this group, send email to chromium-ht...@chromium.org. > To unsubscribe from this group, send email to > chromium-html5+unsubscr...@chromium.org<chromium-html5%2Bunsubscr...@chromium.org> > . > For more options, visit this group at > http://groups.google.com/a/chromium.org/group/chromium-html5/?hl=en.
On Tue, Sep 7, 2010 at 15:05, Mike <mike.d...@gmail.com> wrote: > I keep reading people saying that today's Google doodle of the > interactive dots is html5. I don't know html5, but expect I will > learn it some day. I have read some general overviews of what it is > supposed to do, but I suspect I am under-informed.
> Can someone tell me if they know for sure that the Google Dots are > done with html5? If you know this to be true, can you please tell me > what is being done that could not be done before html5, and what new > html5 css3 elements are being used to do it.
> My limited knowledge of html/javascript tells me that, contrary to all > the hype, there is nothing special going on on Google today, just some > divs being moved around with javascript. I know this has been done a > million times over in every variation with flash. But, hasn't this > been possible with html/javascript for years, and just not done > because it is annoying + processor intensive (the same problem people > have flash).
> -Please inform me! :) > -Mike
> -- > You received this message because you are subscribed to the Google Groups "Chromium HTML5" group. > To post to this group, send email to chromium-ht...@chromium.org. > To unsubscribe from this group, send email to chromium-html5+unsubscr...@chromium.org. > For more options, visit this group at http://groups.google.com/a/chromium.org/group/chromium-html5/?hl=en.
> -- > You received this message because you are subscribed to the Google Groups > "Chromium HTML5" group. > To post to this group, send email to chromium-ht...@chromium.org. > To unsubscribe from this group, send email to > chromium-html5+unsubscr...@chromium.org<chromium-html5%2Bunsubscr...@chromium.org> > . > For more options, visit this group at > http://groups.google.com/a/chromium.org/group/chromium-html5/?hl=en.
