Re: [WSG] Google Les Paul tribute
HTML, CSS and JavaScript of course. On Thu, Jun 9, 2011 at 12:05 PM, Grant Bailey < grant_malcolm_bai...@westnet.com.au> wrote: > Hello, > > Today's Google home page has an interactive guitar in honour of Les Paul. > It makes sounds when you 'strum' the strings. > > I was wondering what technologies Google used to create this incredible > element. It does not appear to be Flash ... does anyone know. > > Thank you and kind regards, > > Grant Bailey > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > -- Jason Grant BSc [Hons], MSc [Hons] Customer Experience Architect Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
Yeah, I was blown away and can now play happy birthday and other 3 chord songs without even picking up the guitar. Looked like flash but no, looks to me like all dom programming Strings must be hit areas toggling animated gifs and triggering mp3s - framework? - no - or something or something - I reckon it's a worthy discussion for WSG On Thu, Jun 9, 2011 at 9:11 PM, Jason Grant wrote: > HTML, CSS and JavaScript of course. > > > On Thu, Jun 9, 2011 at 12:05 PM, Grant Bailey < > grant_malcolm_bai...@westnet.com.au> wrote: > >> Hello, >> >> Today's Google home page has an interactive guitar in honour of Les Paul. >> It makes sounds when you 'strum' the strings. >> >> I was wondering what technologies Google used to create this incredible >> element. It does not appear to be Flash ... does anyone know. >> >> Thank you and kind regards, >> >> Grant Bailey >> >> >> >> *** >> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm >> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm >> Help: memberh...@webstandardsgroup.org >> *** >> >> > > > -- > Jason Grant BSc [Hons], MSc [Hons] > Customer Experience Architect > Flexewebs Ltd. > > www.flexewebs.com > ja...@flexewebs.com > +44 (0)7748 591 770 > > www.flexewebs.com/semantix > www.twitter.com/flexewebs > www.linkedin.com/in/flexewebs > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > -- Ben Kahans Web Designer/Developer Jumping Dog Design www.jumpingdogdesign.com.au 0411980122 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
It uses the html5 'canvas' tag as the basis. http://en.wikipedia.org/wiki/Canvas_element any many more . . . Bob - Original Message - From: Jason Grant To: wsg@webstandardsgroup.org Sent: Thursday, June 09, 2011 12:11 PM Subject: Re: [WSG] Google Les Paul tribute HTML, CSS and JavaScript of course. On Thu, Jun 9, 2011 at 12:05 PM, Grant Bailey wrote: Hello, Today's Google home page has an interactive guitar in honour of Les Paul. It makes sounds when you 'strum' the strings. I was wondering what technologies Google used to create this incredible element. It does not appear to be Flash ... does anyone know. Thank you and kind regards, Grant Bailey *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc [Hons], MSc [Hons] Customer Experience Architect Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
On 6/9/2011 9:23 PM, ben kahans wrote: Yeah, I was blown away and can now play happy birthday and other 3 chord songs without even picking up the guitar. Looked like flash but no, looks to me like all dom programming Strings must be hit areas toggling animated gifs and triggering mp3s - framework? - no - or something or something - I reckon it's a worthy discussion for WSG I have heard a lot of these animated Google logo's are just animated gifs with javascript tohandle the mouse overs. It does not work without JS enabled, it just shows a standard image. O *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
Okay, I'm converted! On Thu, Jun 9, 2011 at 9:25 PM, designer wrote: > It uses the html5 'canvas' tag as the basis. > > http://en.wikipedia.org/wiki/Canvas_element any many more . . . > > Bob > > > > - Original Message - > *From:* Jason Grant > *To:* wsg@webstandardsgroup.org > *Sent:* Thursday, June 09, 2011 12:11 PM > *Subject:* Re: [WSG] Google Les Paul tribute > > HTML, CSS and JavaScript of course. > > On Thu, Jun 9, 2011 at 12:05 PM, Grant Bailey < > grant_malcolm_bai...@westnet.com.au> wrote: > >> Hello, >> >> Today's Google home page has an interactive guitar in honour of Les Paul. >> It makes sounds when you 'strum' the strings. >> >> I was wondering what technologies Google used to create this incredible >> element. It does not appear to be Flash ... does anyone know. >> >> Thank you and kind regards, >> >> Grant Bailey >> >> >> >> *** >> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm >> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm >> Help: memberh...@webstandardsgroup.org >> *** >> >> > > > -- > Jason Grant BSc [Hons], MSc [Hons] > Customer Experience Architect > Flexewebs Ltd. > > www.flexewebs.com > ja...@flexewebs.com > +44 (0)7748 591 770 > > www.flexewebs.com/semantix > www.twitter.com/flexewebs > www.linkedin.com/in/flexewebs > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > -- Ben Kahans Web Designer/Developer Jumping Dog Design www.jumpingdogdesign.com.au 0411980122 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
> HTML, CSS and JavaScript of course. Remarkably detailed and insightful help there! ;) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
Saving the web page does not seem to reproduce the functionality ... is that to be expected? The guitar does not make any sound in IE7 (at least on my machine) ... perhaps due to IE's lack of support for ? I would have thought that Google would apply a shim ... On 9/06/2011 9:25 PM, designer wrote: It uses the html5 'canvas' tag as the basis. http://en.wikipedia.org/wiki/Canvas_element any many more . . . Bob - Original Message - *From:* Jason Grant <mailto:ja...@flexewebs.com> *To:* wsg@webstandardsgroup.org <mailto:wsg@webstandardsgroup.org> *Sent:* Thursday, June 09, 2011 12:11 PM *Subject:* Re: [WSG] Google Les Paul tribute HTML, CSS and JavaScript of course. On Thu, Jun 9, 2011 at 12:05 PM, Grant Bailey mailto:grant_malcolm_bai...@westnet.com.au>> wrote: Hello, Today's Google home page has an interactive guitar in honour of Les Paul. It makes sounds when you 'strum' the strings. I was wondering what technologies Google used to create this incredible element. It does not appear to be Flash ... does anyone know. Thank you and kind regards, Grant Bailey *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org <mailto:memberh...@webstandardsgroup.org> *** -- Jason Grant BSc [Hons], MSc [Hons] Customer Experience Architect Flexewebs Ltd. www.flexewebs.com <http://www.flexewebs.com> ja...@flexewebs.com <mailto:ja...@flexewebs.com> +44 (0)7748 591 770 www.flexewebs.com/semantix <http://www.flexewebs.com/semantix> www.twitter.com/flexewebs <http://www.twitter.com/flexewebs> www.linkedin.com/in/flexewebs <http://www.linkedin.com/in/flexewebs> *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
HTML5, easy to do Kind Regards, Chris Harris CEO | Founder | Producer juicemedia ch...@juicemedia.com.au T. 612 99044022 M. 61 413 108870 www.juicemedia.com.au On Jun 9, 2011, at 9:16 PM, Jason Grant wrote: HTML, CSS and JavaScript of course. On Thu, Jun 9, 2011 at 12:05 PM, Grant Bailey < grant_malcolm_bai...@westnet.com.au> wrote: > Hello, > > Today's Google home page has an interactive guitar in honour of Les Paul. > It makes sounds when you 'strum' the strings. > > I was wondering what technologies Google used to create this incredible > element. It does not appear to be Flash ... does anyone know. > > Thank you and kind regards, > > Grant Bailey > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > -- Jason Grant BSc [Hons], MSc [Hons] Customer Experience Architect Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
On 09/06/2011 12:05, Grant Bailey wrote: Hello, Today's Google home page has an interactive guitar in honour of Les Paul. It makes sounds when you 'strum' the strings. I was wondering what technologies Google used to create this incredible element. It does not appear to be Flash ... does anyone know. View Source... And yes, it does use flash (rather than the element) for the actual sound playback... P -- Patrick H. Lauke __ re∑dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com | http://flickr.com/photos/redux/ __ twitter: @patrick_h_lauke | skype: patrick_h_lauke __ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
The sound is done using Flash (there's no tag). Anyone else appreciate the irony (and I know this isn't the first time by a long way !) how much Google espouses open technologies and then always obfuscates their code ;-) N Nick Brown | Director | Boss Level | http://www.bosslevelgames.com [1] +44 (0) 752 881 0476 | n...@bosslevelgames.com On Thu 09/06/11 13:41 , Chris Harris wrote: HTML5, easy to do Kind Regards, Chris HarrisCEO | Founder | producerjuicemediach...@juicemedia.com.au T. 612 99044022M. 61 413 108870 www.juicemedia.com.au [2] On Jun 9, 2011, at 9:16 PM, Jason Grant wrote: HTML, CSS and JavaScript of course. On Thu, Jun 9, 2011 at 12:05 PM, Grant Bailey wrote: Hello, Today's Google home page has an interactive guitar in honour of Les Paul. It makes sounds when you 'strum' the strings. I was wondering what technologies Google used to create this incredible element. It does not appear to be Flash ... does anyone know. Thank you and kind regards, Grant Bailey *** List Guidelines: [3]http://webstandardsgroup.org/mail/guidelines.cfm [4] Unsubscribe: [5]http://webstandardsgroup.org/join/unsubscribe.cfm [6] Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc [Hons], MSc [Hons] Customer Experience ArchitectFlexewebs Ltd. [7]www.flexewebs.com [8] ja...@flexewebs.com +44 (0)7748 591 770 [9]www.flexewebs.com/semantix [10] [11]www.twitter.com/flexewebs [12] [13]www.linkedin.com/in/flexewebs [14] *** List Guidelines: [15]http://webstandardsgroup.org/mail/guidelines.cfm [16] Unsubscribe: [17]http://webstandardsgroup.org/join/unsubscribe.cfm [18] Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm [19] Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm [20] Help: memberh...@webstandardsgroup.org *** Links: -- [1] http://www.bosslevelgames.com [2] http://www.juicemedia.com.au [3] http://webstandardsgroup.org/mail/guidelines.cfm [4] http://webstandardsgroup.org/mail/guidelines.cfm [5] http://webstandardsgroup.org/join/unsubscribe.cfm [6] http://webstandardsgroup.org/join/unsubscribe.cfm [7] http://www.flexewebs.com [8] http://www.flexewebs.com [9] http://www.flexewebs.com/semantix [10] http://www.flexewebs.com/semantix [11] http://www.twitter.com/flexewebs [12] http://www.twitter.com/flexewebs [13] http://www.linkedin.com/in/flexewebs [14] http://www.linkedin.com/in/flexewebs [15] http://webstandardsgroup.org/mail/guidelines.cfm [16] http://webstandardsgroup.org/mail/guidelines.cfm [17] http://webstandardsgroup.org/join/unsubscribe.cfm [18] http://webstandardsgroup.org/join/unsubscribe.cfm [19] http://webstandardsgroup.org/mail/guidelines.cfm [20] http://webstandardsgroup.org/join/unsubscribe.cfm *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
On 09/06/11 12:37, Grant Bailey wrote: The guitar does not make any sound in IE7 (at least on my machine) ... perhaps due to IE's lack of support for ? I would have thought that Google would apply a shim ... Perhaps not, since they're apparently about to phase out support for it: http://www.bbc.co.uk/news/technology-13639875 Lesley -- Life is not a malfunction (Short Circuit) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Google Les Paul tribute
At 12:55 PM +0100 6/9/11, Nick Brown wrote: The sound is done using Flash (there's no tag). That explains it. If you got the notes and the triggers, it's pretty simple. Cheers, tedd -- --- http://sperling.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***