Channel 9 Microsoft http://mschnlnine.vo.llnwd.net/d1/Dev/App_Themes/C9/images/feedimage.png Channel 9 http://channel9.msdn.com/Niners/BoyOfGreen/Posts Channel 9 keeps you up to date with the latest news and behind the scenes info from Microsoft that developers love to keep up with. From LINQ to SilverLight – Watch videos and hear about all the cool technologies coming and the people behind them. http://channel9.msdn.com/Niners/BoyOfGreen/Posts en Fri, 24 May 2013 16:34:06 GMT Fri, 24 May 2013 16:34:06 GMT Rev9 7 1 25 Developing in HTML5 and Javascript for Windows Phone  One of the really exciting things about Windows Phone development is how enormously flexible it is. With Windows Phone 8, in addition to supporting native (C++) and managed (C#) development, the platform is the perfect place to develop apps using HTML5.

Jeff Burtoft,  an HTML5 technical evangelist with Microsoft, joins us this week to talk about the flexibility and cross-platform power of HTML5 in the context of Windows Phone. The in-depth example that we cover in the video is a project called YetiBowl, and standards compliant HTML5 game that runs flawlessly on the web, as a Windows 8 app and as a Windows Phone 8 app.

Make sure you check out Jeff's 4 part series on creating the HTML5 Yeti game you see in this episode.

Yeti Bowl Part 1, Part 2, Part 3, Part 4

What makes all this possible is Internet Explorer 10 on Windows Phone 8. IE10 for the phone and the PC are built on the same engine and use the same renderer which means that what you see on your desktop (or tablet) is what you'll see on your phone. Additionally, the web browser control in Windows Phone apps is a full instance of IE10, with the same speed and power as the native phone browser.

There are lots of great libraries and products that make developing for Windows Phone 8 in HTML5 a blast.

  • PhoneGap - PhoneGap is for building cross-platform apps using HTML5. They support Windows Phone 8 with a great Visual Studio template to get started in no time. And don't miss our PhoneGap porting challenge with great opportunities prizes available for PhoneGap developers.  
  • Atari Arcade - Great HTML5 games that re-imagine the some of the classic Atari games. Get the source code and get coding!
  • Internet Explorer Test Drive - great examples of what is possible using IE 10.
  • CreateJS - A great library for building rich experiences in HTML5 that work beautifully on Windows Phone.
  • ProcessingJS for Windows and Windows Phone - The ProcessingJS library uses HTML5 canvas to create digital art, simple games and visualizations. We have a full curriculum on creative coding including sample projects and full-featured apps.
  • Construct 2 - HTML5 based game creator focused on building beautiful 2D HTML5 games. Support for both Windows Phone 8 and Windows Store apps.
  • YoYo GameMaker - Cross-platform HTML5 game development with support for Windows Phone 8 and Windows 8.

 

 

 

]]> http://channel9.msdn.com/Shows/Inside+Windows+Phone/Developing-in-HTML5-and-Javascript-for-Windows-Phone  One of the really exciting things about Windows Phone development is how enormously flexible it is. With Windows Phone 8, in addition to supporting native (C++) and managed (C#) development, the platform is the perfect place to develop apps using HTML5. Jeff Burtoft,  an HTML5 technical evangelist with Microsoft, joins us this week to talk about the flexibility and cross-platform power of HTML5 in the context of Windows Phone. The in-depth example that we cover in the video is a project called YetiBowl, and standards compliant HTML5 game that runs flawlessly on the web, as a Windows 8 app and as a Windows Phone 8 app. Make sure you check out Jeff's 4 part series on creating the HTML5 Yeti game you see in this episode. Yeti Bowl Part 1, Part 2, Part 3, Part 4 What makes all this possible is Internet Explorer 10 on Windows Phone 8. IE10 for the phone and the PC are built on the same engine and use the same renderer which means that what you see on your desktop (or tablet) is what you'll see on your phone. Additionally, the web browser control in Windows Phone apps is a full instance of IE10, with the same speed and power as the native phone browser. There are lots of great libraries and products that make developing for Windows Phone 8 in HTML5 a blast. PhoneGap - PhoneGap is for building cross-platform apps using HTML5. They support Windows Phone 8 with a great Visual Studio template to get started in no time. And don't miss our PhoneGap porting challenge with great opportunities prizes available for PhoneGap developers.   Atari Arcade - Great HTML5 games that re-imagine the some of the classic Atari games. Get the source code and get coding! Internet Explorer Test Drive - great examples of what is possible using IE 10. CreateJS - A great library for building rich experiences in HTML5 that work beautifully on Windows Phone. ProcessingJS for Windows and Windows Phone - The ProcessingJS library uses HTML5 canvas to create digital 744 http://channel9.msdn.com/Shows/Inside+Windows+Phone/Developing-in-HTML5-and-Javascript-for-Windows-Phone Thu, 09 May 2013 18:23:03 GMT http://channel9.msdn.com/Shows/Inside+Windows+Phone/Developing-in-HTML5-and-Javascript-for-Windows-Phone Matthias Shapiro, Jeff Burtoft Matthias Shapiro, Jeff Burtoft 3 http://channel9.msdn.com/Shows/Inside+Windows+Phone/Developing-in-HTML5-and-Javascript-for-Windows-Phone/RSS Games HTML5 JavaScript Windows Phone IE 10 HTML5 Games, Yeti Style, Part 4 of 4 Developers across the industry have been using HTML5 to produce all types of games.  This four part workshop walks you through the basics of HTML5 game creation.  We cover everything from writing to the canvas tag to delivering the app in the Windows 8 Store.

  HTML5 Evangelist Jeff Burtoft (@boyofgreen) walks you through the creation of a fun and inventive game called Yeti Bowl, teaching you to build HTML5 games as you have fun playing one.

]]> http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-4-of-4 Developers across the industry have been using HTML5 to produce all types of games.  This four part workshop walks you through the basics of HTML5 game creation.  We cover everything from writing to the canvas tag to delivering the app in the Windows 8 Store.   HTML5 Evangelist Jeff Burtoft (@boyofgreen) walks you through the creation of a fun and inventive game called Yeti Bowl, teaching you to build HTML5 games as you have fun playing one. 1668 http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-4-of-4 Mon, 06 May 2013 16:32:58 GMT http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-4-of-4 Jeff Burtoft Jeff Burtoft 0 http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-4-of-4/rss Casual-Games Games HTML5 JavaScript Windows 8 HTML5 Games, Yeti Style, Part 3 of 4 Developers across the industry have been using HTML5 to produce all types of games.  This four part workshop walks you through the basics of HTML5 game creation.  We cover everything from writing to the canvas tag to delivering the app in the Windows 8 Store.

  HTML5 Evangelist Jeff Burtoft (@boyofgreen) walks you through the creation of a fun and inventive game called Yeti Bowl, teaching you to build HTML5 games as you have fun playing one.

 

Download the Code Samples:

http://yetibowl.codeplex.com/

Next in series:

http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-4-of-4

]]> http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-3-of-4 Developers across the industry have been using HTML5 to produce all types of games.  This four part workshop walks you through the basics of HTML5 game creation.  We cover everything from writing to the canvas tag to delivering the app in the Windows 8 Store.   HTML5 Evangelist Jeff Burtoft (@boyofgreen) walks you through the creation of a fun and inventive game called Yeti Bowl, teaching you to build HTML5 games as you have fun playing one.   Download the Code Samples: http://yetibowl.codeplex.com/ Next in series: http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-4-of-4 2723 http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-3-of-4 Mon, 06 May 2013 16:32:32 GMT http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-3-of-4 Jeff Burtoft Jeff Burtoft 0 http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-3-of-4/rss Casual-Games Games HTML5 JavaScript Windows 8 HTML5 Games, Yeti Style, Part 2 of 4 Developers across the industry have been using HTML5 to produce all types of games.  This four part workshop walks you through the basics of HTML5 game creation.  We cover everything from writing to the canvas tag to delivering the app in the Windows 8 Store.

  HTML5 Evangelist Jeff Burtoft (@boyofgreen) walks you through the creation of a fun and inventive game called Yeti Bowl, teaching you to build HTML5 games as you have fun playing one.

Download the Code Samples:

http://yetibowl.codeplex.com/

Next in series:

http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-3-of-4

]]> http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-2-of-4 Developers across the industry have been using HTML5 to produce all types of games.  This four part workshop walks you through the basics of HTML5 game creation.  We cover everything from writing to the canvas tag to delivering the app in the Windows 8 Store.   HTML5 Evangelist Jeff Burtoft (@boyofgreen) walks you through the creation of a fun and inventive game called Yeti Bowl, teaching you to build HTML5 games as you have fun playing one. Download the Code Samples: http://yetibowl.codeplex.com/ Next in series: http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-3-of-4 3231 http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-2-of-4 Mon, 06 May 2013 16:32:09 GMT http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-2-of-4 Jeff Burtoft Jeff Burtoft 0 http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-2-of-4/rss Casual-Games Games HTML5 JavaScript Windows 8 HTML5 Games, Yeti Style, Part 1 of 4 Developers across the industry have been using HTML5 to produce all types of games.  This four part workshop walks you through the basics of HTML5 game creation.  We cover everything from writing to the canvas tag to delivering the app in the Windows 8 Store.

  HTML5 Evangelist Jeff Burtoft (@boyofgreen) walks you through the creation of a fun and inventive game called Yeti Bowl, teaching you to build HTML5 games as you have fun playing one.

 

Download the Code Samples:

http://yetibowl.codeplex.com/

Next in series:

http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-2-of-4

 

]]> http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-1-of-4 Developers across the industry have been using HTML5 to produce all types of games.  This four part workshop walks you through the basics of HTML5 game creation.  We cover everything from writing to the canvas tag to delivering the app in the Windows 8 Store.   HTML5 Evangelist Jeff Burtoft (@boyofgreen) walks you through the creation of a fun and inventive game called Yeti Bowl, teaching you to build HTML5 games as you have fun playing one.   Download the Code Samples: http://yetibowl.codeplex.com/ Next in series: http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-2-of-4   2284 http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-1-of-4 Mon, 06 May 2013 16:31:20 GMT http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-1-of-4 Jeff Burtoft Jeff Burtoft 0 http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-1-of-4/rss Casual-Games Games HTML5 JavaScript Windows 8 Easy Multi-touch Web Apps, Upgrade From Mouse to Pointer Events Building Multi-touch Web Apps can be a daunting task for any Web developer.  Luckily the new W3C Pointer Event specification makes it seamless.  This short tutorial provides a brief introduction to Pointer Events and then demonstrates how an app written for Mouse Events can be upgraded to a Multi-touch application simply by introducing Pointer Events.

[00:30] - Introduction to Pointer Events.
[03:00] - Upgrading of brick breaker app from mouse to pointers.

Additional Resources:

Pointer Events Specification

http://msdn.microsoft.com/en-US/library/ie/hh673557.aspx
 
 
]]> http://channel9.msdn.com/posts/Easy-Multi-touch-Web-Apps-Upgrade-From-Mouse-to-Pointer-Events Building Multi-touch Web Apps can be a daunting task for any Web developer.  Luckily the new W3C Pointer Event specification makes it seamless.  This short tutorial provides a brief introduction to Pointer Events and then demonstrates how an app written for Mouse Events can be upgraded to a Multi-touch application simply by introducing Pointer Events. [00:30] - Introduction to Pointer Events.[03:00] - Upgrading of brick breaker app from mouse to pointers. Additional Resources: Pointer Events Specification http://msdn.microsoft.com/en-US/library/ie/hh673557.aspx http://blogs.msdn.com/b/ie/archive/2011/09/20/touch-input-for-ie10-and-metro-style-apps.aspx  390 http://channel9.msdn.com/posts/Easy-Multi-touch-Web-Apps-Upgrade-From-Mouse-to-Pointer-Events Mon, 29 Apr 2013 06:31:52 GMT http://channel9.msdn.com/posts/Easy-Multi-touch-Web-Apps-Upgrade-From-Mouse-to-Pointer-Events Jeff Burtoft Jeff Burtoft 0 http://channel9.msdn.com/posts/Easy-Multi-touch-Web-Apps-Upgrade-From-Mouse-to-Pointer-Events/rss HTML5 Multitouch Multi-touch Web Development Build Windows 8 Apps with YUI YUI is a great framework for the web, but did you also know it can be used to build Windows 8 Store Apps?  The YUI team has certified their library for the Windows 8 App environment and this video is a walk though of just how easy it is to build that app.  As a bonus, we then take that same code and use it inside a Windows Phone 8 App.  See what makes YUI an awesome cross browser, and cross device development tool.

[00:30] - Build you app for the Web. 
[02:40] - Build your app for Windows 8.
[09:16] - Build your app for Windows Phone 8.

]]> http://channel9.msdn.com/posts/Title-Build-Windows-8-Apps-with-YUI YUI is a great framework for the web, but did you also know it can be used to build Windows 8 Store Apps?  The YUI team has certified their library for the Windows 8 App environment and this video is a walk though of just how easy it is to build that app.  As a bonus, we then take that same code and use it inside a Windows Phone 8 App.  See what makes YUI an awesome cross browser, and cross device development tool. [00:30] - Build you app for the Web. [02:40] - Build your app for Windows 8.[09:16] - Build your app for Windows Phone 8. 685 http://channel9.msdn.com/posts/Title-Build-Windows-8-Apps-with-YUI Wed, 27 Mar 2013 22:11:36 GMT http://channel9.msdn.com/posts/Title-Build-Windows-8-Apps-with-YUI Jeff Burtoft Jeff Burtoft 4 http://channel9.msdn.com/posts/Title-Build-Windows-8-Apps-with-YUI/rss HTML5 JavaScript Windows 8 Windows Phone 8