<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://blogs.msdn.com/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Out Of The Box</title><link>http://blogs.msdn.com/b/jonbox/</link><description>The blog of Jon Box, an Architect Evangelist in Developer &amp;amp; Platform Evangelism, based in Tennessee</description><dc:language>en-US</dc:language><generator>Telligent Community 5.6.583.19849 (Build: 5.6.583.19849)</generator><item><title>CES Keynote Summary</title><link>http://blogs.msdn.com/b/jonbox/archive/2012/01/10/ces-keynote-summary.aspx</link><pubDate>Wed, 11 Jan 2012 03:06:00 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10255352</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10255352</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2012/01/10/ces-keynote-summary.aspx#comments</comments><description>&lt;p&gt;Well, I think it was a good showing for Microsoft again. I think the keynote was entertaining and informative, and shows that we have a broad set of business. Take a look and see if you agree. I’ve provided an outline below (with some time stamps so you can jump right to a point of interest), as well as a few quotes that stood out to me.&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;Links:&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;Video: &lt;a href="http://www.microsoft.com/presspass/events/ces/VideoGallery.aspx"&gt;http://www.microsoft.com/presspass/events/ces/VideoGallery.aspx&lt;/a&gt;&lt;/li&gt;    &lt;li&gt;Transcript: &lt;a href="http://www.microsoft.com/presspass/exec/steve/2012/01-09CES.mspx"&gt;http://www.microsoft.com/presspass/exec/steve/2012/01-09CES.mspx&lt;/a&gt;&lt;/li&gt;    &lt;li&gt;Frank Shaw summary: &lt;a href="http://blogs.technet.com/b/microsoft_blog/archive/2012/01/09/that-s-a-wrap-microsoft-2012-ces-keynote-recap.aspx"&gt;http://blogs.technet.com/b/microsoft_blog/archive/2012/01/09/that-s-a-wrap-microsoft-2012-ces-keynote-recap.aspx&lt;/a&gt;&lt;/li&gt;    &lt;li&gt;Nokia's announcement: &lt;a href="http://press.nokia.com/2012/01/09/nokia-and-att-introduce-the-new-nokia-lumia-900-on-atts-4g-lte-network/"&gt;http://press.nokia.com/2012/01/09/nokia-and-att-introduce-the-new-nokia-lumia-900-on-atts-4g-lte-network/&lt;/a&gt;&lt;/li&gt;    &lt;li&gt;New Device Announcements: &lt;a title="http://www.microsoft.com/presspass/features/2012/jan12/01-10Devices.mspx" href="http://www.microsoft.com/presspass/features/2012/jan12/01-10Devices.mspx"&gt;http://www.microsoft.com/presspass/features/2012/jan12/01-10Devices.mspx&lt;/a&gt;&lt;/li&gt;    &lt;li&gt;CES Press Materials: &lt;a href="http://www.microsoft.com/presspass/events/ces/Materials.aspx"&gt;http://www.microsoft.com/presspass/events/ces/Materials.aspx&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;Outline&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;Introduction by CES CEO&lt;/li&gt;    &lt;li&gt;Very cool video showing history of MSFT and CES, musically synthesized.&lt;/li&gt;    &lt;li&gt;Ryan Seacrest arrives at 9:40&lt;/li&gt;    &lt;li&gt;WP7, 12:50. Derek Snyder demos.&lt;/li&gt;    &lt;li&gt;WP Hardware Partners, 23:00&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;T-Mobile will offer Nokua Lumia 710 and 800 in Canada, and Lumia 710 in US&lt;/li&gt;      &lt;li&gt;Nokia Lumia 900 on AT&amp;amp;T 4G LTE (4.3 in. display) in US&lt;/li&gt;      &lt;li&gt;HTC Titan II, on AT&amp;amp;T (4.7 in. screen, 16MP camera&lt;/li&gt;   &lt;/ul&gt;    &lt;li&gt;Windows PC, 26:30&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;1.3B Windows PC's in-use on our planet, the #1 smart device by audience size&lt;/li&gt;      &lt;li&gt;Windows 7 hardware video (29:00)&lt;/li&gt;      &lt;ul&gt;       &lt;li&gt;Sony Vaio Z (15 hours of battery life), &lt;/li&gt;        &lt;li&gt;Asus Zenbook UX21 (go 1 week on standby), &lt;/li&gt;        &lt;li&gt;Acer Aspire S3 (1/2&amp;quot; thin)&lt;/li&gt;        &lt;li&gt;Toshiba Portege Z830 (world's lightest 13&amp;quot; laptop)&lt;/li&gt;        &lt;li&gt;Dell XPS 14z (14&amp;quot; screen in 13&amp;quot; Chassis) &lt;/li&gt;        &lt;li&gt;Lenovo IdeaPad 300 (book like silhouette)&lt;/li&gt;        &lt;li&gt;Sumsung Series 9 (small, light)&lt;/li&gt;        &lt;li&gt;HP Envy14 Spectre (the first multi-surface glass notebook, ) &lt;/li&gt;     &lt;/ul&gt;   &lt;/ul&gt;    &lt;li&gt;Windows 8 demo, Tami Reller (CMO Windows), 31:15&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;&amp;quot;Silicon partners, NVIDIA, Qualcomm, and Texas Instruments are all working hard with us to bring Windows to ARM, together with our OEMs. And this all means that the widest possible range of PCs and tablets will be available for Windows 8 across architectures, giving customers more choice and more flexibility&amp;quot;&lt;/li&gt;   &lt;/ul&gt;    &lt;li&gt;Windows Store, 36:49&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;Cut The Rope, from ZeptoLab&lt;/li&gt;      &lt;li&gt;&amp;quot;The Windows Store will be global, available in every language that is offered for Windows, and that's more than 100 languages. Free and paid apps will be available in more than 200 markets around the world, and that's just an incredible reach. And the store it not just for consumers, if they want businesses can actually use the Windows Store to deliver their business apps and updates to employees.&amp;quot;&lt;/li&gt;   &lt;/ul&gt;    &lt;li&gt;Windows today&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;&amp;quot;Windows 7 is the best-selling operating system of all time. Five hundred million users on the planet for Windows 7. We're licensing about seven new copies a second. And by my calculation, I think that means by the time we wrap up today, there are probably 25,000 new Windows 7 users on this planet.&amp;quot; SteveB &lt;/li&gt;      &lt;li&gt;&amp;quot;Every Windows 7 PC will be ready for Windows 8 on day one. So, the 3 million people who have already come to our website and downloaded the Windows 8 preview, boom, they can do it from any Windows PC ever made.&amp;quot;&lt;/li&gt;   &lt;/ul&gt;    &lt;li&gt;Tweet choir, 49:15&lt;/li&gt;    &lt;li&gt;Xbox, 52:40&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;&amp;quot;In a sense, Xbox kind of represents the best of a part of our DNA that we're really proud about. We make these big, bold bets. We invest for the long-term. And we make exciting things happen. And we're 10 years later, we're the world's sales leader in the last year for consoles, which is exciting as heck. We have over 66 million Xbox users. And perhaps the most amazing thing is, we have over 40 million Xbox Live subscribers tuning in on a regular basis for a variety of different entertainment experiences.&amp;quot;&lt;/li&gt;      &lt;li&gt;Shipped 18M Kinects in the last year&lt;/li&gt;   &lt;/ul&gt;    &lt;li&gt;Craig Davidson demos Xbox Kinect and TV functionality, 56:05&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;Announcing partnership with News Corporate, and the new Fox Xbox app&lt;/li&gt;      &lt;li&gt;U-Verse coming &lt;/li&gt;      &lt;li&gt;Two-way TV, demo'd by Jaymi Bauer, 1:03:04, Kinect Sesame Street TV&lt;/li&gt;   &lt;/ul&gt;    &lt;li&gt;1:08:37, Kinect Video, and announcement bringing Kinect to Windows 8 on FEB 1st&lt;/li&gt;    &lt;li&gt;Closing - Quick Mentions&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;&amp;quot;Sync, which we've worked on with Ford. Sync is now installed, powering intelligent experiences in over 4 million Ford vehicles since 2007, and I think we'll reach 9 million additional cars in the course of the next three years.&amp;quot;&lt;/li&gt;      &lt;li&gt;Office 2010, fastest selling version of Office in company history, per Frank S. post above&lt;/li&gt;      &lt;li&gt;Office 365, used by 80M+ people&lt;/li&gt;      &lt;li&gt;Skype, 200 million people who used over 300 billion minutes of voice and video&lt;/li&gt;   &lt;/ul&gt;    &lt;li&gt;What's next? &lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;Metro, metro, metro&lt;/li&gt;      &lt;li&gt;Windows 8&lt;/li&gt;   &lt;/ul&gt; &lt;/ul&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10255352" width="1" height="1"&gt;</description></item><item><title>Memphis Lunch on Windows Server 8 and SCCM</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/11/03/memphis-lunch-on-windows-server-8-and-sccm.aspx</link><pubDate>Thu, 03 Nov 2011 18:57:55 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10233727</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10233727</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/11/03/memphis-lunch-on-windows-server-8-and-sccm.aspx#comments</comments><description>&lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.ascendum.com/"&gt;Ascendum&lt;/a&gt; invites you to hear the latest from Microsoft about next generation server operating system codenamed “&lt;a href="http://www.microsoft.com/en-us/server-cloud/windows-server/v8.aspx"&gt;Windows Server 8&lt;/a&gt;”.&amp;#160; &lt;a href="http://www.clicktoattend.com/?id=158090"&gt;Join us&lt;/a&gt; for lunch Wednesday, December 14 at The Crescent Club where Doug Miller, Microsoft’s Datacenter Specialist for Tennessee, will share some of the business and technical innovations you might see in the next version of Windows Server.&amp;#160; This exclusive, invite-only event will fill up fast so please register promptly below.&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;Windows Server 8&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;i&gt;Presented by Doug Miller, DataCenter SSP at Microsoft &lt;/i&gt;&lt;/p&gt;  &lt;p&gt;Be the first to find out about the coming enhancements in &lt;a href="http://www.microsoft.com/en-us/server-cloud/windows-server/v8.aspx"&gt;Windows Server 8&lt;/a&gt; and how it will help you better manage, secure, and deploy technology in your datacenter. Check out the enhancements available today in the developer preview and see where Microsoft is taking the next generation of Server Operating System.&amp;#160; Windows Server 8 empowers IT to provide users with flexible access to data and applications anywhere, on any device, while simplifying management and maintaining security, control, and compliance.&lt;/p&gt;  &lt;p&gt;&lt;b&gt;SCCM 2007 R2 &lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;i&gt;Presented by Roberto Henriquez, Sr. Practice Consultant at Ascendum&lt;/i&gt;&lt;/p&gt;  &lt;p&gt;Discuss a real world example of how Microsoft SCCM significantly decreased the amount of manual work required to image and maintain workstations in one company’s global environment. Uncover how &lt;a href="http://www.microsoft.com/en-us/server-cloud/system-center/configuration-manager.aspx"&gt;SCCM 2007 R2&lt;/a&gt; helps manage global infrastructure while improving the end-user experience.&lt;/p&gt;  &lt;p&gt;&lt;i&gt;&lt;/i&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;December 14, 2011, &lt;/b&gt;&lt;b&gt;11:30am – 2:00pm&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;Crescent Club&lt;/b&gt; - &lt;b&gt;6075 Popular Avenue, &lt;/b&gt;&lt;b&gt;Suite 909, &lt;/b&gt;&lt;b&gt;Memphis, TN 38119&lt;/b&gt;&lt;/p&gt;  &lt;p&gt;   &lt;p&gt;&lt;a href="http://www.clicktoattend.com/?id=158090"&gt;Registration&lt;/a&gt;&lt;/p&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10233727" width="1" height="1"&gt;</description></item><item><title>Memphis SharePoint Meeting, OCT 27, RSVP</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/10/06/memphis-sharepoint-meeting-oct-27-rsvp.aspx</link><pubDate>Thu, 06 Oct 2011 15:25:32 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10221164</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10221164</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/10/06/memphis-sharepoint-meeting-oct-27-rsvp.aspx#comments</comments><description>&lt;p&gt;Memphis SharePoint Users Group Meeting on Thursday, October 27th from 3:30 – 6:30pm at the Crescent Club.&lt;/p&gt;  &lt;p&gt;Nitin Nagar with &lt;a href="http://ascendum.com/"&gt;Ascendum&lt;/a&gt; will demonstrate how SharePoint provides a basis for key enterprise requirements and allows enterprise users and administrators alike the benefits of a true ECM solution. We’ll explore the advantages of designing and developing ECM solutions leveraging SP2010 and explore further this bold new SharePoint world.&lt;/p&gt;  &lt;p&gt;Xerxes Randelia with &lt;a href="http://www.aspect.com/Pages/default.aspx"&gt;Aspect&lt;/a&gt; will discuss Security around SharePoint in an open forum with Q&amp;amp;A. Aspect has been delivering SharePoint solutions to clients since the beta release of the first version of SharePoint in 2001. Aspect has delivered hundreds of SharePoint projects to clients of all sizes and industries.&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Memphis SharePoint User Group&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;Thursday, October 27th, 2011   &lt;br /&gt;3:30pm – 6:30pm    &lt;br /&gt;&lt;strong&gt;Crescent Club     &lt;br /&gt;&lt;/strong&gt;6075 Poplar Ave Ste 909, Memphis, TN&lt;/p&gt;  &lt;p&gt;&lt;b&gt;Please register to attend at&lt;/b&gt;&lt;b&gt; &lt;/b&gt;&lt;b&gt;&lt;a href="http://www.clicktoattend.com/?id=157599"&gt;http://www.clicktoattend.com/?id=157599&lt;/a&gt;&lt;/b&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10221164" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/SharePoint/">SharePoint</category></item><item><title>IE9 Site Pinning enabled on my blog</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/10/04/ie9-site-pinning-enabled-on-my-blog.aspx</link><pubDate>Tue, 04 Oct 2011 20:24:36 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10219995</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10219995</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/10/04/ie9-site-pinning-enabled-on-my-blog.aspx#comments</comments><description>&lt;p&gt;Check out site pinning on my blog. You’ll obviously need Windows 7 and IE9. To get started, follow the directions or drag the favicon on this page and drop onto your taskbar. Let me know what you think.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10219995" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category></item><item><title>Crazy Reading This Week</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/08/18/crazy-reading-this-week.aspx</link><pubDate>Thu, 18 Aug 2011 17:33:34 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10197432</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10197432</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/08/18/crazy-reading-this-week.aspx#comments</comments><description>&lt;p&gt;Just had to share these&lt;/p&gt;  &lt;p&gt;ars technica: &lt;a href="http://arstechnica.com/open-source/news/2011/08/microsoft-wishes-linux-a-happy-20th-birthday.ars"&gt;Microsoft wishes Linux a happy 20th birthday&lt;/a&gt;, AUG 17. Interesting quote: &lt;em&gt;Microsoft's relationship with Linux was one of several topics that Zemlin discussed during his keynote. He showed a classic quote from Microsoft CEO Steve Ballmer, who infamously described Linux as a &amp;quot;cancer&amp;quot; in 2001. Joking that Ballmer's hostile characterization of Linux was only partly accurate, Zemlin pointed out that &lt;font style="background-color: #ffff00"&gt;Microsoft is one of the largest contributors to version 3.0 of the Linux kernel by code volume&lt;/font&gt;.&lt;/em&gt;    &lt;br /&gt;&lt;/p&gt;  &lt;p&gt;CNET: &lt;a href="http://news.cnet.com/8301-10805_3-20093865-75/microsoft-lists-app-store-as-a-windows-8-feature/?tag=mncol"&gt;Microsoft lists 'App Store' as a Windows 8 feature&lt;/a&gt;, AUG 17. I usually don’t post these as I can’t confirm the rumors, but this one refers to the new Windows 8 blog, &lt;a href="http://blogs.msdn.com/b/b8/"&gt;B8&lt;/a&gt;, and quotes Steven Sinofsky from there.&lt;/p&gt;  &lt;p&gt;PcMag: &lt;a href="http://www.pcmag.com/article2/0%2c2817%2c2391312%2c00.asp"&gt;Microsoft Tips Its Future Living Room: Xbox, Mediaroom, Apps.&lt;/a&gt; AUG 17. I don’t have any inside info on this one, but I love the direction of this article. Interesting quote: &lt;em&gt;Underneath the Xbox, however, lies Mediaroom, which also powers set-top boxes such as AT&amp;amp;T's U-Verse, plus boxes from BT and Deutsche Telekom. But Microsoft also made the conscious decision to treat Mediaroom as a &amp;quot;white box&amp;quot; product, letting AT&amp;amp;T brand its box the way it chose. &lt;font style="background-color: #ffff00"&gt;Over 40 different operators have launched boxes using the technology, which touch 7 million subscriber households…&lt;/font&gt;&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;WinRumors: &lt;a href="http://www.winrumors.com/three-new-bing-facebook-commercials-released/"&gt;Three new Bing Facebook commercials released&lt;/a&gt;. AUG 16. This article has the videos embedded, which show the integration of Facebook into Bing (showing your friends’ likes in your search results). Plus talks about the upcoming HTML5 application.&lt;/p&gt;  &lt;p&gt;Network World: &lt;a href="http://www.networkworld.com/news/2011/081511-ie-nss-labs.html?hpg1=bn"&gt;Internet Explorer protects best against socially engineered malware&lt;/a&gt;, AUG 15. Interesting quote: &lt;em&gt;Internet Explorer scored a 99.2% protection score in the firm's most recent test of socially engineered malware distribution, with Google Chrome coming in a distant second with 13.2%. Trailing behind it were Safari and Firefox tying with 7.6% each, and Opera pulling up last with 6.1%.&amp;#160; &lt;/em&gt;And then another quote, which ended the article: &lt;em&gt;In general, users are four times more likely to be socially engineered into downloading malware than they are to fall victim to a software exploit.&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;Information Week: &lt;a href="http://www.informationweek.com/news/windows/microsoft_news/231400134"&gt;Bing Beats Google On Search Effectiveness&lt;/a&gt;, AUG 12. Interesting quote: &lt;em&gt;While Google may control the lion's share of the search market, queries made through Microsoft's Bing search engine lead users to click on a Web page at a significantly higher rate than queries made through Google, according to data released Thursday. The success rate for Bing searches in the U.S. in July was 80.04%, compared to 67.56% for Google, &lt;/em&gt;&lt;a href="http://www.hitwise.com/us/press-center/press-releases/experian-hitwise-reports-google-share-of-searche/"&gt;&lt;em&gt;according to Experian Hitwise&lt;/em&gt;&lt;/a&gt;&lt;em&gt;.&lt;/em&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10197432" width="1" height="1"&gt;</description></item><item><title>A Look at Asynchronous Script Downloads</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/08/18/a-look-at-asynchronous-script-downloads.aspx</link><pubDate>Thu, 18 Aug 2011 16:00:23 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10197395</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10197395</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/08/18/a-look-at-asynchronous-script-downloads.aspx#comments</comments><description>&lt;p&gt;You hear more and more about slow loading pages, and one of the big factors for this is downloading too many resources and immediate execution. Consequently, developers are looking for resource downloads and actions that they can postpone for later execution – such as after the primary part of the page is loaded and functional. So, how can you take advantage of this?&lt;/p&gt;  &lt;p&gt;There are several options, but I want to point out today leveraging &lt;em&gt;&lt;a href="http://www.w3.org/TR/html5/scripting-1.html#attr-script-defer"&gt;defer&lt;/a&gt;&amp;#160;&lt;/em&gt; and &lt;em&gt;&lt;a href="http://www.w3.org/TR/html5/scripting-1.html#attr-script-async"&gt;async&lt;/a&gt;&lt;/em&gt; attributes on your JavaScript declarations. &lt;em&gt;Defer was &lt;/em&gt;originally developed in IE4, later added to HTML4 spec, and is documented in the HTML5 spec. The W3C says that a script with the attribute &lt;em&gt;defer&lt;/em&gt; implies that execution occurs when the page has finished parsing; thus a time savings. So, one could leverage &lt;em&gt;defer&lt;/em&gt; today in HTML4 browsers.&amp;#160; However, a new capability has hit the scene in &lt;em&gt;async&lt;/em&gt; for HTML5&lt;em&gt;, &lt;/em&gt;and these two attributes can be used together.&lt;/p&gt;  &lt;p&gt;The W3C HTML5 specification &lt;a href="http://www.w3.org/TR/html5/scripting-1.html#attr-script-async"&gt;says&lt;/a&gt; “There are three possible modes that can be selected using these attributes. If the &lt;code&gt;&lt;a href="http://www.w3.org/TR/html5/#attr-script-async"&gt;async&lt;/a&gt;&lt;/code&gt; attribute is present, then the script will be executed asynchronously, as soon as it is available. If the &lt;code&gt;&lt;a href="http://www.w3.org/TR/html5/#attr-script-async"&gt;async&lt;/a&gt;&lt;/code&gt; attribute is not present but the &lt;code&gt;&lt;a href="http://www.w3.org/TR/html5/#attr-script-defer"&gt;defer&lt;/a&gt;&lt;/code&gt; attribute is present, then the script is executed when the page has finished parsing. If neither attribute is present, then the script is fetched and executed immediately, before the user agent continues parsing the page.” Plenty of capability provided here to delay execution so you can make your web page have a quicker start.&lt;/p&gt;  &lt;p&gt;To get a better look at this &lt;em&gt;async &lt;/em&gt;attribute, check out the &lt;a href="http://ie.microsoft.com/testdrive/Performance/AsyncScripts/Default.html"&gt;HTML5 Async Scripts&lt;/a&gt; example in the &lt;a href="http://ietestdrive.com/"&gt;IE Test Drive&lt;/a&gt; site. It features two tests: “loading independent scripts faster”, and “run dynamic scripts in order”. And there’s plenty to apply here. &lt;/p&gt;  &lt;h1&gt;Load Independent Scripts Faster&lt;/h1&gt;  &lt;p&gt;This is a nice and easy to understand sample, and the effect is easily intuitive. Imagine in your HTML that you have a series of SCRIPT tags and then other resources (like an image) to download. These downloads and script execution will occur in the order parsed, which sometimes can lead to poor performance. Consider the following code snippet, where you might have some JavaScript that can wait until later, as well as a image that is required in the startup of the page. While SLOW.JS is downloading and executing, the image request is waiting before the download can even start and makes the page look unresponsive for a moment. And this is the first way that &lt;em&gt;async&lt;/em&gt; comes to the rescue.&lt;/p&gt;  &lt;p&gt;In the sample, there are two iframes, both pointing to two identical pages except for one item – which is the &lt;em&gt;async&lt;/em&gt; attribute on SLOW.JS (which happens to call a web service that has a almost 2 second SLEEP in it).&lt;/p&gt;  &lt;div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"&gt;   &lt;div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet"&gt;     &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum1"&gt;   1:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;script&lt;/span&gt; &lt;span style="color: #ff0000"&gt;async&lt;/span&gt; &lt;span style="color: #ff0000"&gt;src&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;slow.js&amp;quot;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;script&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum2"&gt;   2:&lt;/span&gt; ...&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum3"&gt;   3:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;img&lt;/span&gt; &lt;span style="color: #ff0000"&gt;src&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;IE_Logo_256.png&amp;quot;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;The sample code is setup such that there are two gray empty boxes, one pointing to a page with the above code (labeled With HTML5 async), and the other box pointing to a similar page without the &lt;em&gt;async&lt;/em&gt; attribute (labeled Without HTML5 Async). When the test is initiated, you are waiting for the two windows to show a downloaded IE logo to appear, as well as a message that the script executed. In the Without HTML5 Async window, you will have a grey box, empty of the IE logo, and waiting for the web service to return so SLOW.JS can finish. In the With HTML5 Async window, the IE logo appears first and then later the “Scipt Executed” message appears.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/0045.image_5F00_6E5D06CD.png"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/5342.image_5F00_thumb_5F00_7FCD67A5.png" width="244" height="239" /&gt;&lt;/a&gt;&amp;#160;&amp;#160;&amp;#160; &lt;a href="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/0068.image_5F00_185D04F6.png"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/8475.image_5F00_thumb_5F00_3E52B54C.png" width="244" height="242" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Again, a nice easy sample to understand and apply. But, let’s move onto another valuable &lt;em&gt;async&lt;/em&gt; capability.&lt;/p&gt;

&lt;h1&gt;Run Dynamic Scripts In Order&lt;/h1&gt;

&lt;p&gt;Sometimes, a web developer will load script later than the loading of the page, and this is done via code. These are called dynamic scripts, and while easy to do, there’s an important lesson in that they load asynchrously. Yes, this is typically a good feature, but what happens if you need to download a set of scripts and they have a dependency that dictates some execution order be followed. Well, &lt;em&gt;async&lt;/em&gt; is here to help again, as well as the &lt;a href="http://ie.microsoft.com/testdrive/Performance/AsyncScripts/Default.html"&gt;HTML5 Async Scripts&lt;/a&gt; sample page.&lt;/p&gt;

&lt;p&gt;To explain this sample, let’s first explain the visual elements of the test, and then we’ll go into the code inner workings.&amp;#160; Similar to the previous test (see above), this test has two windows which will be loaded with the HTML5 logo. To make the test happen, the code depends on a sprite technique of loading different parts of an image using the CSS &lt;em&gt;background-image&lt;/em&gt; property, and later controlling which 64x64 pixel subset to load leveraging the &lt;em&gt;background-position&lt;/em&gt; property. If all goes as planned, you should get a logo such as the following:&lt;/p&gt;

&lt;p&gt;&lt;a href="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/0552.image_5F00_2B3188A0.png"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/3617.image_5F00_thumb_5F00_0AAA48EE.png" width="243" height="244" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;However, here’s where things get interesting. The code dynamically declares the 16 calls for each window (one for each 64x64 slice of the image); however, the script calls out to an external service which contains a random SLEEP value. And because there are two windows, this means that 32 script down loads happen followed by 32 script executions. That would be fine, except that the resulting script has to be executed in a certain order for the image to be constructed properly. The HTML is set up such that it is flowing left to right with room for 4 slices across and 4 slices down (which is why the image is 256x256). The function is basically loading DIV’s dynamically to the window without care of location, so the correct order is required. Remember the lesson of dynamic script: execution is asynchronous! So, when you have a dependency on the order of script execution, you could end up with a mess like this:&lt;/p&gt;

&lt;p&gt;&lt;a href="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/4784.image_5F00_3BC9838E.png"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/3617.image_5F00_thumb_5F00_1B4243DC.png" width="244" height="242" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&amp;#160;&lt;/p&gt;

&lt;p&gt;While easy to see the visual results of this test, I wanted to understand what all is happening under the hood here; so, I had to take a peek. Thank goodness for IE Developer Tools, and that they exist in the IE10 Platform Preview. At first, I could not see how this was all happening, so let me take you through my investigation.&lt;/p&gt;

&lt;p&gt;First, I was trying to understand how the script order was not being followed. I could see that the two windows were loaded with the same function (see snippet below) except for one line of code. And just like the previous example, there’s a “Without HTML5 Async” window and a “With HTML5 Async” window. The WITH window has Line #2 below, while WITHOUT does not. Otherwise, the windows have the same exact code. This is an important part to understand, but it’s simplicity might hide a few things in this example – so more snooping around required.&lt;/p&gt;

&lt;div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"&gt;
  &lt;div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet"&gt;
    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum1"&gt;   1:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;var&lt;/span&gt; script = document.createElement(&lt;span style="color: #006080"&gt;&amp;quot;script&amp;quot;&lt;/span&gt;);&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum2"&gt;   2:&lt;/span&gt; script.async = &lt;span style="color: #0000ff"&gt;false&lt;/span&gt;;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum3"&gt;   3:&lt;/span&gt; script.src = url;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum4"&gt;   4:&lt;/span&gt; document.head.appendChild(script);&lt;/pre&gt;
&lt;!--CRLF--&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;My next stop was trying to look at the resulting image. Several things that I found out: it’s a set of DIV’s, created dynamically, and leveraging the &lt;em&gt;background-position&lt;/em&gt;. Based on the slice #, the background position is calculated. You can see the &lt;em&gt;background-position&lt;/em&gt; starts at the top left slice, and works it way through the 16 squares. &lt;/p&gt;

&lt;p&gt;This snippet is the WITHOUT ASYNC window, and you’ll see that the slices are not in order – thus resulting in a jumbled mess.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/7002.image_5F00_016E0DAD.png"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/5751.image_5F00_thumb_5F00_19917808.png" width="838" height="292" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And then looking at the WITH ASYNC innerHTML, you’ll see that the elements are ordered and that the resulting HTML5 logo image looks correct. So, how are these getting out of order, since I see that the script declarations are created in order?&lt;/p&gt;

&lt;p&gt;&lt;a href="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/4760.image_5F00_5EC9CF31.png"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/8585.image_5F00_thumb_5F00_3004168F.png" width="856" height="302" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;My next challenge was not being able to debug and have breatkpoints – I’m just not implemented in the IE10 preview. So, then I thought I’d prove out seeing the execution and also improve the sample. I’m smart and can add value to the IE Corp guys. Right?&lt;/p&gt;

&lt;p&gt;I started by adding &lt;em&gt;console.Log&lt;/em&gt; calls so that I could see the order of the execution. I highly recommend adding calls like this to help understand what is happening. First I created a simple console logging function that would work even when I don’t have the console window open:&lt;/p&gt;

&lt;div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"&gt;
  &lt;div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet"&gt;
    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum1"&gt;   1:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;function&lt;/span&gt; consoleLog(msg)&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum2"&gt;   2:&lt;/span&gt; {&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum3"&gt;   3:&lt;/span&gt;     window.console &amp;amp;&amp;amp; console.log &amp;amp;&amp;amp; console.log(msg);&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum4"&gt;   4:&lt;/span&gt; }&lt;/pre&gt;
&lt;!--CRLF--&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;Then, I sprinkled in a few logging calls to my debug message function, specifically targeting the script declaration and the later DIV creation. Background: the dynamic script calls a server, which downloads a script that calls an existing function already downloaded to the client, &lt;em&gt;log()&lt;/em&gt; in demo.js, which creates the DIV that contains the image slice. So, based on this, I know that the scripts are declared for both windows in the correct order, and I’ve now verified that the DIV creation is not in order for the WITHOUT ASYNC container.&amp;#160; Below is a snippet of one of my loggings, logged with each DIV creation, that shows how the two images are created. Note: the calls with an ID that had a “t” appended to the sequence number are the calls processed for the WITHOUT window (t stood for traditional, I believe), where the others are for the WITH ASYNC window.&amp;#160; So, after this was all said and done, I still had not connected the dots and my logging was not that helpful this time. But, I still recommend this tactic. (And the IE Corp guys are smarter than this 3rd grader.)&lt;/p&gt;

&lt;p&gt;&lt;a href="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/8081.image_5F00_474F1B00.png"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/1541.image_5F00_thumb_5F00_54B52E06.png" width="120" height="775" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So, then I looked at network trace in the Network tab of Developer Tools. I was able to see the results of the 32 script declarations, 16 for each window. See the trace below. Again, note that the ID is the sequence (and correlates to which slice will be generated) and that the “t” represents which window. One will also notice a &lt;em&gt;sec&lt;/em&gt; paramater, which appeared to communicate the SLEEP duration to the server (roughly looked like 100ms x &lt;em&gt;sec&lt;/em&gt; parameter). You can see this too – run the trace, and hover the mouse over one of the yellow boxes and then you can see the breakdown of the download. After looking at the request duration of each of these, you’ll see a correlation to the &lt;em&gt;sec&lt;/em&gt; parameter.&lt;/p&gt;

&lt;p&gt;I could see that the downloads request processing started in order. But the big learning here was that due to the SLEEP call in the web service, finishing the download of script did not occur in the same order – and remembering that the declarative script is asynchrously executed, this is where the order of the image slices is impaired. So, you’ll see that the scripts started to download in order but our asynchronous default behavior hurt us because finishing the download and the resulting execution is not controlled by the code – as blocks 2t and 3t were loaded before 0t and 1t. And look at where 4 landed in order; fortunately, this was on the WITH ASYNC window so it had no impact. This was my AH HA moment. &lt;/p&gt;

&lt;p&gt;&lt;a href="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/1638.image_5F00_61AF0E17.png"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/6837.image_5F00_thumb_5F00_399C5EF8.png" width="759" height="482" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In the trace, you can see where the specific scripts are downloaded (note the beginning of the yellow block), but the important part is when the download finishes (the end of the yellow block). And with this view, you can see when they are downloaded in respect to the others. With this and the key fact that when finished downloading , the script will be executed. But with the variable durations, the resulting execution is not in the order that the code required. (I hope that I’m saying this clearly.)&lt;/p&gt;

&lt;p&gt;Fortunately, the WITH ASYNC window had script with the &lt;em&gt;async=TRUE&lt;/em&gt; entry, which forced those executions to wait until the previously declared script had finished. BAM! This is where I finally caught on. Yes, I’m slow, but I’m betting someone else might look at this and miss the the beauty of this sample, and how it created the problematic execution for the WITHOUT ASYNC window. It was a good learning experience.&lt;/p&gt;

&lt;p&gt;Conclusion: the &lt;em&gt;async&lt;/em&gt; attribute in the above snippet is hugely important when dynamic script is created with a dependency on other dynamic script.&lt;/p&gt;

&lt;h1&gt;Feature Detection of &lt;em&gt;Async&lt;/em&gt;&lt;/h1&gt;

&lt;p&gt;Warning: make sure your browser supports this new &lt;em&gt;async&lt;/em&gt; feature. The sample checks to see if your browser can handle by using the following feature detection:&lt;/p&gt;

&lt;div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"&gt;
  &lt;div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet"&gt;
    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum1"&gt;   1:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;function&lt;/span&gt; testSupport() {&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum2"&gt;   2:&lt;/span&gt;     &lt;span style="color: #0000ff"&gt;var&lt;/span&gt; script = document.createElement(&lt;span style="color: #006080"&gt;&amp;quot;script&amp;quot;&lt;/span&gt;);&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum3"&gt;   3:&lt;/span&gt;     &lt;span style="color: #0000ff"&gt;if&lt;/span&gt;(&lt;span style="color: #0000ff"&gt;typeof&lt;/span&gt; script.async == &lt;span style="color: #006080"&gt;&amp;quot;undefined&amp;quot;&lt;/span&gt;) {&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum4"&gt;   4:&lt;/span&gt;         &lt;span style="color: #008000"&gt;//not supported&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum5"&gt;   5:&lt;/span&gt;     } &lt;span style="color: #0000ff"&gt;else&lt;/span&gt; &lt;span style="color: #0000ff"&gt;if&lt;/span&gt;(script.async != &lt;span style="color: #0000ff"&gt;true&lt;/span&gt;) {&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum6"&gt;   6:&lt;/span&gt;         &lt;span style="color: #008000"&gt;//Script execution order not supported&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum7"&gt;   7:&lt;/span&gt;     }&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum8"&gt;   8:&lt;/span&gt; }&lt;/pre&gt;
&lt;!--CRLF--&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;h1&gt;Conclusion&lt;/h1&gt;

&lt;p&gt;&lt;em&gt;defer&lt;/em&gt; and &lt;em&gt;async&lt;/em&gt; are powerful additions to your web development toolbox, and are part of the HTML5 standard. a&lt;em&gt;sync&lt;/em&gt; is in the &lt;a href="http://ie.microsoft.com/testdrive/Info/Downloads/Default.html"&gt;IE10 Platform Preview&lt;/a&gt;, so start thinking about how to leverage. &lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10197395" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/HTML5/">HTML5</category></item><item><title>Kinect and Windows Phone (Mango) Experiment</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/08/05/kinect-and-windows-phone-mango-experiment.aspx</link><pubDate>Fri, 05 Aug 2011 15:19:20 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10193176</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10193176</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/08/05/kinect-and-windows-phone-mango-experiment.aspx#comments</comments><description>&lt;p&gt;Here’s the video and source code to a project that connects Kinect and WP7 Mango device, via NodeJS. Made by an intern.&lt;/p&gt;  &lt;p align="center"&gt;&lt;a href="http://innovativesingapore.com/2011/08/kinectwindows-phone-7-mango/"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="clip_image002" border="0" alt="clip_image002" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/6253.clip_5F00_image002_5F00_282D6CB8.jpg" width="244" height="186" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10193176" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/WP7/">WP7</category><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/Kinect/">Kinect</category></item><item><title>HTML5 Developer Contest: Cash Awaits</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/08/04/html5-developer-contest-cash-awaits.aspx</link><pubDate>Thu, 04 Aug 2011 19:07:42 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10192891</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10192891</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/08/04/html5-developer-contest-cash-awaits.aspx#comments</comments><description>&lt;p&gt;What an interesting contest! Can you build a &lt;a href="http://www.alistapart.com/articles/responsive-web-design/"&gt;Responsive Design&lt;/a&gt; HTML5 page that exists in 10K zipped or less? Be sure to check out the info from the MIX Online team &lt;a href="http://visitmix.com/writings/10k-apart-the-responsive-edition"&gt;here&lt;/a&gt; and from the contest site &lt;a href="http://10k.aneventapart.com/"&gt;here&lt;/a&gt;. This is conjunction with the folks who put on an earlier 10K contest (crazy cool entries) – and it’s an impressive list of names, including &lt;a href="http://www.alistapart.com/authors/m/emarcotte"&gt;Ethan Marcotte&lt;/a&gt; author who originally pinned the popular article on the subject. FAQ and rules are &lt;a href="http://10k.aneventapart.com/faqs"&gt;here&lt;/a&gt;.&lt;/p&gt;  &lt;p align="center"&gt;&lt;a href="http://10k.aneventapart.com"&gt;&lt;img title="10K Apart Banner" alt="" src="http://visitmix.com/wp-content/uploads/2011/08/10kapart.jpg" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10192891" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/HTML5/">HTML5</category></item><item><title>VS 2010 Adds Support for HTML5 and CSS3</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/06/16/vs-2010-adds-support-for-html5-and-css3.aspx</link><pubDate>Thu, 16 Jun 2011 13:19:19 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10175273</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10175273</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/06/16/vs-2010-adds-support-for-html5-and-css3.aspx#comments</comments><description>&lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;Check out the &lt;b&gt;Visual Studio Web Standards Update&lt;/b&gt; which brings a ton of &lt;b&gt;HTML5 &amp;amp; CSS3 support to Visual Studio 2010 SP1&lt;/b&gt;.&amp;#160;&amp;#160; VS Web Standards Update is a free extension available for anyone who is using Visual Studio 2010 SP1 and it provides HTML5 &amp;amp; CSS3 support based on current W3C specifications.&lt;/p&gt;  &lt;p&gt;&lt;b&gt;The Links&lt;/b&gt;&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;Add-on Download - &lt;a href="http://visualstudiogallery.msdn.microsoft.com/a15c3ce9-f58f-42b7-8668-53f6cdc2cd83"&gt;http://visualstudiogallery.msdn.microsoft.com/a15c3ce9-f58f-42b7-8668-53f6cdc2cd83&lt;/a&gt;&lt;/li&gt;    &lt;li&gt;VWD Team Announcement - &lt;a href="http://blogs.msdn.com/b/webdevtools/archive/2011/06/15/web-standards-update-for-visual-studio-2010-sp1.aspx"&gt;http:/logs.msdn.com/b/webdevtools/archive/2011/06/15/web-standards-update-for-visual-studio-2010-sp1.aspx&lt;/a&gt;&lt;/li&gt;    &lt;li&gt;Walkthrough post by Scott Hanselman - &lt;a href="http://www.hanselman.com/blog/AnnouncingTheWebStandardsUpdateHTML5SupportForTheVisualStudio2010Editor.aspx"&gt;http://www.hanselman.com/blog/AnnouncingTheWebStandardsUpdateHTML5SupportForTheVisualStudio2010Editor.aspx&lt;/a&gt;&lt;/li&gt;    &lt;li&gt;Additional Reference by Vishal - &lt;a href="http://vishaljoshi.blogspot.com/2011/06/announcing-html5-css3-support-for.html"&gt;http://vishaljoshi.blogspot.com/2011/06/announcing-html5-css3-support-for.html&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;  &lt;p align="center"&gt;&lt;a href="http://visualstudiogallery.msdn.microsoft.com/a15c3ce9-f58f-42b7-8668-53f6cdc2cd83"&gt;&lt;img style="display: block; float: none; margin-left: auto; margin-right: auto" title="image" border="0" alt="image" src="http://lh3.ggpht.com/-USMzyH7-uk0/TflJtMKRxyI/AAAAAAAABNk/cGLXoaUuQpc/image%25255B6%25255D.png?imgmax=800" width="200" height="169" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10175273" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/Visual+Studio/">Visual Studio</category><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/HTML5/">HTML5</category></item><item><title>Microsoft’s internal IT Department Shares Lessons of IE9 Rollout to More Than 100,000 Computers</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/06/15/microsoft-s-internal-it-department-shares-lessons-of-ie9-rollout-to-to-more-than-100-000-computers.aspx</link><pubDate>Wed, 15 Jun 2011 19:31:00 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10174996</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10174996</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/06/15/microsoft-s-internal-it-department-shares-lessons-of-ie9-rollout-to-to-more-than-100-000-computers.aspx#comments</comments><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Microsoft Information Technology (Microsoft IT) worked closely with the Internet Explorer product team to test and deploy Windows&amp;reg; Internet Explorer&amp;reg; 9 across the enterprise. This content discusses the testing and deployment strategy that delivered Windows&amp;reg; Internet Explorer&amp;reg; 9 to more than 100,000 desktop computers around the world. Learn how Microsoft used its own deployment tools and management technologies to reduce the time, cost and complexity of planning, building, and deploying Internet Explorer 9. &lt;br /&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Situation&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Microsoft wanted to test the prerelease versions of Internet Explorer 9 in order to help provide feedback to the Internet Explorer product group during development. In addition, Microsoft also wanted to verify application compatibility and deployment tools to ensure that scenarios were fully tested for enterprise-wide rollout before the public release of Internet Explorer 9. &lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Solution&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Microsoft developed a testing and deployment strategy that delivered Internet Explorer 9 to more than 100,000 desktop computers around the world. Microsoft used its own deployment tools and management technologies to reduce the time, cost, and complexity of planning, building, and deploying Internet Explorer 9.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;The Details&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://technet.microsoft.com/en-us/library/hh264601.aspx"&gt;Technical White Paper&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Executive Summary &lt;/strong&gt;(from the white paper):&lt;/p&gt;
&lt;p&gt;&lt;em&gt;The prerelease version of Microsoft&amp;reg; Internet Explorer&amp;reg; 9 gave Microsoft Information Technology (Microsoft IT) the opportunity to validate Internet Explorer 9 during its development, and to test deployment tools and processes designed to simplify enterprise-wide application rollouts. The team also wanted Microsoft users to experience new Internet Explorer 9 features designed to take advantage of emerging web standards, as well as new security features, while minimizing disruptions due to the deployment.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Microsoft IT took a leadership role in deploying the browser early, and did so in a systematic way. Using Microsoft employees to test the prerelease versions of Internet Explorer 9 provided a real-world testing environment for capturing product and deployment feedback. This allowed Microsoft IT to uncover bugs early in the product development process, helping to improve the product before its release to customers. Early testing also addressed application compatibility issues with line-of-business (LOB) applications, ensuring minimal Helpdesk calls for LOB related issues.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;This white paper describes the deployment planning, delivery process, and ongoing support for Internet Explorer 9 across Microsoft. The paper is intended for enterprise technical decision makers, technical architects, and deployment managers who are considering an Internet Explorer 9 deployment.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;This white paper is based on the experience and recommendations of Microsoft IT as an early adopter. It is not intended to serve as a procedural guide. The Microsoft environment is unique. Its users tend to be more technical than average users, and the Microsoft IT desktop management philosophy gives users control over their own computers. Installation of prerelease software is strictly voluntary at Microsoft, and Microsoft IT made the Internet Explorer 9 client available to all employees during the deployment process.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Each enterprise environment has its own unique requirements. Therefore, each organization should adapt the plans and activities described in this white paper to meet its specific needs. Also, this white paper should be used along with the deployment guide provided by the Internet Explorer 9 site for IT Pros, found at &lt;/em&gt;&lt;a href="http://technet.microsoft.com/en-us/library/ff973978.aspx"&gt;http://technet.microsoft.com/en-us/library/ff973978.aspx&lt;/a&gt;.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10174996" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category></item><item><title>SharePoint Event in Memphis, June 23, RSVP Required</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/06/07/sharepoint-event-in-memphis-june-23-rsvp-required.aspx</link><pubDate>Wed, 08 Jun 2011 03:33:51 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10172391</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10172391</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/06/07/sharepoint-event-in-memphis-june-23-rsvp-required.aspx#comments</comments><description>&lt;p&gt;Learn How SharePoint can Increase Worker Productivity and&amp;#160; Get a Sneak Peak on System Center Configuration Manager 2012 &lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.ascendum.com"&gt;Ascendum&lt;/a&gt;, one of the fastest growing global information technology companies, is now geared up to solve business problems for organizations throughout the Memphis metro area.&amp;#160; Join them for an eventful morning and choose from the &lt;b&gt;Business&lt;/b&gt; &lt;b&gt;or&lt;/b&gt; &lt;b&gt;Technical sessions&lt;/b&gt; carefully crafted to maximize the attendee’s time and address your priorities:&amp;#160;&amp;#160; &lt;br /&gt;&lt;b&gt;&lt;u&gt;       &lt;br /&gt;Session #1:&amp;#160;&amp;#160;&amp;#160;&amp;#160; 8:30 am – 9:30 am (CDT):        &lt;br /&gt;&lt;/u&gt;&lt;/b&gt;· &lt;b&gt;10 ways to increase business productivity with&amp;#160; SharePoint and Office – &lt;/b&gt;&lt;i&gt;Business Track     &lt;br /&gt;&lt;/i&gt;· &lt;b&gt;Sneak Peak System Center Configuration Manager – 2012 - &lt;/b&gt;&lt;i&gt; Technical Track     &lt;br /&gt;&lt;/i&gt;&lt;b&gt;     &lt;br /&gt;&lt;u&gt;Session #2:&amp;#160;&amp;#160;&amp;#160;&amp;#160; 9:45 am – 10:45 am (CDT):&lt;/u&gt;      &lt;br /&gt;&lt;/b&gt;· &lt;b&gt;Private Cloud: What is it? How do I get there? What does this mean to my business?&amp;#160; – &lt;/b&gt;&lt;i&gt;Business Track     &lt;br /&gt;&lt;/i&gt;· &lt;b&gt;Empower everyone in your organization to make better informed and timely decisions by leveraging Data Visualization and Business Intelligence Solutions with SharePoint and Microsoft BI – &lt;/b&gt;&lt;i&gt;Technical Track&lt;/i&gt;&lt;/p&gt;  &lt;p&gt;&lt;i&gt;     &lt;br /&gt;&lt;/i&gt;&lt;a href="https://www.clicktoattend.com/invitation.aspx?code=155836"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="clip_image001" border="0" alt="clip_image001" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/5126.clip_5F00_image001_5F00_1EABAAA4.png" width="133" height="49" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Location: &lt;b&gt;&amp;#160;&lt;/b&gt;&lt;b&gt;DoubleTree Hotel Memphis,&amp;#160;&amp;#160; 5069 Sanderlin Avenue     &lt;br /&gt;&lt;/b&gt;Date: &lt;strong&gt;&amp;#160;&lt;/strong&gt;June 23, 2011, 7:30 am - 11:00 am (CDT)    &lt;br /&gt;&lt;b&gt;Presentations start at 8:30 am     &lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;/p&gt;  &lt;h1&gt;&lt;font style="font-weight: normal"&gt;Presenter Bios:&lt;/font&gt;&lt;/h1&gt; &lt;b&gt;   &lt;p&gt;     &lt;br /&gt;Doug Miller      &lt;br /&gt;Director – Core Infrastructure      &lt;br /&gt;&lt;/p&gt;   &lt;b&gt;     &lt;br /&gt;&lt;/b&gt;Miller is one of 26 members worldwide who sits on the Microsoft Infrastructure Partner Advisory Council, and is a member on a number of Microsoft Product Advisory and Customer Advocacy Boards.&amp;#160; As a dynamic speaker, Miller presents regularly at events such as MMS, Tech ED and the Gartner Data Center Conference.&amp;#160; Doug is responsible for Ascendum’s Microsoft Solutions focused on Data Center, Client, Virtualization, Security and Unified Communications. Doug brings unparalleled breadth and depth of knowledge around Core Infrastructure solutions.&lt;/b&gt;  &lt;p&gt;&amp;#160; &lt;br /&gt;&lt;b&gt;Raveen Rajavarma     &lt;br /&gt;Director – Information Worker and BI      &lt;br /&gt;&lt;/b&gt;&lt;b&gt;     &lt;br /&gt;&lt;/b&gt;With over 6 years’ experience developing customer solutions within SharePoint and the Technical Editor for the “Inside SharePoint 2007 Administration”, Raveen will share his insights and experience helping organizations maximize worker productivity leveraging Microsoft’s SharePoint.&amp;#160; Raveen has led hundreds of SharePoint implementations and evangelized the use and adoption of SharePoint throughout his career. Raveen is currently co-authoring a book with Microsoft about SharePoint 2010 &amp;amp; Business Intelligence. &lt;/p&gt;  &lt;p&gt;For more information, please contact us at &lt;a href="mailto:info@ascendum.com"&gt;info@ascendum.com&lt;/a&gt;, or call 513.792.5100&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10172391" width="1" height="1"&gt;</description></item><item><title>Windows 8, What We Know Today</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/06/07/windows-8-what-we-know-today.aspx</link><pubDate>Tue, 07 Jun 2011 21:13:37 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10172306</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>4</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10172306</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/06/07/windows-8-what-we-know-today.aspx#comments</comments><description>&lt;p&gt;Well, it’s an exciting time to work at Microsoft, with so many cool things unfolding before us. As you could imagine, there are lots of questions around the next generation of Windows, internally code-named “Windows 8”. I look forward to the next disclosure at the &lt;a href="http://www.buildwindows.com"&gt;BUILD conference&lt;/a&gt; in September – so at the moment, that’s what we have to wait for. You can NOT make any full conclusions yet – this was just a little peek. For now, refer to these “Windows 8” resources, the only definitive statements that have been made from Microsoft:&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;Demonstration video on YouTube (Building &amp;quot;Windows 8&amp;quot; - Video #1) – &lt;a href="http://bit.ly/iH0wN8"&gt;high quality online&lt;/a&gt; or &lt;a href="http://media.ch9.ms/ch9/cda16b03-c463-47e7-b604-9ef5011c5b25/Demo.mp4"&gt;download the mp4&lt;/a&gt; (right click to save). &lt;/li&gt;    &lt;li&gt;Ecosystem demonstration featuring prototype hardware – &lt;a href="http://www.microsoft.com:80/presspass/silverlightApps/videoplayer3/standalone.aspx?contentID=win8_preview1&amp;amp;src=/presspass/presskits/windows7/channel.xml"&gt;video online&lt;/a&gt;. &lt;/li&gt;    &lt;li&gt;All Things D video presentation – &lt;a href="http://allthingsd.com/video/?video_id=20D08FE8-3928-43F3-AFE1-35DA78EB79FF"&gt;video online&lt;/a&gt; (from D9 event, content controlled by All Things Digital, not full copy of event) &lt;/li&gt;    &lt;li&gt;&lt;a href="http://www.microsoft.com/Presspass/press/2011/jun11/06-01Win8PreviewPR.mspx"&gt;Press release&lt;/a&gt; – “Microsoft Previews ‘Windows 8&amp;quot;’” &lt;/li&gt;    &lt;li&gt;&lt;a href="http://www.buildwindows.com"&gt;BUILD conference&lt;/a&gt; – for developers this is where to learn more and sign up. &lt;/li&gt;    &lt;li&gt;&lt;a href="http://www.microsoft.com/presspass/features/2011/jun11/06-01corporatenews.aspx"&gt;Article&lt;/a&gt; by Julie Larson-Green, corporate vice president, Windows Experience&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;I see lots of questions and unmerited deduction occurring. Stay tuned! The story is still unfolding, and we just got the opening cover pulled back to the Windows 8 story. See you at the BUILD conference!&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10172306" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/HTML5/">HTML5</category><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/Windows+8/">Windows 8</category></item><item><title>Microsoft and Disney show Tron:Legacy leveraging HTML5</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/06/03/microsoft-and-disney-show-tron-legacy-leveraging-html5.aspx</link><pubDate>Fri, 03 Jun 2011 14:21:40 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10171121</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>1</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10171121</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/06/03/microsoft-and-disney-show-tron-legacy-leveraging-html5.aspx#comments</comments><description>&lt;p&gt;Wow! Another cool web experience, that runs better with IE9. Check this out: &lt;a href="http://disneydigitalbooks.go.com/tron/"&gt;Disney TRON: Legacy Digital Book Site&lt;/a&gt;. Very cool experience.&lt;/p&gt;  &lt;p&gt;First off, it is HTML5, so any modern browser can run it. Second, just looking at the &lt;a href="http://windowsteamblog.com/ie/b/ie/archive/2011/06/03/behind-the-scenes-of-disney-tron-legacy-digital-book-site.aspx"&gt;Behind the Scenes&lt;/a&gt; explanation, the development has several excellent quotes about using IE9, like “&lt;em&gt;From our tests, although Internet Explorer 9 offered the best and fastest experience, it also displays correctly in Firefox, Safari, Chrome and Opera”.&amp;#160; &lt;/em&gt;&lt;/p&gt;  &lt;p&gt;The explanation post covers topics like:&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;the design experience&lt;/li&gt;    &lt;li&gt;the prototyping experience (looking at canvas over CSS3)&lt;/li&gt;    &lt;li&gt;finding the limits of bandwidth and large quality graphics&lt;/li&gt;    &lt;li&gt;Syncing multiple assets&lt;/li&gt;    &lt;li&gt;Leveraging the IE9 debugging tools and &lt;em&gt;console.log&lt;/em&gt;&lt;/li&gt;    &lt;li&gt;Preloading images&lt;/li&gt;    &lt;li&gt;Using the same fonts from the comic book with WOFF and &lt;a href="http://www.fontsquirrel.com/"&gt;FontSquirrel.com&lt;/a&gt;&lt;/li&gt;    &lt;li&gt;Site pinning and &lt;a href="http://www.buildmypinnedsite.com/"&gt;BuildMyPinnedSite.com&lt;/a&gt;&lt;/li&gt;    &lt;li&gt;Feature detection, cross-browser testing, etc.&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;You can also see &lt;a href="http://channel9.msdn.com/posts/TRONLegacy-An-HTML5-Graphic-Novel-by-Disney"&gt;a video interview&lt;/a&gt; with Giorgio and Ari Bixhorn describing the technical coolness of the TRON experience. Topics covered:&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;What's going on behind the graphics, anyway? &lt;/li&gt;    &lt;li&gt;What led to the use of HTML5's Canvas versus, say, CSS3 Transforms to create the stunning graphics with lightning bolts flashing in the background? &lt;/li&gt;    &lt;li&gt;What did they do to compensate for Canvas being a mostly &amp;quot;dumb&amp;quot; graphical surface? &lt;/li&gt;    &lt;li&gt;How did the overcome bandwidth constraints when loading several high res images?&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;Props to &lt;a href="http://www.vectorform.com/"&gt;VectorForm&lt;/a&gt; and Disney for their commitment to the Tron legacy, Disney’s creative passion, and bringing the comic book to live virtually.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10171121" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category></item><item><title>Window Phone Gaming Bootcamp Online–Wednesday, June 1, 2011</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/05/31/window-phone-gaming-bootcamp-online-wednesday-june-1-2011.aspx</link><pubDate>Tue, 31 May 2011 16:17:45 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10169971</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10169971</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/05/31/window-phone-gaming-bootcamp-online-wednesday-june-1-2011.aspx#comments</comments><description>&lt;p&gt;&lt;img alt="Windows Phone Gaming Bootcamp - Part 1" src="https://mseventsww.microsoft.com/BannerImages/0c582dde-e5b9-425e-9114-45aa29e95d6e.jpg" /&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://blogs.msdn.com/b/jbienz/"&gt;Jared Bienz&lt;/a&gt; is giving a FREE online event. You can register here:&lt;/p&gt;  &lt;p&gt;&lt;a href="https://msevents.microsoft.com/CUI/WebCastEventDetails.aspx?EventID=1032486598&amp;amp;EventCategory=4&amp;amp;culture=en-US&amp;amp;CountryCode=US"&gt;https://msevents.microsoft.com/CUI/WebCastEventDetails.aspx?EventID=1032486598&amp;amp;EventCategory=4&amp;amp;culture=en-US&amp;amp;CountryCode=US&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;What is it?&lt;/p&gt;  &lt;p&gt;This &lt;i&gt;App and Gaming Bootcamp&lt;/i&gt; is an 8 hour event where you’ll learn about Windows Phone, learn how to build applications and learn how to build games. We’ll cover everything from location awareness (the GPS) through graphics design and animation; we’ll even cover topics like physics and cloud services.&lt;/p&gt;  &lt;p&gt;This event will offer a mix of presentations, demos, labs and &lt;b&gt;&lt;i&gt;interactive&lt;/i&gt;&lt;/b&gt; sessions where you can follow along with the instructor. At the end of the day you’ll have a working basketball game, and we’ll even help first 50 people who are &lt;i&gt;serious&lt;/i&gt; about selling in the marketplace &lt;i&gt;get started for free&lt;/i&gt; (a $99 value). Even if you’re not ready to get started right away, we’ll show you how to kick off a new mobile business with free &lt;b&gt;ultimate&lt;/b&gt; versions of almost all Microsoft products for the next three years. &lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10169971" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/WP7/">WP7</category></item><item><title>Win CMA Fest 4 Day Pass with Internet Explorer 9</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/05/27/win-cma-fest-4-day-pass-with-internet-explorer-9.aspx</link><pubDate>Sat, 28 May 2011 04:15:48 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10169257</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10169257</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/05/27/win-cma-fest-4-day-pass-with-internet-explorer-9.aspx#comments</comments><description>&lt;p&gt;&lt;a href="http://www.rascalflatts.com/cmafest"&gt;Rascal Flatts&lt;/a&gt;, &lt;a href="http://www.jasonaldean.com/cmafest/"&gt;Jason Aldean&lt;/a&gt;, and &lt;a href="http://www.ronniedunn.com/cmafest"&gt;Ronnie Dunn&lt;/a&gt; have different prize packages just waiting for you. Go to these links and follow the registration instructions. You’ll need &lt;a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home"&gt;IE9&lt;/a&gt; and &lt;a href="http://www.microsoft.com/windows/explore/default.aspx"&gt;Windows 7&lt;/a&gt;, and the contest payoff could be big for the country music fan. Each artist has their own contest and they have different COOL prizes. They do each offer &lt;a href="http://www.cmaworld.com/cma-music-festival/index"&gt;CMA Music Fest&lt;/a&gt; 4 Day passes, which makes this WAY COOL!!!&lt;/p&gt;  &lt;p&gt;And 4 nights at &lt;a href="http://www.cmaworld.com/cma-music-festival/music/lp-field"&gt;LP Field&lt;/a&gt; plus these other prizes, it’s a country music fan’s dream event. If you don’t know, CMA Music Fest is like no other music event. During the day, you can visit &lt;a href="http://www.cmaworld.com/cma-music-festival/events/fan-fair-hall"&gt;Fan Fair Hall&lt;/a&gt; to meet artists, as well as see artists perform at music stages around downtown Nashville (just check out the &lt;a href="http://www.cmaworld.com/cma-music-festival/music/riverfront-park"&gt;Riverfront Park&lt;/a&gt; schedule – awesome by itself). Then at night, we head to LP Field and see some of the hottest names in country music (6 mini-concerts each night on the &lt;a href="http://www.cmaworld.com/cma-music-festival/music/riverfront-park"&gt;schedule&lt;/a&gt;). And as the CMA Music Fest veterans know, 4 day pass holders get special benefits at LP Field like STAGE-FRONT access in the Fan Photo Line. Nothing like a stroll right in front of a big act blowing out the stadium.&lt;/p&gt;  &lt;p&gt;These contests will be done through an IE9 feature called “site pinning”. The instructions on the contest links will tell you exactly what to do to get started. But, basically, after providing your Facebook login, there will be an image to drag to your taskbar (this is the pinning), which will put a button from your artist on your taskbar. And then daily right click (and a jump list will appear as in the picture below), and select “Enter Pin To Win Contest”. &lt;/p&gt;  &lt;p&gt;&lt;a title="Jason Aldean&amp;#39;s jump list menu" href="http://www.jasonaldean.com/cmafest"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/0361.image_5F00_76860E87.png" width="151" height="244" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;So, go register now at each site! CMA Music Fest is in Nashville TN, and runs June 9-12.&amp;#160; See you in Nashville in a couple of weeks! &lt;/p&gt;  &lt;p&gt;P.S. These links below will take you to the corresponding contest.&lt;/p&gt;  &lt;table border="1" cellspacing="0" cellpadding="2" width="958"&gt;&lt;tbody&gt;     &lt;tr&gt;       &lt;td valign="top" width="314"&gt;         &lt;p align="left"&gt;Rascal Flatts contest&lt;/p&gt;       &lt;/td&gt;        &lt;td valign="top" width="333"&gt;         &lt;p align="left"&gt;Jason Aldean contest&lt;/p&gt;       &lt;/td&gt;        &lt;td valign="top" width="309"&gt;         &lt;p&gt;Ronnie Dunn’s contest&lt;/p&gt;       &lt;/td&gt;     &lt;/tr&gt;      &lt;tr&gt;       &lt;td valign="top" width="314"&gt;&lt;a title="Rascal Flatts contest" href="http://www.rascalflatts.com/cmafest"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/7612.image_5F00_1C7BBEDE.png" width="307" height="67" /&gt;&lt;/a&gt;&lt;/td&gt;        &lt;td valign="top" width="333"&gt;&lt;a title="Jason Aldean contest" href="http://www.jasonaldean.com/cmafest"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/2500.image_5F00_42716F34.png" width="326" height="67" /&gt;&lt;/a&gt;&lt;/td&gt;        &lt;td valign="top" width="309"&gt;&lt;a title="Ronnie Dunn&amp;#39;s contest" href="http://www.ronniedunn.com/cmafest"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/3580.image_5F00_217DFC8D.png" width="302" height="65" /&gt;&lt;/a&gt;&lt;/td&gt;     &lt;/tr&gt;   &lt;/tbody&gt;&lt;/table&gt;  &lt;p align="center"&gt;&lt;a title="CMA Music Fest, 40th Fan Fair" href="http://www.cmaworld.com/cma-music-festival/index"&gt;&lt;img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="50255_6293482142_6121015_n[1]" border="0" alt="50255_6293482142_6121015_n[1]" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/8284.50255_5F00_6293482142_5F00_6121015_5F00_n1_5F00_20A596A3.jpg" width="204" height="204" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10169257" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category></item><item><title>DEV332: Enhancing Pinned Sites with Windows Internet Explorer 9</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/05/27/dev332-enhancing-pinned-sites-with-windows-internet-explorer-9.aspx</link><pubDate>Fri, 27 May 2011 13:10:30 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10169056</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10169056</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/05/27/dev332-enhancing-pinned-sites-with-windows-internet-explorer-9.aspx#comments</comments><description>&lt;p&gt;This was my second session at TechEd. (I described my first &lt;a href="http://blogs.msdn.com/b/jonbox/archive/2011/05/26/dev348-debugging-pesky-html5-websites-with-f12-in-windows-internet-explorer-9.aspx"&gt;here&lt;/a&gt;.) This session is obviously focused on site pinning, one of my favorite topics. In this session, as I described the fundamental pieces to site pinning, I showed other implementations as well as a mock conversation of how I would demo to &lt;a href="http://dotnetrocks.com/"&gt;DotNetRocks.com&lt;/a&gt; (building out a demo for them through the presentation). The video can be found &lt;a href="http://northamerica.msteched.com/topic/details/DEV332"&gt;here&lt;/a&gt;. &lt;/p&gt;  &lt;p&gt;This is the outline:&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;The Value of Pinning&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;a list of measured learning's from IE Marketing&lt;/li&gt;   &lt;/ul&gt;    &lt;li&gt;How To Pin&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;From the end user viewpoint&lt;/li&gt;      &lt;li&gt;Favicon&lt;/li&gt;   &lt;/ul&gt;    &lt;li&gt;Fundamentals&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;Jump Lists&lt;/li&gt;      &lt;ul&gt;       &lt;li&gt;Static&lt;/li&gt;        &lt;li&gt;Dynamic&lt;/li&gt;        &lt;li&gt;Inplace Navigation&lt;/li&gt;     &lt;/ul&gt;      &lt;li&gt;Notification&lt;/li&gt;      &lt;ul&gt;       &lt;li&gt;Icon Overlay&lt;/li&gt;        &lt;li&gt;Activating the taskbar button&lt;/li&gt;     &lt;/ul&gt;      &lt;li&gt;Thumbnail Preview Buttons&lt;/li&gt;   &lt;/ul&gt;    &lt;li&gt;Other Considerations&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;Analytics / Instrumentation&lt;/li&gt;      &lt;li&gt;Discovery&lt;/li&gt;      &lt;ul&gt;       &lt;li&gt;On site promotion&lt;/li&gt;        &lt;li&gt;&lt;a href="http://iegallery.com"&gt;IE Gallery&lt;/a&gt;&lt;/li&gt;     &lt;/ul&gt;      &lt;li&gt;Feature Detection&lt;/li&gt;      &lt;ul&gt;       &lt;li&gt;Non-IE browsers&lt;/li&gt;        &lt;li&gt;Windows Vista issues&lt;/li&gt;     &lt;/ul&gt;      &lt;li&gt;&lt;a href="http://plugins.jquery.com/project/pinify"&gt;Pinify&lt;/a&gt;, formerly ie9ify&lt;/li&gt;   &lt;/ul&gt; &lt;/ul&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10169056" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category></item><item><title>DEV348 - Debugging Pesky HTML5 Websites with F12 in Windows Internet Explorer 9</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/05/26/dev348-debugging-pesky-html5-websites-with-f12-in-windows-internet-explorer-9.aspx</link><pubDate>Fri, 27 May 2011 03:37:26 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10168918</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10168918</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/05/26/dev348-debugging-pesky-html5-websites-with-f12-in-windows-internet-explorer-9.aspx#comments</comments><description>&lt;p&gt;This is a short recap of my presentation at TechEd, on . Video is &lt;a href="http://northamerica.msteched.com/topic/details/DEV348?fbid=Z6UNuVmsUYy#video"&gt;here&lt;/a&gt;.&lt;/p&gt;  &lt;p&gt;This talk was practical advice that came from solving several customer requests that started with: “my site broke with IE9”. The talk was short on slides, but included live debugging of several live sites (&lt;em&gt;please don’t shoot the messenger if your site was demo’d&lt;/em&gt;).&lt;/p&gt;  &lt;p&gt;The Outline:&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;F12 Developer Tool Overview&lt;/li&gt;    &lt;li&gt;Issue Discovery Tactics&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;How to make sure you have valid HTML5&lt;/li&gt;      &lt;li&gt;Hints from the console window&lt;/li&gt;      &lt;li&gt;Changing the User-Agent&lt;/li&gt;      &lt;li&gt;Changing the Document Mode&lt;/li&gt;      &lt;li&gt;Lessons from the Network tab&lt;/li&gt;   &lt;/ul&gt;    &lt;li&gt;Profiling&lt;/li&gt;    &lt;li&gt;Search assistance&lt;/li&gt;    &lt;li&gt;The Console Object&lt;/li&gt;    &lt;li&gt;Other Assistance&lt;/li&gt;    &lt;ul&gt;     &lt;li&gt;Fiddler&lt;/li&gt;      &lt;li&gt;SuperPreview&lt;/li&gt;   &lt;/ul&gt; &lt;/ul&gt;  &lt;p&gt;Want to make sure that I give some credit to &lt;a href="http://www.thebeebs.co.uk/"&gt;The Beebs&lt;/a&gt; (aka. Martin Beeby, MS Developer Evangelist in the UK). At MIX, he presented a similar topic, and I leveraged a code snippet from him – and you should take note of this. As you might know, you can manipulate an existing HTML page with the F12 Developer Tools. And Martin showed me a handy little snippet to add JQuery to an existing page, so then you can use the console window to issue JQuery calls to the live page – which can come in handy.&lt;/p&gt;  &lt;div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"&gt;   &lt;div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet"&gt;     &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum1"&gt;   1:&lt;/span&gt; var headID = document.getElementsByTagName(&amp;quot;head&amp;quot;)[0];&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum2"&gt;   2:&lt;/span&gt; var newScript = document.createElement('script');&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum3"&gt;   3:&lt;/span&gt; newScript.type = 'text/javascript';&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum4"&gt;   4:&lt;/span&gt; newScript.src = 'http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js';&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum5"&gt;   5:&lt;/span&gt; headID.appendChild(newScript);&lt;/pre&gt;
&lt;!--CRLF--&gt;&lt;/div&gt;
&lt;/div&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10168918" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/HTML5/">HTML5</category></item><item><title>Experiencing Flash issues with IE9 today?</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/05/24/experiencing-flash-issues-with-ie9-today.aspx</link><pubDate>Tue, 24 May 2011 19:49:01 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10167962</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10167962</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/05/24/experiencing-flash-issues-with-ie9-today.aspx#comments</comments><description>&lt;p&gt;I’ve had a few customers ask me about an IE9 situation where Flash app’s are appearing in the top left of the window and flashing. Turns out that this is not a IE9 bug, but something with Flash and apparently Intel HD Graphics adapters. More details can be found &lt;a href="http://blogs.adobe.com/flashplayer/2011/05/reported-issues-with-flash-player-10-3-and-internet-explorer-9.html"&gt;here&lt;/a&gt; on Adobe’s site. A pre-release fix is talked about too &lt;a href="http://kb2.adobe.com/cps/904/cpsid_90416.html"&gt;here&lt;/a&gt;.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10167962" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category></item><item><title>WP7 Beta Mango Tools Available Today</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/05/24/wp7-beta-mango-tools-available-today.aspx</link><pubDate>Tue, 24 May 2011 14:32:53 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10167802</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10167802</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/05/24/wp7-beta-mango-tools-available-today.aspx#comments</comments><description>&lt;p&gt;More good news for Windows Phone 7 today. You can &lt;a href="http://create.msdn.com/"&gt;&lt;strong&gt;download&lt;/strong&gt;&lt;/a&gt; later today. Other news coming out during the press conference, so might want to watch it live or later &lt;a href="http://www.microsoft.com/presspass/presskits/windowsphone/"&gt;here&lt;/a&gt;. A press release is &lt;a href="http://www.microsoft.com/presspass/features/2011/may11/05-24WindowsPhone.mspx"&gt;here&lt;/a&gt;, but &lt;a href="http://www.microsoft.com/presspass/features/2011/may11/05-24WindowsPhone.mspx"&gt;here’s&lt;/a&gt; a summary of the new features. &lt;a href="http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/05/24/developer-news-beta-mango-tools-available-today.aspx"&gt;Another summary&lt;/a&gt; on Windows Phone blog.&lt;/p&gt;  &lt;p&gt;&lt;a title="Windows Team blog summary of WP7 Mango" href="http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/05/24/developer-news-beta-mango-tools-available-today.aspx"&gt;&lt;img style="display: block; float: none; margin-left: auto; margin-right: auto" title="image" border="0" alt="image" src="http://windowsteamblog.com/cfs-file.ashx/__key/CommunityServer-Blogs-Components-WeblogFiles/00-00-00-53-84-metablogapi/1031.image_5F00_thumb_5F00_6A45B19A.png" width="321" height="307" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;h1&gt;&lt;b&gt;&lt;em&gt;Communications: Easier to connect and share &lt;/em&gt;&lt;/b&gt;&lt;/h1&gt;  &lt;p&gt;&lt;em&gt;The smartphone experience can be complicated by a sea of disconnected apps and accounts as people attempt to keep pace with all the ways they communicate – from calls, texts, email and IM to status updates, Tweets, check-ins, photo posting and tagging.&amp;#160; To help people stay on top of that growing complexity, the Mango release organizes information around the person or group people want to interact with, not the app they have to use.&amp;#160; &lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;Threads. &lt;/b&gt;Switch between text, Facebook chat, and Windows Live Messenger within the same conversation.&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;Groups. &lt;/b&gt;Group contacts into personalized Live Tiles to see the latest status updates right from the start screen and quickly send a text, email or IM to the whole group.&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;Deeper social network integration. &lt;/b&gt;Twitter and Linked In feeds are now integrated into contact cards, and Mango includes built-in Facebook check-ins and new face detection software that makes it easier to quickly tag photos and post to the Web.&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;Linked Inbox. &lt;/b&gt;See multiple email accounts in one linked inbox. Conversations are organized to make it easy to stay on top of the latest mail.&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;Hands-free messaging. &lt;/b&gt;Built-in voice-to-text and text-to-voice support enables hands-free texting or chatting. &lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;b&gt;&lt;em&gt;&lt;/em&gt;&lt;/b&gt;&lt;/p&gt;  &lt;h1&gt;&amp;#160;&lt;/h1&gt;  &lt;h1&gt;&lt;em&gt;A smarter approach to Apps&lt;/em&gt;&lt;/h1&gt;  &lt;p&gt;&lt;em&gt;Windows Phone will challenge the way people think about apps. Today their usefulness is measured by what can be done within the app, but we see the promise of apps in how they can be integrated directly into the core experiences of the phone. In addition to making it easier to get timely notifications and updates from apps right from the Start Screen, the Mango release will also surface apps as part of search results and within Windows Phone Hubs.&amp;#160; As a result, a useful app is more likely to be right there when you need it.&lt;b&gt;&lt;/b&gt;&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;App Connect. &lt;/b&gt;By connecting apps to search results and deepening their integration with Windows Phone Hubs, including Music and Video and Pictures, Mango allows apps to be surfaced when and where they make sense.&amp;#160; &lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;Improved Live Tiles&lt;/b&gt;. Get real-time information from apps without having to open them.&amp;#160; Live Tiles are more dynamic and can hold more information.&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;Multitasking. &lt;/b&gt;Quickly switch between apps in use and allow apps to run in the background while helping to preserve battery life and performance.&lt;/em&gt;&lt;/p&gt;  &lt;h1&gt;&amp;#160;&lt;/h1&gt;  &lt;h1&gt;&lt;em&gt;Internet beyond the browser&lt;/em&gt;&lt;/h1&gt;  &lt;p&gt;&lt;em&gt;In addition to including Internet Explorer, the Mango release will connect the power of the Web to the unique capabilities of your phone, such as location awareness, camera and access to apps, to present a new way of viewing the Web that is more localized, actionable and relevant.&lt;b&gt;&lt;/b&gt;&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;Internet Explorer 9. &lt;/b&gt;A browser based on the powerful IE9 and including support for HTLM5 and full hardware acceleration. &lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;Local Scout. &lt;/b&gt;Provides hyper-local search results and recommends nearby restaurants, shopping and activities in an easy- to-use guide. &lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;Bing on Windows Phone. &lt;/b&gt;More ways to search the Web, including Bing Vision, Music Search and Voice so it’s easy to discover and decide.&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;• &lt;b&gt;Quick Cards. &lt;/b&gt;When searching for a product, movie, event or place see a quick summary of relevant information, including related apps.&lt;/em&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10167802" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/WP7/">WP7</category></item><item><title>WP7 Stencil Kit</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/05/21/wp7-stencil-kit.aspx</link><pubDate>Sat, 21 May 2011 13:19:09 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10166980</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10166980</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/05/21/wp7-stencil-kit.aspx#comments</comments><description>&lt;p&gt;Thought this was kinda cool. It’s made by &lt;a href="http://www.uistencils.com/"&gt;UI Stencils&lt;/a&gt;, and they produce stencils for other popular platforms.&lt;/p&gt;  &lt;p&gt;&lt;a title="More details, click here" href="http://microsoftfeed.com/2011/ui-stencils-for-windows-phone-7/"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-82-03-metablogapi/0042.image_5F00_63B20578.png" width="244" height="122" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;i&gt;The &lt;a href="http://www.uistencils.com/products/windows-phone-stencil-kit"&gt;Windows Phone 7 Stencil Kit&lt;/a&gt; allows you to mock-up app ideas with ease. Use the precision cut stainless steel stencil to let the ideas flow. Perfect for doodling user interface, user experience, app flows and wireframe ideas. Do check out our &lt;a href="http://microsoftfeed.com/2011/20-free-prototyping-mockup-and-wireframing-resources-for-windows-phone-7/"&gt;previous post&lt;/a&gt; about 20 free prototyping, sketching, mockup and wireframing resources for Windows Phone and official &lt;a href="http://microsoftfeed.com/2011/official-download-for-windows-phone-7-button/"&gt;Download for Windows Phone 7&lt;/a&gt; Buttons.&lt;/i&gt;&lt;/p&gt;  &lt;p&gt;&lt;i&gt;&lt;a href="http://www.uistencils.com"&gt;UI Stencils&lt;/a&gt; have released the stencil for &lt;strong&gt;$24.99&lt;/strong&gt;. This kit was co-developed by the &lt;a href="http://microsoftfeed.com/tag/Windows-Phone/"&gt;Windows Phone&lt;/a&gt; internal design team at Microsoft. It features the current Metro design language and iconography. The kit comes with:&lt;/i&gt;&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;&lt;i&gt;Stainless steel stencil&lt;/i&gt;&lt;/li&gt;    &lt;li&gt;&lt;i&gt;Zebra mechanical pencil&lt;/i&gt;&lt;/li&gt;    &lt;li&gt;&lt;i&gt;Plastic protector&lt;/i&gt;&lt;/li&gt;    &lt;li&gt;&lt;i&gt;2 UI Stencils stickers&lt;/i&gt;&lt;/li&gt; &lt;/ul&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10166980" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/WP7/">WP7</category></item><item><title>Are you an iPhone developer, and looking to expand your kingdom ?</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/05/02/are-you-an-iphone-developer-and-looking-to-expand-your-kingdom.aspx</link><pubDate>Mon, 02 May 2011 22:05:42 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10160186</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10160186</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/05/02/are-you-an-iphone-developer-and-looking-to-expand-your-kingdom.aspx#comments</comments><description>&lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;There’s a lot of dynamics unfolding before us in the mobility space. Android is putting pressure on iPhone sales, and Gartner &lt;a href="http://www.bing.com/search?q=gartner+iphone+wp7"&gt;says&lt;/a&gt; WP7 will catch up with the competitors. Who knows for sure. However, I do feel that Windows Phone 7 is a quality product, and it will only get stronger. And if you’re aware of the Nokia partnership, Microsoft does represent another revenue channel for the mobility developer and ISV’s. &lt;/p&gt;  &lt;p&gt;With these issues, is it possible that a iPhone developer would look at Windows Phone 7? Hmmm, not sure. I have my religious technology issues, where I say “I’ll never use technology X, because it comes from company Y and they are our competitor”. (Just ask my family or friends.) But, when life and economics are changing and you have to pay a house note and put food on the table, sometimes you have to be open minded. I don’t know how all of this is going to pan out – nor do I know who will be the main mobility platform players in 5 years. I sure hope that Microsoft is in the game, playing in a quality way. But, if I was feeling pressure about making the next deal happen and I was fearful of my future, you can bet that I would be looking for options. Therefore, an entrepreneur and/or mature consultant will look at other platforms.&lt;/p&gt;  &lt;p&gt;So, I’d like to recommend this learning resource for iPhone developers, considering WP7. In case you need to expand your tool belt of skills and business opportunities for the future, take a look – it won’t hurt. We have put together &lt;a href="http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/04/29/leveraging-your-iphone-development-expertise-to-build-windows-phone-7-applications.aspx"&gt;a educational package&lt;/a&gt; for the iPhone developer that includes the following:&lt;/p&gt;  &lt;ul&gt;   &lt;ul&gt;     &lt;li&gt;a NEW iPhone/iOS to Windows Phone 7 API mapping tool&lt;/li&gt;      &lt;ul&gt;       &lt;li&gt;&lt;em&gt;With this tool, iPhone developers can grab their apps, pick out the iOS API calls, and quickly look up the equivalent classes, methods and notification events in WP7. A developer can search a given iOS API call and find the equivalent WP7 along with C# sample codes and API documentations for both platforms. &lt;/em&gt;&lt;a href="http://wp7mapping.interoperabilitybridges.com"&gt;&lt;em&gt;Give it a try!&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;     &lt;/ul&gt;      &lt;li&gt;a 90+ pages “&lt;a href="http://windowsphone.interoperabilitybridges.com/articles/windows-phone-7-guide-for-iphone-application-developers"&gt;Windows Phone 7 Guide for iPhone Application Developers&lt;/a&gt;” white paper, organized in 8 chapters, and growing &lt;/li&gt;      &lt;li&gt;a &lt;a href="http://windowsphone.interoperabilitybridges.com/tagsearchresults/?tag=DeveloperStory"&gt;series&lt;/a&gt; of “developer stories”, in which developers share on video their experience porting iPhone applications to Windows Phone and explain why and how they did it. &lt;/li&gt;   &lt;/ul&gt; &lt;/ul&gt;  &lt;p&gt;I’m not saying “jump ship” or “it’s over!” or anything like that. That would be crazy talk. But, once you see some of the market dynamics and some of our WP7 potential, you might take a quick peek at WP7 and this package will help in the translation. &lt;/p&gt;  &lt;p&gt;More coming from the &lt;a href="http://windowsphone.interoperabilitybridges.com/"&gt;WP7 Interoperability team&lt;/a&gt; in the future.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10160186" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/WP7/">WP7</category></item><item><title>Windows Phone Accelerator Labs Coming to Chicago and Dallas in May</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/05/02/windows-phone-accelerator-labs-coming-to-chicago-and-dallas-in-may.aspx</link><pubDate>Mon, 02 May 2011 21:31:16 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10160173</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10160173</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/05/02/windows-phone-accelerator-labs-coming-to-chicago-and-dallas-in-may.aspx#comments</comments><description>&lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;Working on a WP7 application and want some help? Check out &lt;a href="http://davebost.com/blog/"&gt;Dave Bost&lt;/a&gt; and his teammates, who are hosting a &lt;a href="http://davebost.com/blog/2011/04/28/windows-phone-accelerator-labs-coming-to-chicago-and-dallas-in-may/"&gt;Windows Phone Accelerator Lab&lt;/a&gt; in Dallas (May 9-13) and Chicago (May 16-20). Limited seating, and registration is a submission process.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10160173" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/WP7/">WP7</category></item><item><title>3 Weeks Left to Get Into {Dev:unplugged}</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/04/21/3-weeks-left-to-get-into-dev-unplugged.aspx</link><pubDate>Thu, 21 Apr 2011 15:15:25 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10156704</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10156704</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/04/21/3-weeks-left-to-get-into-dev-unplugged.aspx#comments</comments><description>&lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;&lt;em&gt;&lt;a href="http://www.beautyoftheweb.com/#/unplugged"&gt;We&lt;/a&gt; believe that HTML5 and related technologies, in conjunction with faster and faster browsers, finally give developers the tools they need to create experiences that are just as vivid, interactive and high-fidelity as what you have come to expect from native applications without the need for plug-ins. We want to see what you can do &lt;a href="http://www.beautyoftheweb.com/#/unplugged"&gt;unplugged&lt;/a&gt;. Push HTML5 to its limits and compete for over $40,000 in prizes. The Grand Prize winner will receive $9,000 in cash and a fully-loaded trip with a Golden Ticket to the Future of Web Apps Conference in Las Vegas on June 27th.&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Submission deadline on May 8. Don't wait, enter your app today!&lt;/strong&gt;&lt;/p&gt;  &lt;p&gt;&lt;i&gt;More details at &lt;/i&gt;&lt;a href="http://contest.beautyoftheweb.com/"&gt;&lt;i&gt;http://contest.beautyoftheweb.com/&lt;/i&gt;&lt;/a&gt;&lt;i&gt;. &lt;/i&gt;&lt;/p&gt;  &lt;p&gt;&lt;a name="_MailOriginal"&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;Details also on Facebook:&amp;#160; &lt;a href="http://www.facebook.com/microsoftstudent/posts/142647012472551"&gt;http://www.facebook.com/microsoftstudent/posts/142647012472551&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;a href="http://contest.beautyoftheweb.com/"&gt;Check out&lt;/a&gt; the submissions so far, but there’s room left for more cool submissions. Cash and hardware await the winners…&lt;/p&gt;  &lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;h3&gt;&lt;a href="https://microsoft.promo.eprize.com/ie9app/contest_details.html"&gt;Contest Details&lt;/a&gt;&lt;/h3&gt;  &lt;h5&gt;Key Dates:&lt;/h5&gt;  &lt;p&gt;· Submit your App idea: March 1st – May 8th &lt;/p&gt;  &lt;p&gt;· View entries in the Gallery: April 5th– May 8th &lt;/p&gt;  &lt;p&gt;· Top 40 Finalist Gallery update: May 12th-May 22nd &lt;/p&gt;  &lt;p&gt;· View the winners: on or around May 23rd &lt;/p&gt;  &lt;h5&gt;File Size &amp;amp; Format:&lt;/h5&gt;  &lt;p&gt;· Please upload a .pptx, .ppt, or .pptm file.&lt;/p&gt;  &lt;p&gt;· Your entry must be 5MB (5,000 kilobytes) or smaller. Please minimize   &lt;br /&gt;the size of the file and try again.&lt;/p&gt;  &lt;p&gt;· Note: your App has to be live on a website so we can test it. Don’t   &lt;br /&gt;have hosting yet? &lt;a href="http://www.microsoft.com/web/hosters/browse.aspx"&gt;http://www.microsoft.com/web/hosters/browse.aspx&lt;/a&gt;.&lt;/p&gt;  &lt;h5&gt;Judging Criteria: &lt;/h5&gt;  &lt;p&gt;· Gaming Category = fun, addictive, easy to play.&lt;/p&gt;  &lt;p&gt;· Music Category = beautiful, hypnotic, choreographed&lt;/p&gt;  &lt;h4&gt;&amp;#160;&lt;/h4&gt;  &lt;h4&gt;Some Reading Assistance&lt;/h4&gt;  &lt;p&gt;· &lt;a href="http://msdn.microsoft.com/en-us/scriptjunkie/gg189187.aspx"&gt;How to Build Asteroids with the Impact HTML5 Game Engine&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;· &lt;a href="http://gskinner.com/blog/archives/2011/03/music-visualizer-in-html5-js-with-source-code.html"&gt;How to Build an HTML5 Music Visualizer using EaselJS&lt;/a&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10156704" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/HTML5/">HTML5</category></item><item><title>HTML Goodies: Lots of Education Waiting For You</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/04/20/html-goodies-lots-of-education-waiting-for-you.aspx</link><pubDate>Wed, 20 Apr 2011 23:54:46 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10156472</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>0</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10156472</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/04/20/html-goodies-lots-of-education-waiting-for-you.aspx#comments</comments><description>&lt;p&gt;&amp;#160;&lt;/p&gt;  &lt;p&gt;Anyone noticed the HTML5 articles appearing at the &lt;a href="http://htmlgoodies.com/html5/"&gt;HTML5 Development Center&lt;/a&gt; at &lt;a href="http://htmlgoodies.com"&gt;HTML Goodies&lt;/a&gt;&amp;#160; ? Not only am I seeing some good content, but I also see that they are supporting IE9 site pinning. Not to step over the valuable articles there, I looked into their site pinning implementation and there are several lessons in their effort.&lt;/p&gt;  &lt;h1&gt;HTML Goodies Jump List Menu&lt;/h1&gt;  &lt;p&gt;Here’s their jump list menu for Windows 7 users:&lt;/p&gt;  &lt;p&gt;&lt;a title="HTML5 Developer Center" href="http://htmlgoodies.com/html5/"&gt;&lt;img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://blogs.msdn.com/cfs-file.ashx/__key/CommunityServer-Blogs-Components-WeblogFiles/00-00-00-82-03-metablogapi/3531.image_5F00_052D9D32.png" width="176" height="244" /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;h1&gt;HTML Goodies META tag’s&lt;/h1&gt;  &lt;p&gt;For reference, I’ve provided a snippet of their code below:&lt;/p&gt;  &lt;div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 101.54%; padding-right: 4px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; height: 256px; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"&gt;   &lt;div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet"&gt;     &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum1"&gt;   1:&lt;/span&gt; &lt;span style="color: #008000"&gt;&amp;lt;!-- Install Meta--&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum2"&gt;   2:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;meta&lt;/span&gt; &lt;span style="color: #ff0000"&gt;name&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;application-name&amp;quot;&lt;/span&gt; &lt;span style="color: #ff0000"&gt;content&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;HTMLGoodies&amp;quot;&lt;/span&gt; &lt;span style="color: #0000ff"&gt;/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum3"&gt;   3:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;meta&lt;/span&gt; &lt;span style="color: #ff0000"&gt;name&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;msapplication-tooltip&amp;quot;&lt;/span&gt; &lt;span style="color: #ff0000"&gt;content&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;HTMLGoodies: The Ultimate HTML Resource&amp;quot;&lt;/span&gt; &lt;span style="color: #0000ff"&gt;/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum4"&gt;   4:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;meta&lt;/span&gt; &lt;span style="color: #ff0000"&gt;name&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;msapplication-starturl&amp;quot;&lt;/span&gt; &lt;span style="color: #ff0000"&gt;content&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;http://www.htmlgoodies.com/html5/index.php/&amp;quot;&lt;/span&gt; &lt;span style="color: #0000ff"&gt;/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum5"&gt;   5:&lt;/span&gt;&amp;#160; &lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum6"&gt;   6:&lt;/span&gt; &lt;span style="color: #008000"&gt;&amp;lt;!-- Static Jump list task items --&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum7"&gt;   7:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;meta&lt;/span&gt; &lt;span style="color: #ff0000"&gt;name&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;msapplication-task&amp;quot;&lt;/span&gt; &lt;span style="color: #ff0000"&gt;content&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;name=Latest HTMLGoodies Articles; action-uri=http://o1.qnsr.com/ads2/r?%3Bn=203%3Bc=806673%3Bs=9518%3Bx=7936%3Bf=201103291502070%3Bu=j%3Bq=1%3Bz=TIMESTAMP%3B; icon-uri=http://www.htmlgoodies.com/favicon.ico&amp;quot;&lt;/span&gt; &lt;span style="color: #0000ff"&gt;/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum8"&gt;   8:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;meta&lt;/span&gt; &lt;span style="color: #ff0000"&gt;name&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;msapplication-task&amp;quot;&lt;/span&gt; &lt;span style="color: #ff0000"&gt;content&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;name=HTML5 Development Center; action-uri=http://o1.qnsr.com/ads2/r?%3Bn=203%3Bc=806674%3Bs=9518%3Bx=7936%3Bf=201103291506150%3Bu=j%3Bq=1%3Bz=TIMESTAMP%3B; icon-uri=http://www.htmlgoodies.com/favicon.ico&amp;quot;&lt;/span&gt; &lt;span style="color: #0000ff"&gt;/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum9"&gt;   9:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;meta&lt;/span&gt; &lt;span style="color: #ff0000"&gt;name&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;msapplication-task-separator&amp;quot;&lt;/span&gt; &lt;span style="color: #ff0000"&gt;content&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;Forum Tasks&amp;quot;&lt;/span&gt; &lt;span style="color: #0000ff"&gt;/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum10"&gt;  10:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;meta&lt;/span&gt; &lt;span style="color: #ff0000"&gt;name&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;msapplication-task&amp;quot;&lt;/span&gt;  &lt;span style="color: #ff0000"&gt;content&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;name=HTML Discussion Forums; action-uri=http://o1.qnsr.com/ads2/r?%3Bn=203%3Bc=806675%3Bs=9518%3Bx=7936%3Bf=201103291518190%3Bu=j%3Bq=1%3Bz=TIMESTAMP%3B; icon-uri=http://www.htmlgoodies.com/favicon.ico&amp;quot;&lt;/span&gt; &lt;span style="color: #0000ff"&gt;/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;h1&gt;Static and Dynamic Jump Lists&lt;/h1&gt;

&lt;p&gt;Nothing earth shattering here, but I tell folks all the time: anyone can throw out a static jump list, but making the site more interactive will improve your customer retention – and you do that with dynamic jump lists and notifications. I believe that IE9 consumers will be the most valuable consumers to a site – if a site has a valued business proposition and creates an appropriate experience for the consumer through site pinning. But the site has to do its part. My soap box: simple experiences and low-valued content do not retain the consumer – so build something cool and engaging. It’s a win with IE9 consumers!&lt;/p&gt;

&lt;h1&gt;Semicolon in the static meta URL&lt;/h1&gt;

&lt;p&gt;If you’ve looked at the syntax for &lt;a href="http://msdn.microsoft.com/en-us/library/gg491725(v=VS.85).aspx"&gt;a static jump list&lt;/a&gt;, then you know that the format for building a static item is: &lt;/p&gt;

&lt;div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"&gt;
  &lt;div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet"&gt;
    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum1"&gt;   1:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;meta&lt;/span&gt; &lt;span style="color: #ff0000"&gt;name&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;msapplication-task&amp;quot;&lt;/span&gt; &lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum2"&gt;   2:&lt;/span&gt;       &lt;span style="color: #ff0000"&gt;content&lt;/span&gt;&lt;span style="color: #0000ff"&gt;=&amp;quot;name=Check Order Status;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum3"&gt;   3:&lt;/span&gt;                action-uri=./myPage.aspx;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum4"&gt;   4:&lt;/span&gt;                icon-uri=./favicon.ico&amp;quot;&lt;/pre&gt;
&lt;!--CRLF--&gt;

    &lt;pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0em; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &amp;#39;Courier New&amp;#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"&gt;&lt;span style="color: #606060" id="lnum5"&gt;   5:&lt;/span&gt; &lt;span style="color: #0000ff"&gt;/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;!--CRLF--&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;The &lt;em&gt;content &lt;/em&gt;entry communicates 3 values: menu item text in &lt;em&gt;name&lt;/em&gt;, the URL to jump to via &lt;em&gt;action&lt;/em&gt;, and the &lt;em&gt;icon &lt;/em&gt;to show.&amp;#160; These fields are delimited by a semicolon. Easy enough!&amp;#160; &lt;/p&gt;

&lt;p&gt;But, what to do if you have semicolons in your URL? Notice what HTML Goodies did – just replace the semicolon with %3B, and problem solved. Note their code in lines 7, 8, and 10. (Thanks to Justin Posey and Brandon Satrom for this learning.)&lt;/p&gt;

&lt;h1&gt;Space in the static meta&lt;/h1&gt;

&lt;p&gt;Nothing note worthy here, but I haven’t left spaces around the proper field delimiter (semicolon) as in line 7 of the Html Goodies code. Just making a note that this was evidently valid syntax. I had no idea.&lt;/p&gt;

&lt;p&gt;Another angle that caught my by surprise: when looking at their menu in the F12 Developer Tools on a static item that is broken across multiple lines (as in the semicolon example above), it shows the &lt;em&gt;content&lt;/em&gt; attribute as one line, but with spaces in between the delimited string&lt;/p&gt;

&lt;h1&gt;Separator&lt;/h1&gt;

&lt;p&gt;I know that the MSDN doc’s talk about &lt;em&gt;separators&lt;/em&gt; or dividers (my term) in the jump list menu. As you might notice in the HTML Goodies menu above, they have these dividers in the middle of the static jump list (what the UI exposes as the &lt;em&gt;Tasks &lt;/em&gt;section). But this is the first production usage of the &lt;em&gt;msapplication-task-separator&lt;/em&gt; that I’ve seen. Note line9 in the HTML Goodies sample above.&lt;/p&gt;

&lt;p&gt;Got my curiosity going, so in my playing on my machine, here are few other pointers about this item:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Using a &lt;em&gt;separator &lt;/em&gt;does not take away from your limit of 5 static items.&lt;/li&gt;

  &lt;li&gt;Back to back &lt;em&gt;separator&lt;/em&gt;’s&lt;em&gt; &lt;/em&gt;result in one divider in the menu.&lt;/li&gt;

  &lt;li&gt;Multiple &lt;em&gt;separator&lt;/em&gt;’s&lt;em&gt; &lt;/em&gt;require a unique value in the &lt;em&gt;content&lt;/em&gt; attribute.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;More explanation &lt;a title="http://msdn.microsoft.com/en-us/library/gg491732.aspx" href="http://msdn.microsoft.com/en-us/library/gg491732.aspx"&gt;here&lt;/a&gt; on MSDN.&lt;/p&gt;

&lt;h1&gt;&lt;strong&gt;StartUrl Pointing to a Page&lt;/strong&gt;&lt;/h1&gt;

&lt;p&gt;In most cases, I see msapplication-starturl pointing to a folder. (I’ve &lt;a href="http://blogs.msdn.com/b/jonbox/archive/2011/02/18/a-simple-ie9-site-pinning-pattern-and-one-gotcha.aspx"&gt;blogged&lt;/a&gt; about the issues with this entry, so assuming you know those facts already.) But, in the case of HTML Goodies, they point to a page (see line 5 in their code above), and this is definitely acceptable. The path is in there, and it has the trailing slash already.&lt;/p&gt;

&lt;p&gt;&amp;#160;&lt;/p&gt;

&lt;h1&gt;&lt;strong&gt;Salutations&lt;/strong&gt;&lt;/h1&gt;

&lt;p&gt;Thanks for stopping by again. Hoping that someone learns from these observations. I document them so my old mind won’t lose them.&lt;/p&gt;

&lt;p&gt;Also, check out the content on HTML Goodies. Lots of good stuff there. I’m enjoying the HTML5 page. And you should pin it too!&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10156472" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/HTML5/">HTML5</category></item><item><title>You Sniffers: Watchout for the new IE10 User-Agent</title><link>http://blogs.msdn.com/b/jonbox/archive/2011/04/20/you-sniffers-watchout-for-the-new-ie10-user-agent.aspx</link><pubDate>Wed, 20 Apr 2011 18:23:45 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:10156343</guid><dc:creator>Jon Box, MSFT</dc:creator><slash:comments>4</slash:comments><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://blogs.msdn.com/b/jonbox/rsscomments.aspx?WeblogPostID=10156343</wfw:commentRss><comments>http://blogs.msdn.com/b/jonbox/archive/2011/04/20/you-sniffers-watchout-for-the-new-ie10-user-agent.aspx#comments</comments><description>&lt;p&gt;As &lt;a href="http://blogs.msdn.com/b/ie/archive/2011/04/12/native-html5-first-ie10-platform-preview-available-for-download.aspx"&gt;announced&lt;/a&gt; at MIX last week, we’ve started shipping previews of IE10 (&lt;a href="http://ie.microsoft.com/testdrive/Info/Downloads/Default.html"&gt;download&lt;/a&gt;) – just like we did through the IE9 alpha/beta stages. And this shows our continued focus on making IE a top browser choice for Windows users and IT shops. But, after reading Tony Ross’ &lt;a href="http://psdinhtml.com/the-ie10-user-agent-string/"&gt;post&lt;/a&gt; on the new IE10 user agent string, I wanted to forward along his post and emphasize a potential support issue. &lt;/p&gt;  &lt;p&gt;Recently, my teammate Taylor Cowan found that one of our customer’s sites was incorrectly sniffing for the browser type and version. The code had a wrong RegEx string, which was yesterday’s problem. It also was checking for the IE version, looking for 1 digit – which is tomorrow’s problem. Someday, they’re going to think they found IE v1, when a IE10 user visits their site. That day is not that far off, with folks playing with platform previews and the release coming someday.&lt;/p&gt;  &lt;p&gt;So, again, we recommend moving your code away from browser detection and towards “feature detection”. There are very few cases where sniffing is the mature coding practice, so start today enhancing your code.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=10156343" width="1" height="1"&gt;</description><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/IE/">IE</category><category domain="http://blogs.msdn.com/b/jonbox/archive/tags/HTML5/">HTML5</category></item></channel></rss>
