Mikael Eliasson - Navigatablecss

A while ago I posted about my visual studio plugin NavigatableCss that helps you to navigate your css files. Now I fixed some of the last issues and I am ready to make it public.

This is the first version of the plugin and there is certainly room for improvement. A few things on my mind are:

Adding support to create a region from the navigator
A searchbox to filter regions
Warn about invalid region markup(when the region tags are incorrect)

The usage is simple. In your css you create a region with this syntax:

/*#region Columns */
.leftCol
{
    float: left;
}

.middleCol
{
    float: left;
}

.rightCol
{
    float: right;
}

.rightCol .section
{
    padding: 0;
    margin: 0;
}

    /*#region OneCol */

    #oneCol
    {
        padding: 0 15px;
    }
    /*#endregion */

/*#endregion */

Where the /#region RegionName / starts the region and /#endregion / ends the region. As see above you can nest regions by including one region inside another. I hope it will be usefull for someone and you are free to do whatever you want with it.

To install it just download the zip below, unzip and run the vsix file inside. That will install the extension to Visual Studio. If you want to uninstall it later you can do that under Tools->Extension Manager in Visual Studio.

version1(.zip)

NOTE: It does only work in VS2010