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!
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.
Here’s the video (I come at 23:20)
Speaker(s): Ronald Widha, Zubair Ahmed
April 16, 2011
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#.