Is there a plugin for Visual Studio to clean up CSS? - css

I'm looking for a plugin for Visual Studio 2010 to help me clean up my CSS in a ASP.NET MVC project.
We are a lot of people working on the same website and before I publish it, I wanna clean up the CSS to make sure there are no unused selectors.
I know that there are plugin for Firefox, but they won't catch any dynamically loaded CSS and usually they just check one page.

I found this plugin for Visual Studio
CSSCop from Mads Kristensen
Its not perfect, but its a great start and its free
http://visualstudiogallery.msdn.microsoft.com/a921b98e-9430-4be2-bf53-1169e12bdb50
From 2015 onward you need to use https://marketplace.visualstudio.com/vsgallery/6edc26d4-47d8-4987-82ee-7c820d79be1d

Related

F12 Go To Definition not working for CSS in CSHTML files - VS2017

I am working on my first Asp.net Core 2.0 Mvc web site.
Normally I use web forms, but I'm trying something new.
In my .cshtml files I cannot F12 or right click and "go to definition" on CSS classes. I thought something may be wrong with my install but I was able to open up a web forms application and it works just fine from an ASPX page.
I have seen topics from 2013 about this issue, but no solutions.
I have installed web essentials, but that didn't work either.
This is something I use regularly and it is hard to do it manually especially when you are looking at a minified CSS file.
I'm using Visual Studio 2017 Pro.
The ReSharper extension for Visual Studio adds this feature.
https://www.jetbrains.com/help/resharper/ReSharper_by_Language__CSS__Navigation.html#navigation-within-css-file

How to set up Visual Studio 2013 similar to Dreamweaver

The company I work for has used Dreamweaver CS4 in the past, but we are transitioning to Visual Studio 2013. This is new to me.
In Dreamweaver we would work locally and do edits then when everything was functioning correctly we would manually push an upload arrow to put it on the live site.
In Visual Studio 2013 I notice when we save our edits it automatically saves it directly to the live site.
How can I configure Visual Studio 2013 so that when I work on our clients websites I can first do it locally to be sure everything works fine. Then when everything is functioning I could manually upload to the live site like we did in Dreamweaver.
Thanks for any help. A walkthrough would be best since we don't know Visual Studio very well.
Thank you.
I think you are using the live editing with VS2013. If you using VS2013 just as an HTML editor then its an overkill. VS2013 comes with a publishing wizard where you can setup the publish settings and publish your changes to the remote server.
In most cases remote editing is not good, but for minor cosmetic changes you can use live edit.
http://msdn.microsoft.com/en-us/library/dd465337(v=vs.110).aspx

Can't find ASP.NET Design View for MonoDevelop

I installed MonoDevelop and want to use its design view editor. After a bit of browsing I came accross ASP.NET Visual Designer which is supposed to be a part of the IDE. I used the Ubuntu Software Center to install the MonoDevelop application, so I guess it should have downloaded the latest version.
Here is the extract from the mono develop website.
AspNetEdit does not aim to be a complete IDE. After being developed as
a proof-of-concept standalone editor, it now has been integrated into
MonoDevelop
How can I switch to the designer view?
After opening the IDE I am unable to find the designer view anywhere. Do I need to install some kind of a add-in for this?
Monodevelop lacks a lot on this area. A lot of developers, like me, don't use visual designer a lot but I consider important for some people. MD don't have it and also html/css editor is very limited right now but improvements are planned (a lot of cool stuff).
MD as been evolving fast these days but more focused on MonoTouch.
For now you could use and external html/css editor for now. I still use Visual Studio 2010 for this.
AspNetEdit can install by Add-ins from http://mjhutchinson.com/files/md/main.mrep

ASP Code Highlighting in Aptana

I've been using Aptana 3 for awhile, mostly for HTML, CSS and PHP editing. I just started working a lot with ASP, and right now Aptana isn't syntax highlighting asp files. How do I set it up to do that? Do I have to install a plugin? Add an ASP editor? Flip a switch? Any help would be greatly appreciated.
Josiah, since Aptana is built upon the Eclipse IDE, I've read that you should be able to use the Eclipse Colorer Plugin to achieve syntax highlighting for ASP files - I've never done this myself though. If you started working with ASP, at least in case of ASP.NET I'd highly recommend using Visual Studio (for example the free Visual Web Developer 2010 Express) for debugging support and many other features...

Is there a visual studio add-in that can check if CSS classes/id's are not in use across the solution?

Just as the title states.
If not, any good web services you've used to cleanup bloated stylesheets?
Don't know about Visual Studio but there are some FireFox plugins.
Dust-Me Selectors is a Firefox plugin that will find unused styles on a given web page. I don't know of any Visual Studio plugins that will do this.

Resources