Sammani Palansuriya

  What it is A web application developed based on the responsive web design concept will adopt the layout of the application based on the screen size and orientation. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market. When designing a web in responsive manner same HTML content will be maintained, but it will be viewed in different layouts when user switches among different browser sizes. In that way website can server the users by changing the layout of the content so user can view it in more user friendly manner, without too many scrolling. How the layout changes will be discussed under topic Design patterns   Pros Increasing your reach to tablet and ...

With the release of Web API 2 there are few improved & new features been introduced. Those are External Authentication Enabling cross origin request Use OWIN to host Web API in an Azure worker Role IHttpActionResult, a New Way to Create Responses in Web API Attribute Routing Using $select, $expand, and $value in Web API OData In this blog I am going to talk about Attribute routing in detail. Before Web API 2 comes for routing in web API what we have used in conventional routing. In this normally what we have in a single API controller ex:- Employee Controller Get(int Id) // Get Employee By Id Get() // Get All Employees Post() Put() Delete() You can get more details on conventional routing here The constraint here is if we want to get Leave Records by Employee Id we will have to create a different controller. We cannot have that in the same controller. Attribute Routing solves this issue. Attribute routing supports some of the URI patterns which are commonly used in...

  VS 2013 has came up with some very handy tools in the code editor. Let’s see some of those in detail. CodeLens                                                                                CodeLens allows you to find details about your code without leaving your code editor. This will give you details on top of your class or method as below. In the image above you can see two details on top of the method. References This will give you the details on the other methods which reference this method. If you click on the references it will show you the details of the references & you ca...

  You can find the sample code of adding check boxes & handling it’s checked even in Kendo Grid here : http://jsfiddle.net/sammani/Xg56P/2/

  Code Maps are now integrated with visual studio debugger. So when you debug the code you can see the stack trace in a visual manner. To Integrate you debugger you can use the following icon in visual studio so it will create the code map for you debugging session. When you start debugging of you code you will see this icon. When you click on the the icon, it will generate the code map for you, & when you stepping through the code parts it will show you visually where you exactly are as below. Arrow will show the current position. You can add comments while you debugging the code for reference. Then if you want you can share your visualized version of you debugger session with the team as below. This helps you to visualize your debugger more effective way. http://channel9.msdn.com/Series/Visual-Studio-2012-Premium-and-Ultimate-Overview/Visual-Studio-Ultimate-2012Debug-visually-with-Code-Map-debugger-integration Happy Debugging !!!!!!!!!!

  In case in you have changes your computer name & you want to change the Tfs workspace name follow the following command. 1. Load the Visual Studio developer command prompt. 2. Run the Following Command tf workspaces /updateUserName: OldUserName /collection:http:// Tfs_server :8080   you can find more command here. http://msdn.microsoft.com/en-us/library/cc31bk2e(vs.80).aspx

  Code maps is another attractive visualization tool came with VS 2012 Update 1. it is more similar to the dependency graphs but this has more usability as this has been integrated with visual studio debugger so that the user can use this to visualize their debugging stack trace using this. We will see how we can use this. Generate a Code Map : Right click on the method which you want to evaluate & then click on “Show on code map”   then it will generate a code map as below. Adding Items to Code Map: when you right click on the “DrawRectangle” in the surface you will get some options to add items to your map as you prefer. Show Fields this references :- Will show all the global fields or properties which this particular method is referencing. In the code sample which I am using this method using a global variable named rectangle. 2. Find All References :- suppose you have a bug in the DrawRectangle(). so you  need to see what are the other methods which ...