Hay utilidades que me ayudará a refactorizar CSS

Question

Estoy trabajando con un poco de CSS que está mal escrito, por decir lo menos.Yo no soy un diseño/CSS experto, pero yo, al menos, entender el C en CSS.Mientras que el grupo builtin soporte para CSS dentro de VS-2008 está muy mejorado con respecto a versiones anteriores, que todavía no acaba de hacer lo que estoy buscando.

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

Algunas de las características que sería bueno tener:

• Examinar los archivos CSS y determinar las formas de extraer común estilos como fuente de estilo, color, etc...
• Plugin para VS-2008 sería increíble!
• Examinar los archivos de marcado y hacer algunas sugerencias sobre cómo mejorar el uso actual de las clases y estilos.

Answer 1

El Polvo-Me Selectores de extensión de Firefox puede escanear una página web y te dirá lo que CSS se usa y lo que no lo es.Extracción sin usar CSS es un buen primer paso en la refactorización.

Muchas veces me he encontrado que cuando una sección se quita de un sitio web, el HTML se ha eliminado pero el CSS no lo es.

Answer 2

TopStyle es muy popular y siempre la escucho recomendado.Tiene recomendaciones sobre estilos, etc.

Yo uso Aptana pero esta no es una refactorización sólo marca los errores y le permite apuntar a ciertos navegadores.Con esta decente CSS libro puede ayudar.

Answer 3

Firebug es una muy buena extensión para Firefox que permite que usted examine que las declaraciones CSS se activa para que DOM elemento en el árbol del documento.

Aunque no hace sugerencias para mejoras, es una gran ayuda a la hora de depuración/simplificación de código CSS a mano.

El Desarrollador Web la extensión es también una gran ayuda.

Answer 4

Si estás usando ASP.NET 2.0, hay Refactorizar!para ASP.NET

Answer 5

He tenido la buena suerte de usar Stylizer en el pasado.Es más agradable y sólo 1/6 de TopStyle.

Answer 6

Hay una gema de Ruby llama HAML que los buques con un ejecutable llamado css2sass.Que el ejecutable se traduce en CSS SASS, que es un metalenguaje en la parte superior de CSS que hace que sea mucho más fácil para refactorizar (por mejor ilustra las relaciones entre sus selectores).Podría ser la pena echar un vistazo.

Answer 7

Yo solía usar WestCiv del StyleMaster, que es un muy buen editor de CSS / inspector / depurador de la aplicación.Combine eso con el afforementioned Firebug, y usted no puede ayudar, pero la estancia en la parte superior de tu CSS.

Answer 8

Mi intento de jugar con Menos para .NET.

Answer 9

Yo podría ser un poco tarde, pero la ReSharper 6 early access de vista preliminar (EAP) hace esto para usted!

En un archivo CSS, escribir "#" se auto-completar cada ID de tu proyecto.Mismo con un punto "." para la lista de todas sus clases.

La mejor parte:cuando cambie el selector de que se cambie el nombre de ella en todo el proyecto.Hace refactorización de código CSS mucho más rápido, si no agradable.

Answer 10

Me gusta la Expresión de la Web CSS instalaciones.Pero no es de mucha ayuda para minimizar o unificar tus CSS.Usted tiene que entender cómo CSS funciona correctamente.

Answer 11

EditCSS para firefox es increíble.

Answer 12

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

Answer 13

Tal vez CssTidy o CssOptimiser puede ayudar a limpiar y hacer más pequeños