in Uncategorized

How to add CSS3 integration to Visual Studio 2010

These days HTML5 and CSS3 are the most popular topic in web development communities because they make you more creative to develop cool websites or web applications.

Fortunately, Microsoft has added HTML5 intellisense to Visual Studio 2010 in SP1 release and it helped a lot in my project’s development. But one thing that makes me confuse is that CSS3 is still not supported in Visual Studio even in SP1! Microsoft Visual Web Developer Team did a post about HTML5 & CSS3 in Visual Studio 2010 SP1 and described about CSS3 improvements:

In SP1 there are a few improvements in the CSS3 support as well, though not as elaborate as with HTML5. The editor now supports the more advanced selectors such as div:nth-child(2n+1) without giving validation errors and the new color values rgba, hsl, hsla and 8 digit hex values are also supported.

In fact, this is not enough; because you still can’t access all of the features (Using Intellisense) of CSS3 in your applications. Because of that, I decided to post this in order to introduce a very cool Visual Studio Extension that helps you to have almost all of the features of CSS3 in Visual Studio Intellisense.

CSS 3 Intellisense Schema

This extension has been developed and released by one of my Iranian friends, Mojtaba Kaviani and it’s so cool!!!

You can download it now from here.

After you install this extension, you’ll have access to nearly all of the CSS3 features using Visual Studio 2010 intellisense:

CSS3 Intellisense in Visual Studio 2010

As you can see, you also have intellisense for Mozilla and WebKit exclusive attributes.

You can also download this extension right from Visual Studio Extension Manager:

CSS3 Tool In Extension Manager

In my opinion, life is much easier with this extension and I believe, this is one of the most useful extensions I’ve ever used. So download it now!!!

Hope it helps.