If you work in web environments and design with Visual Studio you may have noticed that the environment doesn't help us too much when performing our design tasks. And if we insist to make our development compatible with multi-platforms, it complicates our work much more since we have to be checking for every CSS property, the compatibility with different browsers.
For these problems, we have a very interesting extension to Visual Studio 2012 (also available for VS 2010) and will almost become indispensable when designing with VS. It's Web Essentials for Visual Studio.
This extension provides us the following functionalities:
With the advent of CSS 3 we have a multitude of specific properties for each browser. With the extension installed, it adds tags - moz, - webkit - s and -o automatically. With the following example, we will see the equivalent result of border-radius for each browser. When we write border-radius, equivalents for each browser are automatically generated and the values of the properties will change automatically the rest when we change one of them.
Another visual aid that we have is the ability to see with one glance the compatibility of all the properties or to see the corresponding color from a hex color such as:
We have Intellisense to add regions within the CSS
Intellisense to add custom fonts
These are just some of the features provided by Web essentials, I recommend you to follow the next link in order to discover all the possibilities provided by this extension.