Ci sono utilità che mi aiuteranno a refactoring CSS

Question

Sto lavorando con alcuni CSS scritti male per non dire altro. Non sono un esperto di design / CSS, ma almeno capisco la C nei CSS. Mentre il supporto CSS integrato all'interno di VS-2008 è molto migliorato rispetto alle versioni precedenti, non fa ancora del tutto quello che sto cercando.

Mi chiedevo se qualcuno fosse a conoscenza di un buon programma o utilità che mi avrebbe aiutato a riformattare e ripulire il mio CSS come quello che ReSharper permette di fare con C #.

Alcune caratteristiche che sarebbe bello avere:

• Esamina i file CSS e determina i modi per estrarre stili comuni come font-style, color, ecc ...
• Il plug-in per VS-2008 sarebbe fantastico!
• Esamina i file di markup e fai alcuni suggerimenti su come migliorare l'uso corrente di classi e stili.

Answer 1

L'estensione Dust-Me Selectors Firefox può eseguire la scansione di un sito Web e dirti quale CSS viene utilizzato e cosa no. La rimozione di CSS non utilizzati è un buon primo passo nel refactoring.

Ho spesso scoperto che quando una sezione viene rimossa da un sito Web, l'HTML viene rimosso ma il CSS no.

Answer 2

TopStyle è popolare e sempre quello che sento consigliato. Ha raccomandazioni su stili ecc.

Uso Aptana ma questo non fa un refactoring ma segnala errori e ti consente di scegliere come target alcuni browser. Usarlo può essere d'aiuto un libro CSS decente.

Answer 3

Firebug è un'ottima estensione di Firefox che ti consente di esaminare quali dichiarazioni CSS sono attive per quale elemento DOM in l'albero dei documenti.

Sebbene non fornisca suggerimenti per miglioramenti, è di grande aiuto quando si esegue il debug / la semplificazione manuale del codice CSS.

Anche l'estensione Web Developer è di grande aiuto.

Answer 4

Se stai usando ASP.NET 2.0, c'è ReFactor! per ASP.NET

Answer 5

Ho avuto buona fortuna usando Stylizer in passato. È più bello e costa solo 1/6 di TopStyle.

Answer 6

C'è una gemma di Ruby chiamata HAML che viene fornita con un eseguibile chiamato css2sass. Tale eseguibile traduce i CSS in SASS , che è un metalinguaggio in cima a CSS che semplifica notevolmente il refactoring (illustrando meglio le relazioni tra i selettori). Potrebbe valere la pena dare un'occhiata.

Answer 7

Prima usavo StyleMaster di WestCiv, che è un buon editor CSS / app ispector / debugger. Combina questo con l'affermato Firebug e non puoi fare a meno di rimanere aggiornato sul tuo CSS.

Answer 8

Il mio tentativo di giocare con Less for .NET .

Answer 9

Potrei essere un po 'in ritardo ma l'anteprima di accesso anticipato (EAP) di ReSharper 6 fa questo per te!

In un file CSS, inserendo " # " completerà automaticamente ogni ID del tuo progetto. Lo stesso con un periodo "quotato." per elencare tutte le tue lezioni.

Parte migliore: quando rinominerai il selettore, lo rinominerai in tutto il progetto. Rende il refactoring CSS molto più veloce, se non piacevole.

Answer 10

Mi piacciono le strutture CSS di Expression Web. Ma non fa molto per minimizzare o unificare il tuo CSS. Devi capire come funziona CSS per usarlo correttamente.

Answer 11

EditCSS per firefox è sorprendente.

Answer 12

Questo sito aiuta almeno a ordinare e minimizzare le tue regole: http://www.cleancss.com/
Non ti porta dove vuoi essere, ma è un buon primo passo.

Answer 13

Forse CssTidy o CssOptimiser può aiutare a ripulire e rimpicciolire