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

Tags: css,

Problem :

unfortunately Dreamweaver doesn't support 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 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..

    rails redirect_to notice - how to apply css

    How to cover piece of border with element over it?

    How to align TH Header with TD in TBody

    How to make a vertically extendable DIV box from this image?

    How to add top-right arrow in bootstrap navbar dropdown menu

    Building a DOS-feel script. How to make the command line?

    How to align 2 content blocks horizontally in css without using s
    If you can change your markup, just one line of CSS is enough to achieve this through flexbox. Wrap both the items inside a parent container. Set display: flex to...
    Read more

    How to fix some issues with printing very basic HTML

    How to vertical center ordered list-navigation

    How to add html code into html?

    Show div on button click with multiple divs

    CSS - Table mode how to display correctly?

    Print CSS: How do I open a new tab of the current page and append CSS?

    jQuery slideDown() moves everything below downwards. How to prevent this?

    CSS: How do I shrink a div to beyond a font's invisible padding?

    How to style easypiechart using CSS?

    How to make a 3D banner overlay (??) with CSS

    How to apply a CSS class to another element when an object is hovered?

    How do I remove flickering from my HTML page?

    How to apply a CSS class to a SVG Text element

    How to make the div at the screen center not lower right corner?

    How do I scale the size of the elements in my HTML according to screen size?

    how do responsive recaptcha images

    how to center image + text in an li Element

    Get the Navbar to show when hovering over header image

    How can I make an element fit to fill the right part of the window?

    How to make one circle inside of another using CSS

    How to include (referencing) CSS Javascript jQuery in master page and content (child) page

    How to make a scroll customization for mobile application?

    how do angularJS user handle - using bootstrap css/fonts but exclude the jquery controls - scenario