How do I design my CSS with ASP.NET MVC?


Tags: css,asp.net-mvc-3

Problem :

unfortunately Dreamweaver doesn't support Asp.net mvc, and I find it hard to believe that everyone is just using Visual Studio to edit their CSS files. My pages are dynamically assembled through multiple views and partial views. I'm using Visual Studio Ultimate.

It's close to impossible to achieve anything good looking when having this workflow:

  • Press F5
  • look at CSS in browser
  • decide what to change
  • abort debugging
  • change CSS
  • run again and see if the change was what I wanted. Probably not, because there are no color pickers, no live preview, nothing. I know I can use the developer tools available in browsers, but there is no drag&drop support for div containers and no color pickers either.

So my question is basically: How are others designing MVC(3) webpages?



Solution :

Make html+css templates in your favorite editor with common controls before implementing them to functional web. Also css, javascript, cshtml and aspx files are editable while you are debugging and if you use full IIS or asp.net development server your web will keep running when you stop debugging, so you can modify your css and just press F5 in browser.


    CSS Howto..

    CSS: How can I get rid of the default window “padding”? An element set to 100% width doesn't reach the window's borders

    How do i create a gem which will generate a css file from a template

    How to top align two divs inside a third one?

    How to get overlay to fill scrollable parent using pure CSS?

    How to flip background image using CSS?

    How Can I remove the injected CSS Resource in GWT?

    How can I keep things aligned in an adaptive layout

    how to display only 100 rows of 1000 from a database with options to go to next 100 and previous 100 in html/php/css/js [closed]

    How to get CSS to work only on specific WordPress pages?

    How to implement :root { font-size: calc(100vw / 40); } to scale font-size(s)

    How can I align my adsense graphics?

    HTML - How do I insert a tag into each line of a
     block without hard coding?

    How to change text color for link in tr element with CSS

    How do I position a Silverlight Control

    How do I add inline css to dropdown in Yii?

    How to get the text in the custom dialog to be centered vertically

    CSS:How to properly remove border using CSS when border-radius is used?

    how to style php file with css + 1 more than one element

    How to adjust the height of a series of DIVs by CSS

    Not sure how to use css selectors

    How to place a
    to the right of an input field

    CSS: How to center text vertically and horizontally over an image

    How to check if an element matches the :empty pseudo-class in pure JS?

    How to add a CSS class depending on URL path?

    How to style using nth-of-type within a ul tag?

    How to make all the rows of a table the same height as the biggest one

    How do I align my radio button with associated text?

    How do I align an inner div with the bottom of an outer div?

    How to Use IF Statement in Play Framework to Use CSS for Only 1 Page

    How does gmail preserve copy and pasted web content, maintaining the attached CSS?