Ripulire il nostro foglio di stile dai selettori inutilizzati

Contatti | Feed
Feed Box



  • 14 Sep 07

    Ripulire il nostro foglio di stile dai selettori inutilizzati

    Una volta terminato il nostro layout, nel tempo le piccole modifiche ad esso ed al corrispettivo foglio di stile saranno comunque frequenti: a volte inseriamo dei selettori che non serviranno, altre eseguiamo dei piccoli test grafici, che magari poi non ci soddisfano, e ci dimentichiamo di eliminare quei selettori del .css inutilizzati.
    A tal fine trovavo solo tool o software che mi aiutavano ad individuare tali selettori solo su una pagina per volta, restava quindi il problema che magari alcune classi che per tale programma erano inutilizzate in una pagina non lo erano per un altra, ed era quindi necessario confrontare i diversi risultati per capire quali classi non servivano davvero.

    Dust-Me Selectors

    Alla fine ieri mi sono imbattuto in Dust-Me Selectors, una piccola estensione per firefox, molto facile da usare.
    Una volta caricata la nostra pagina web sarà sufficiente cliccare sul pulsante nella status bar, il tool ci dirà il numero di classi inutilizzate e quello dei fogli di stile in cui si trovano.

    foglio di stile

    Ora, per ovviare il problema che vi dicevo, dovremo visitare diverse pagine del nostro sito, in modo da incontrare tutte le nostre classi nel codice, ed ogni volta cliccare sul pulsante.
    Ad esempio per il mio sito, che si basa su wordpress, è stato necessario aprire naturalmente la home, un post (cerchiamone una con commenti anonimi, di admin, trackback, immagini e video), una pagina archivio, una di ricerca senza risultati ed una con, una pagina 404 e tutte quelle pagine statiche o particolari che abbiamo creato(contatti, links, mappa sito).
    Alla fine della ricerca ho trovato oltre 100 selettori inutili, ed il mio foglio di stile è passato da 17kb a 12kb. Naturalmente consiglio di crearvi un backup dei vostri .css prima di eseguire questa operazione.
    Link: Dust-Me Selectors

    Ricevi gli aggiornamenti di 4mj.it via Feed

    • Upnews
    • Digg
    • del.icio.us
    • Google Bookmarks
    • PDF
    • Css: ottimizzazione e compressione

      I fogli di stile possono raggiungere rapidamente grandi dimensioni, sia in termini di lunghezza che di dimensione. Per garantire che le nostre...

    • Il Logo di Firefox è una nebula?

      Guardate l'immagine qua sotto, a sinistra un'immagine di una nebula da Google Sky, precisamente della stella V838 Monocerotis (V838 Mon), a destra...

    • 30 bellissimi webdesigns scuri!

      Nel web 2.0 i webdesigner cercano di impressionare graficamente i loro utenti ed in molti casi ci riescono: a volte i disegni scuri possono essere...

    • Visualizzare i risultati di Google su più colonne grazie a Greasemonkey

      Come tutti sapete, quando facciamo una ricerca con Google i primi 10 risultati che ci vengono restituiti vengono sistemati in un unica colonna...

    • 12 template di base in css

      Oggi vi propongo un link dove potrete trovare 12 template di base in css, gratuiti e pronti per essere riutilizzati per un vostro sito. I template...

    • FoxTab, estensione sperimentale per Firefox

      La prossima release del browser di Mozzilla, Firefox 3.1, introdurrà la visualizzazione delle anteprime delle schede aperte sul browser con la...

    • Ripulire il nostro foglio di stile dai selettori inutilizzati
      Performancing for Firefox

      Performancing è un estensione per Firefox che permette di inviare gli articoli sul vostro blog direttamente da Firefox. Funziona con le più...

    • Firefox 2: rilasciata la Beta 1

      Mozilla ha rilasciato oggi la prima beta della nuova versione di Firefox, adatta per Windows, Mac e Linux. Non molte le novità visibili, ma...

    • Torrent da remoto con Firefox

      Esiste una WebUI, ossia un'interfaccia web, per µTorrent (il leggerissimo client BitTorrent), grazie alla quale è possibile gestire da ogni pc...

    • Come rifaccio il tema a questo sito

      E' da un bel po di tempo che non mi occupo di questo sito e che non inserisco articoli. Mi sono inoltre accorto che oramai il tema e le sue...

    Scritto da Peppe
    8 commentiLascia un commento
    14 Sep 07 , 4:25 pm BoRnA

    Beh si vede che pesa meno.. E’ tutto sfasato il tema ora..

    Naturalmente scherzo :D

    14 Sep 07 , 5:22 pm DesMM

    Bravo Peppe! questa

    14 Sep 07 , 5:25 pm Peppe

    Per un attimo avevo creduto che era sfasato ;)

    14 Sep 07 , 7:35 pm flashmotus

    davvero una utile segnalazione. Se edito da zero un sito

    15 Sep 07 , 8:30 pm YouON

    Hai risolto il mio enigma di ormai 1 anno!
    Dovresti farti pagare per post del genere :) …. fantastico.

    17 Sep 07 , 10:06 pm pcinformatica.eu

    Gran bella dritta, complimenti, raccomando cmq gli utenti di fare attenzione nell’utilizzo, magari le classi sono utilizzate e se non agite con cautela rischiate di corrompere il vostro foglio di stile, ovviamente seguite il consiglio di fare un backup preventivo, il mio consiglio aggiuntivo

    18 Sep 07 , 1:43 am Peppe

    Invece consiglio di fare un backup solo poi se vi siete persi qualcosa ve lo andate a riprendere, io me ne ero perso solo uno nel caso fossi loggato come admin ;)

    3 Nov 07 , 2:30 am Marco

    Ottimo mi serviva dare una pulita ai css