Reply to: Google Doodle Bouncing Balls & HTML5

[NickFitz]

I hope Firefox v4 has finally implemented the full SVG spec.

Last time I tried displaying my SVG maps, about a year ago, Firefox (some v3 version) didn't support the "g" (group) element, which makes a nonsense of the whole thing, the graphical equivalent of a computer language which doesn't support functions/subroutines! It also wouldn't display dashed lines, as I recall, or allow text fonts to be specified.

I was doing lots of work with SVG at ClientOrg last year - not just rendering, but interactive widgets with JavaScript. Things like <g> worked just fine. (MathML worked too.) I can't remember if we were applying fonts with SVG or by using namespaced CSS, but we definitely had fonts (labelling our interactive charts would have been a bit tricky otherwise ).

We were using the then-cutting-edge build, Shiretoko, as we were working on a desktop application that embedded Gecko; that version became Firefox 3.5.

There's an SVG support chart at the MDN: SVG in Firefox

[xoggoth]

Those of us who know Google is part of the Illuminati realise that it is probably hypnotising us in some mysterious way we do not yet understand. Next week they will use the trigger and all common men who are not among the initiated will get up and kill themselves.

PS Never heard of SVG, looks interesting. I would look into it but I'll be dead next week anyway.

[VectraMan]

I hope Firefox v4 has finally implemented the full SVG spec.

Last time I tried displaying my SVG maps, about a year ago, Firefox (some v3 version) didn't support the "g" (group) element, which makes a nonsense of the whole thing, the graphical equivalent of a computer language which doesn't support functions/subroutines! It also wouldn't display dashed lines, as I recall, or allow text fonts to be specified.

I was playing with some SVG with <g>s in it that worked okay in the latest (3.6.4) Firefox (and Chrome and IE9).

The BS meter is on overload with HTML5, as Nick's comment ("it's plain old HTML 4.01") shows. It annoys me that people keep going on about the canvas element as being the Flash replacement, but really SVG is a much closer match to what Flash does. And that's been around for donkeys years, though seemingly unloved by all.

[d000hg]

That was about the Buckyball doodle from the weekend - it looks like the boring animated GIF is all that's left of it now:

Darn, I assumed it was the same thing. Missed that one - was it HTML5 out of interest or fake-TML5?

[OwlHoot]

I hope Firefox v4 has finally implemented the full SVG spec.

Last time I tried displaying my SVG maps, about a year ago, Firefox (some v3 version) didn't support the "g" (group) element, which makes a nonsense of the whole thing, the graphical equivalent of a computer language which doesn't support functions/subroutines! It also wouldn't display dashed lines, as I recall, or allow text fonts to be specified.

[NickFitz]

Not 100% convinced, but more interestingly:

'Larry and Sergey's HTML5 balls drained my resources'

Everyone seems to think it is HTML5, on an IT site you'd have thought someone would have checked how it worked...

That was about the Buckyball doodle from the weekend - it looks like the boring animated GIF is all that's left of it now:

[d000hg]

haha my chimp friend you misunderstand, I didn't actually say that the balls were HTML5, what I meant was that the balls are there as a marketing strategy to get people talking (which seems to have worked) and that this is a pre-cursor to the Google Conference tomorrow at which they are expected to announce HTML5/Google Chrome related stuff. The HTML5 part was merely a follow on train of thought of my conscience.

Not 100% convinced, but more interestingly:

'Larry and Sergey's HTML5 balls drained my resources'

Everyone seems to think it is HTML5, on an IT site you'd have thought someone would have checked how it worked...

[chef]

Does it work in IE6?

no, not on my machine atleast, IEv6.0.2900.5512

[chef]

The bouncing logo isn't using HTML5 at all. It's plain old HTML 4.01 <div> elements. It uses CSS3's border-radius to make them round. The rest is just some JavaScript. In fact, it would even work in IE6 if they used some IE-specific technique to make them round (or just left them square).

EDIT: Christian Heilmann (of Yahoo!) has a decent analysis on his blog, including a formatted copy of the JS code.

haha my chimp friend you misunderstand, I didn't actually say that the balls were HTML5, what I meant was that the balls are there as a marketing strategy to get people talking (which seems to have worked) and that this is a pre-cursor to the Google Conference tomorrow at which they are expected to announce HTML5/Google Chrome related stuff. The HTML5 part was merely a follow on train of thought of my conscience.

[scooterscot]

Nationwide Internet Banking does not work if you have Chrome installed - as I found out at the weekend...

More importantly are we all aware nationwide is stopping free currency transactions?

[NickFitz]

The bouncing logo isn't using HTML5 at all. It's plain old HTML 4.01 <div> elements. It uses CSS3's border-radius to make them round. The rest is just some JavaScript. In fact, it would even work in IE6 if they used some IE-specific technique to make them round (or just left them square).

EDIT: Christian Heilmann (of Yahoo!) has a decent analysis on his blog, including a formatted copy of the JS code.

[cailin maith]

Nationwide Internet Banking does not work if you have Chrome installed - as I found out at the weekend...

Nationwide Internet Banking doesn't work cos it's a big pile of tulipE!!

I like the Google balls today

[SupremeSpod]

Nationwide Internet Banking does not work if you have Chrome installed - as I found out at the weekend...

[administrator]

Oo! If you get the right number of google balls to bounce awa... on Twitpic

[chef]

a pretty cool website demo'ing HTML5 is The Arcade Fire website here (google chrome viewing advised), you can play with the birds