Code examples and resources, for 'Cross-platform application development using web technologies', talk presented at SpainJS.
This talk presents how Spotify uses web technologies to develop and maintain key features in the different platforms . Hybrid apps is a hot topic nowadays, and we will explain how our architecture abstracts a web developer from the platform, making it possible to share code across multiple devices.
In the second part of the talk we will describe the architecture of the Spotify Embedded Platform, that allows external developers to include spotify entities inside their webpages, including a technology for remote controlling spotify clients, the webplayer and the desktop client.
[Slide share] (http://www.slideshare.net/tomasperezv/spotify-presentation-spainjs2013)
(Or check the included pdf file)
[@JMPerez] (https://github.com/JMPerez)
[@tomasperezv] (https://github.com/tomasperezv)
[Spotify Apps API] (https://developer.spotify.com/technologies/apps/)
[Spotify Apps Tutorial] (https://github.com/spotify/apps-tutorial)
[HTML5 Web Messaging] (http://dev.w3.org/html5/postmsg/)
[Web Storage] (http://www.w3.org/TR/webstorage/)
[IE8 support for html5 and postmessages] (http://blogs.msdn.com/b/ieinternals/archive/2009/09/16/bugs-in-ie8-support-for-html5-postmessage-sessionstorage-and-localstorage.aspx)
[Is local storage performance a problem?] (http://calendar.perfplanet.com/2012/is-localstorage-performance-a-problem/)
[HTML5 Hard Disk Filler] (http://feross.org/fill-disk/)
[window.postMessage mozilla documentation] (https://developer.mozilla.org/en-US/docs/Web/API/window.postMessage)
[Chrome prerender] (https://developers.google.com/chrome/whitepapers/prerender)
[Firefox prefetch] (https://developer.mozilla.org/en/Link_prefetching_FAQ)
[Using Iframes Sparingly] (http://www.stevesouders.com/blog/2009/06/03/using-iframes-sparingly/)
[Updated JSPerf about IFrames performance] (http://jsperf.com/time-to-create-elements)
[HTML5 Sandboxed IFrames] (http://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/)