tag route page net asp asp.net css refactoring

asp.net - page - asp route tag helper



¿Hay utilidades que me ayuden a refactorizar CSS? (13)

Estoy trabajando con CSS que está mal escrito, por decir lo menos. No soy un experto en diseño / CSS, pero al menos entiendo la C en CSS. Si bien el soporte integrado de CSS dentro de VS-2008 ha mejorado mucho con respecto a las versiones anteriores, todavía no hace exactamente lo que estoy buscando.

Me preguntaba si alguien sabe de un buen programa o utilidad que me ayudará a refactorizar y limpiar mi CSS como lo que ReSharper permite hacer con C #.

Algunas características que sería bueno tener:

  • Examine los archivos CSS y determine formas de extraer estilos comunes como estilo de fuente, color, etc.
  • ¡El complemento para VS-2008 sería increíble!
  • Examine los archivos de marcado y haga algunas sugerencias para mejorar el uso actual de clases y estilos.

EditCSS para firefox es increíble.


Este sitio al menos ayuda a ordenar y minimizar sus reglas: http://www.cleancss.com/
No te lleva a donde quieres estar, pero es un buen primer paso.


Hay una gema Ruby llamada HAML que se envía con un ejecutable llamado css2sass. Ese ejecutable traduce CSS en SASS , que es un metalenguaje en la parte superior de CSS que hace que sea mucho más fácil refactorizar (al ilustrar mejor las relaciones entre los selectores). Puede valer la pena echarle un vistazo.


He tenido suerte usando Stylizer en el pasado. Es más agradable y solo cuesta 1/6 de TopStyle.


La extensión Firefox de Dust-Me Selectors puede escanear un sitio web y decirle qué CSS se usa y qué no. Eliminar un CSS no utilizado es un buen primer paso para refactorizar.

A menudo he descubierto que cuando se elimina una sección de un sitio web, se elimina el HTML pero el CSS no.


Me gustan las instalaciones de CSS de Expression Web. Pero no ayuda mucho a minimizar o unificar su CSS. Debes entender cómo funciona CSS para usarlo correctamente.



Puede que llegue un poco tarde, pero la vista previa de acceso anticipado (EAP) de ReSharper 6 hace esto por ti.

En un archivo CSS, ingresar "#" completará automáticamente cada ID de su proyecto. Lo mismo con un punto "." para enumerar todas tus clases

La mejor parte: cuando cambie el nombre del selector, lo cambiará de nombre en todo el proyecto. Hace refactorizar CSS mucho más rápido, si no es placentero.



Solía ​​usar StyleMaster de WestCiv , que es una muy buena aplicación de editor / inspector / depurador de CSS. Combine eso con el Firebug antes mencionado, y no puede dejar de estar al tanto de su CSS.



Firebug es una muy buena extensión de Firefox que te permite examinar qué declaraciones CSS están activas para qué elemento DOM en tu árbol de documentos.

Aunque no ofrece ninguna sugerencia de mejoras, es una gran ayuda al depurar / simplificar el código CSS a mano.

La extensión Web Developer también es de gran ayuda.


TopStyle es popular y siempre es el que escucho recomendado. Tiene recomendaciones sobre estilos, etc.

Yo uso Aptana, pero esto no hace una refactorización, solo señala errores y te permite apuntar a ciertos navegadores. Usar este un libro decente de CSS puede ayudar.