Posts Tagged ‘bldwin’

While rushing from one XAML session to another at BUILD, I also tried to attend a few HTML5/Javascript/CSS sessions. Today I also made it into the super-crowded “Progressively enable the mobile web with ASP.NET MVC 4, HTML5, and jQuery Mobile” session presented by Phil Haack. The presentation was very informative and I decided to share some of the links and details about the discussed topics.

The session mainly focused on the following topics in ASP.NET MVC 4:

  • How to use the HTML5 viewport attribute and adaptive rendering to improve display on mobile devices
  • How to create mobile-specific views
  • How to create a view switcher that lets users toggle between a mobile view and a desktop view of the application

Useful Terms

ViewPort Meta Tag:

Mobile browsers define a virtual browser window width (the viewport), which can be larger than the actual width of the mobile device. The viewport <meta> tag in the ASP.NET MVC 4 layout file sets the viewport to the device width. This tag can be used in any web application and is not ASP.NET MVC 4 specific.

The following line shows the viewport <meta> tag in the ASP.NET MVC 4 layout file: <meta name=”viewport” content=”width=device-width”>

Mobile-specific views

ASP.NET MVC 4 provides a new feature with which you can override layout and partial views for mobile browsers as well as specific browsers. If you need a different view for the mobile browser, you simply copy a view file and add .Mobile to the file name. Then you need to create a mobile-specific view. I provided a link to a sample on ASP.NET/MVC , which outlines the entire process in detail.


This is a package for easily converting views to mobile, when creating mobile-specific views. This package should be available through the new Recipes feature for ASP.NET MVC 4, which can be installed using NuGet.

Jquery Mobile

This library provides a user interface framework that works on all the major mobile browsers; it applies progressive enhancement to mobile browsers that support CSS and JavaScript. With progressive enhancement, all browsers may display the basic content of a web page, however more powerful browsers and devices may display an enhanced version of the page with its actual rich feature-set. The jQuery Mobile’s Javascript and CSS files can style many elements especially for mobile browsers and without any further markup changes.

You can install JQuery.Mobile.MVC  for ASP.NET MVC 4 as a NuGet package.


This is a partial view, which provides a link at the top of each page to switch from desktop view to mobile view and vice versa. The desktop layout does not include a view switcher by default, so there is no link to browse to the mobile version of a view from the desktop layout.

Useful Links

Download link for ASP.NET MVC 4 Developer Preview:


Release Notes for ASP.NET MVC 4:


Link to ASP.NET MVC RoadMap:


Sample to follow along (sample files available for download):


Download link for Windows Phone SDK 7.1 (for the emulator):


Install NuGet for ASP.NET MVC4 recipes:


On a side note:

I started off web development with HTML and in-house Javascript libraries, then moved to Java/JSP and even did some development with Grails. Grails delivers developer productivity by applying principles like Convention over Configuration and it is built based on the MVC paradigm. It provides view templates, scaffolding, dynamic tag libraries etc. I am not quite certain about the underlying factors, it may be Java and Grails, which make me feel so sympathetic towards ASP.NET MVC. It is surely different from my relation with ASP.NET Web forms; which ever so often gets the cold shoulder from me.

Read Full Post »

One of the sessions I thoroughly enjoyed was “Designing Metro style apps that are touch-optimized” by Jan-Kristian Markiewicz and Kay Hofmeester. You can browse to the session’s information/recording on Channel 9. But until then, feel free to check out some of the slides I captured during their session.

Read Full Post »

The second day of BUILD had several news in store for developers. The buzzwords were “connected and continuous”, which topped the word charts with the very frequently used other pair: “fast and fluid”.

The following pictures show some of the highlights of the second keynote with limited commercial interruption:)

@kellabyte – seeing anything familiar here? 🙂

Visual Studio 11 – clone search enabled.  Let the clone wars begin!

even more announcements for developers!

DOM Inspector also available in ASP.NET MVC 4.

ScottGu shows how ASP.NET MVC 4 now even supports IPhone:)

Windows Azure Publish goodness.

They got their tablet; but crowd is still here! 🙂

TFS Preview in Azure.

TFS in the cloud.

Hello Windows Server 8; we have been expecting you.

Idenity detail: support for Claims based authentication.

Windows Server 8 – performance improvements.

Another opportunity for devs.

funky + cool naming: Windows.Security.Credentials.PasswordVault()

Steve Ballmer in the house; reading out comments on Windows 8 announcements.

Windows everywhere!

Windows Phone 7/7.5 love.

Hardware + software go hand in hand.

Clouds on the horizon.

Are you ready?

Developers, developers, developers!

Action Plan following BUILD Day#2

Check out BUILD’s Wednesday Keynote here. Opening keynote is available on this link.

Download Visual Studio 11 Developer Preview (MSDN subscribers only).

Download Windows Azure Toolkit for Windows 8.

Wait for Windows 8 Server preview to become available this week.

Download ASP.NET MVC 4. More info on Phil Haack’s blog.

Visit the Windows Dev Center.

Take a look at the Channel 9 – Build Videos; more content is added after each day of BUILD.

Let’s get ready for BUILD day#3.

Read Full Post »

Due to some last-minute luck and when I least expected it, I got a free pass to BUILD. I have to emphasize the luck factor, as the conference tickets had sold out rather quickly, in spite of  the lack of public session and speaker lists as well as keynote topics.

I have to send a big THANK YOU to StartupWeekend  and Microsoft BizSpark, who teamed up with the Windows team to offer a limited number of free passes to BUILD. I had been following the BizSpark newsletter for some time and I was also checking out StartupWeekend news, as both provide news sources for and about aspiring entrepreneurs. I especially want to thank Maris McEdward, Community Manager at StartupWeekend, and James Senior, Senior Technical Product Manager in the Windows 8 team, who both have been very helpful with the registration process.

The following 140 character short yet very poetic (!) reasoning about my enthusiasm to attend BUILD made me a ticket winner: This geekgirl can’t wait to discover Windows8 + deep dive into HTML5. If you don’t want my dreams to be killed, let me win a ticket to BUILD. Well, for those, who thought poetry doesn’t get you anywhere, I may have thrown an unhandled exception just this very moment.

In the past weeks, I tried to steer away from any heated discussions and conspiracy theories. I am certainly curious to find out about the latest announcements and I may have a few predictions. As expected, the announcements will please a certain crowd, while starting off upset discussions among others.  As for me; I am ready to embrace mind-blowing news, ground-breaking  changes and the modern Web. The term “modern” is mentioned multiple times in a latest feature story about BUILD on the Microsoft News Center site and when there is such an emphasis on modern, who wants to stay outdated, right? Fun aside, in my opinion, two of the key details in the article: “the modern Web – a place of rich, immersive, and engaging user experiences that consumers interact with across a wide spectrum of devices” and “Web projects becoming more application-like”… I guess, we need to read between the lines.

With less than 12 hours to the first keynote, the BUILD countdown has officially begun. Numerous predictions already popped up in Twitter (#bldwin) and the blogosphere today, however the non-stop stream of news, tweets etc. will take place tomorrow. If you want to catch up with the latest BUILD updates, MicrosoftFeed has compiled a thorough list of links on how to follow BUILD Windows related news. You may also browse to the BUILD virtual pressroom tomorrow morning for the live streaming/video link of the keynote.

Until Microsoft unveils all the mysteries surrounding BUILD in a few hours, there is not much to do than “Abwarten und Tee trinken“.

Read Full Post »