Wednesday, October 26, 2011 #

Enabling Facebook Timeline view on IE10 Developer Preview

If you are active on Facebook, there is very less chance that you missed on the recent Facebook UI update “Social Graph” or more popularly referred as “Timeline” (a screenshot of how the Timeline profile UI looks, here below)

image

This Timeline UI has been quite popular and is supported in most of the modern browsers including IE9, Chrome 14 & Firefox 6 and above.

I am a power consumer of web and use IE9 as my primary browser.  Timeline UI works excellent in IE9. 

I have also downloaded the IE10 Platform Preview for Windows 7, which provides greater support for some of the HTML5 standards.

Also, with Windows Developer Preview ships the IE10 Developer Preview (a newer version after IE10 PP2).  This has the best possible support for CSS3 transitions and other latest web standards.

Both in IE10 PP2 and IE Developer Preview, Facebook Timeline UI doesn’t show up.  It shows the classic view although I have enabled timeline.  Gut feel is, they are doing browser sniffing and with the user agent not enabling the Timeline for not matching major version 9 in case of IE.  Actually IE10 PP2 and Developer Preview have better support for CSS3 and other new web standards.  So, to enable Timeline UI in IE10 PP2 or the IE Developer Preview shipped in Windows Developer Preview, we need to use the IE Developer Toolbar (press F12)

So, here is the view of Facebook Profile in IE Developer Preview which features by default Browser Mode IE10.

image

Once we change the browser mode to IE9, I get the social graph view as below

image

I tested the same in both IE10 Developer Preview (Windows Developer Preview) and IE10 PP2 (Windows 7) and got the desired results Smile

Goes on to prove my earlier posts on how the Developer Toolbar in IE is very helpful for Developers.

And here is a nice video on how to enable Facebook Timeline for your account.

I think it is these little nifty changes that separates we developers from the regular consumers Smile

Cheers !!!

Posted On Wednesday, October 26, 2011 9:46 PM | Comments (3)

Installing MVC 3 for Visual Studio 2010 on Windows Developer Preview after installing MVC 4

I am playing more with the Windows Developer Preview and simply love the backward compatibility it has for applications that used to work in Windows 7.  And one of the applications critical to my day-to-day life is Visual Studio.  Visual Studio 2010 with SP1 and ASP.NET MVC 3 Tools is my everyday requirement.

Windows Developer Preview when installed from the MSDN Center has two flavors.  One with the Developer Tools which I would assume, most of us developers would want and the other one, which is simply the Windows Developer Preview (without the Tools).

And the Tools that it ships with has a version of VS11 Developer Preview which is just for building Metro Style applications.  If you plan to use the same for web development (using MVC or Web Forms) you need to install a separate version of VS11.  I had blogged about this earlier

I was setting up Windows Developer Preview as my primary development machine so in addition to VS11, I also required VS 2010 to be installed.  So, I installed VS 2010 and the SP1.  Post that I was trying to install MVC 3 for VS 2010.  It simply took a long time and then rolled back the installation Sad smile

I tried couple of times just to repro and found the same results. 

The interesting thing is, MVC3 for VS11 installed happily on the machine.  (MVC 4 was already installed)

When I checked with Phil Haack and Jacques Eloff they neatly helped me with this.  Essentially MVC 4 has a newer version of NuGet installed and that was preventing MVC 3 for VS 2010 to be installed.  The steps to resolve are quite simple.

Uninstall NuGet from Add/Remove Programs. 

Install MVC 3 for VS 2010 from here

That’s it.  It would automatically reinstall the NuGet.

If this post was confusing like my earlier post read it again Smile

Cheers !!!

Posted On Wednesday, October 26, 2011 5:44 PM | Comments (2)