How to create your own CSS using ASP.NET MVC?

Question

Unfortunately, Dreamweaver does not support Asp.net mvc, and it's hard for me to believe that everyone just uses Visual Studio to edit their CSS files. My pages are dynamically assembled using several views and partial views. I am using Visual Studio Ultimate.

It is almost impossible to achieve anything good when working with this workflow:

• Press f5
• Look at CSS in a browser
• decide what to change
• cancel debugging
• change CSS
• run again and see if the change was what I wanted. Probably not, because there is no color choice, no preview, nothing. I know that I can use the developer tools available in browsers, but there is no drag & drop support for div containers and without color selection.

So my question is basically: how do others design MVC (3) web pages?

Answer 1

Create html + css templates in your favorite editor using common controls before embedding them in a functional network. In addition, css, javascript, cshtml and aspx files are editable during debugging, and if you use a full-fledged IIS or asp.net development server, your web server will work when you stop debugging, so you can change your CSS and just hit F5 in the browser.

Answer 2

I work a lot on design and usually used something like jsfiddle for CSS / HTML layout to check how everything looks. But for the most part, use Visual Studio to edit almost all of my CSS changes.

If things get a little complicated, I sometimes use Expression Web . I heard well about Visual Web Developer (which has a free express version) .

Just my $ .02.

Answer 3

I really don't understand why color pickers and a debugger for css are needed? You already have a built-in code check (emphasizes the wrong properties), and only colors are used for colors or some other program (I use Photoshop - it must open .psd anyway before cutting starts).

All the projects that I did were done in VS. I made some funny pages at home in DW, but I really don't see any difference. But it’s true that I have all the hints of the code and such a shutdown, because the dialogs that open for a hint slowed my computer and lagged far behind.

The point is that when you know CSS properties by heart, the editor doesn't matter. I often create new elements in notepad because I have to be lazy to download the solution. Then I just copy the code into firebug and see how it looks. Also on the fly editing without refresinhg really makes it 3 times faster.

I do not see anything superfluous here. Firebug is the king.