Free profiling tool for .net

While working with EF today, I was going through blogs and EF performance issues. I stumbled upon a open source performance profiler called slimtune.

http://code.google.com/p/slimtune/

I will check it and post an update. I dont have to buy ants profiler.

How to enable CSS 3.0 Intellisense in vs2008.

Today I was trying out CSS 3.0 and the document was not getting formatted because the new css 3.0 tags are not getting recognized.

To enable css 3.0 you need to find the key "{A764E895-518D-11d2-9A89-00C04F79EFC3}"

Note: You may many matching keys but look for the one which shows schemas

Add a new key Schema 5 and add 2 string values File and Friendly name and set the values to

css30.xml and CSS 3.0.

Now take the css30.xml and copy to the folder below.

C:\Program files\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas\CSS

Download the xml here (For some reason it is not allowing me to add the css30.xml).

Close your visual studio and open it. when you open a css file it should pull the drop down with friendly name.

Now you don't see an error under border-radius.

Stack Overflow

Today I posted a question on Stack overflow and I want to see the potential of the website in getting answers.

http://stackoverflow.com/questions/5095658/continuous-integration

also found few links of learning

http://net.tutsplus.com/tutorials/asp-net/asp-net-from-scratch-mvc/
http://msdn.microsoft.com/en-us/library/bb386876.aspx (Getting started with Entity Framework).
http://net.tutsplus.com/category/tutorials/javascript-ajax/page/4/

Hopefull will post an article on Entity Framework soon.

Extension to website.

http://www.apture.com/

Found a decent website that can automatically content to your website. Need to research on this website today.

Build a registration form.

I wanted to build a nice registration form and see how it looks. I tried to use html5 and css3 to round the corners of input box. I will try it and let you know after it works.

http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/

A good site that shows how to skin your site.

How to put a border to div.

Yesterday, in my code I was not happy with putting 2 divs, one inside an another to mimic the mouse hover effect. I will try and find something that could be done with 1 div. I will post the code once I find the solution.

****Update ****

The code is a lot cleaner and with one div I could get the job done. You don't need 2 divs to mimic the nice effect.

http://jsfiddle.net/vijayphani/Pd3GN/10/

How to make at good tooltip and use it across projects

Today I am going to put some effort in writing a good tooltip and also make a good layout for my project.

I will be writing something like this. I will also publish the code in jsfiddle.net.

http://flowplayer.org/tools/demos

How to test the code written in my blogs.

Sometimes as developers we face lot of challenges and also people would be frustrated with the output that we give. Bold statement but true. Today morning, I posted a blog and I thought I did a good job and posted the code online I was happy with it and I am done. I tried to show this to my friend and with lot of excitement. In fact the blog looked ugly and no one would want to go through the lengthy code. Now that is the obvious problem. I google for a while to convert the html tags to > and < and then posted the code. It still looks ugly.

For every problem there will be a solution and all you have to do is ask, explore or be criticized that is when you will explore or try somethings. My friend suggested that I post the code to jsfiddle.net. It is more readable and people can actually play with the code without leaving the browser.

http://jsfiddle.net/vijayphani/Pd3GN/

It does feel good because with jsfiddle you can tidy your code and at the same time run your code. Give it a shot and you will love it.

Rounded Corners

It was interesting to try and create rounded corners to display content in HTML. Since html5 is gaining popularity and css3 supports border-radius, I thought I should try to create something interesting for myself.

The code is below for page.
----------------------------

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RoundedCorners.aspx.cs"
Inherits="CoolUI.RoundedCorners" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

<script src="Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>

<link href="Styles/CoolUI.css" rel="stylesheet" type="text/css" />
<title></title>

<script type="text/javascript" language="javascript">
$(function() {
$('#divchi').mouseenter(function() {

$('#divpar').css("background-color", "#FF0000");
});

$('#divchi').mouseleave(function() {
$('#divpar').css("background-color", "#FFFFFF");
});
});


</script>

</head>
<body>
<form id="form1" runat="server">
<div id="divpar" class="divpar" style="height: 204px; width: 204px;">
<div id="divchi" class="divchi" style="height: 200px; width: 200px; position: relative;
top: 2px; left: 2px">
<table cellspacing="2" cellpadding="2" width="100%">
<tr>
<td>

<span class="spntitle">Welcome</span>
</td>
<td>
</td>
</tr>
<tr>
<td colspan="2" valign="top">
<p>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas.Donec eu libero sit amet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas.Donec eu libero sit amet. egestas.Donec eu libero sit amet ristique senectus et netus </p>
</td>
</tr>
<tr>
<td>
<span class="spnfoot">All right reserved.</span>
</td>
<td>
</td>
</tr>
</table>
</div>
</div>
</form>
</body>
</html>

The ccs for the page is

--------------------------

body

{

background: #CCCCCC;

font-family: Verdana;

font-weight: lighter;

font-size: 11px;

}

.divpar

{

background-color: #FFFFFF;

border-radius: 8px 8px 8px 8px;

}

.spntitle

{

font-family: Verdana;

font-weight: lighter;

font-size: 12px;

color: #CCCCCC;

}

.spnfoot

{

font-family: Verdana;

font-weight: lighter;

font-size: 12px;

color: #CCCCCC;

}

.divchi

{

background-color: #FFFFFF;

border-radius: 8px 8px 8px 8px;

}

Testing it in different browsers

1. Google Chrome

------------------

2. Internet Explorer

--------------------

3. Mozilla Firefox

------------------

4. Opera

---------

When you hover your mouse over the content the

border gets highlighted.

Display in opera.

At the time of this article the browser versions are

1. IE 7.0

2. Opera 11.01

3. Firefox 3.6.13

4. Google Chrome 8.0.522.

Once css3 is completely supported in all the browser the display will be

uniform across browsers.

Till then have fun.

Test API from Web. APIGee

Today I was talking to one of my friend and he showed me the simplicity in APIGee.com. This has few free APIs to test.

An interesting find is that in HTML5 we can use canvas to display graphs and other interesting things.