20Apr

Microsoft Web Camp: My demo of MS Web Stack of Love

admin | Category: .NET 4.0, ASP.NET, Entity Framework, OData, VS 2010, Visual Studio, WCF Data Service, Web Matrix | 1 Comment

Last week I co-presented a session titled “Creating Cutting Edge Websites for Phones, Slates and Beyond” at Microsoft Web Camp in Dubai with Ronald Widha.

  • Opening Address, Michael Mansour
  • Development on Internet Explorer 9, Shaymaa Al-Terkait
  • Building an eCommerce Site in 13 Minutes with Web Matrix, Asli Bilgin
  • Creating Cutting Edge Websites for Phones, Slates and Beyond with WebMatrix and VS2010, Ronald Widha and Zubair Ahmed
  • Q&A with Pizza Dinner and drawing for a free Windows Phone 7!

From Microsoft Web Camp in Dubai

Ronald Widha talked about the challenge facing today’s designer and developers to build User interfaces that fit on desktop and phones alike, he discussed the Responsive UI design pattern and showed how Html5, CSS Media Queries and Fluid Images can help solve this issue to some extent. Get Ronald’s slides

I then showed some goodness from Microsoft Web Stack of Love and took Ron’s user interface markup to the new CSHTML page type in Web Matrix and changed it to get the content from a SQL Compact Edition database using the Razor view syntax, launched the same solution in Visual Studio from Web Matrix then added Entity Framework and WCF Data Services to the mix.

You can download all the tools using Web PI and get my code.

Here’s the video (I come at 23:20)

Creating Cutting Edge Website for Phone, Slate and Beyond from Ronald Widha on Vimeo.

Speaker(s): Ronald Widha, Zubair Ahmed

April 16, 2011

Microsoft, Dubai

The process of creating a website now always start with a question on figuring out the devices you want to support for; PCs, mobile phones and/or slate devices. Each of these devices may have different screen sizes, capabilities etc. For simplicity, designer/developer often chooses to build dedicated websites for each one of the platform which often leads to maintenance nightmare.

This talk showed how to design and develop a dynamic website for the various platforms using Responsive Design techniques. We’re starting up the process with WebMatrix and transitioning to Visual Studio 2010 as we progress. We touched on Html5, CSS3, Razor, Entity Framework 4 and C#.