Web Design e Grafica

5 utili generatori e tool CSS per il webdesigner

I programmatori e i webmaster più in gamba non hanno perso tempo: negli ultimi mesi, hanno sfornato molti altri tool e generatori CSS per venire in soccorso dei novellini del Web che proprio non riescono a sistemare i propri siti.

Ecco una breve lista – 5 strumenti – per generare o rendere più validi e corretti i vostri fogli di stile.

CSS Compressor

CSS Compressor
Fonte: http://www.csscompressor.com
CSS Compressor permette di comprimere i fogli di stile per ridurne le dimensioni del codice e migliorare così il caricamento delle pagine web, certamente più veloci. Questo tool offre quattro livelli di compressione, tutti dipendenti dal grado di leggibilità (dal punto di vista umano) che volete lasciare al vostro CSS.

CSS Crush

CSS Crush
Fonte: http://the-echoplex.net/csscrush
Questo script prende in input il vostro file CSS, ne fa una scansione per trovarne degli @import, e poi li include nel file di output onde evitare richieste HTTP superflue. Se volete poi specificare un tipo di media in input, al file di output verrà aggiunto anche un blocco @media.

CSS Lint

CSS Lint
Fonte: http://csslint.net
Questo semplice tool vi aiuterà a scovare eventuali problemi nel vostro codice CSS. Il tool controlla la sintassi di base del foglio di stile, applica un insieme di regole al codice per cercare pattern problematici o pezzi di codice inefficienti od obsoleti. Se avete scritto regole personalizzate, potete inserirle ed utilizzarle.

haz.io › HTML5 & CSS3 Browser Capabilities

haz.io
Fonte: http://haz.io/
Questo tool (haz.io) utilizza la bellissima libreria Modernizr per controllare velocemente il vostro browser e gli elementi che supporta su vari linguaggi – HTML, CSS, Javascript, ecc.

The 1Kb CSS Grid

The 1Kb CSS Grid
http://1kbgrid.com/
Un semplicissimo generatore di fogli di stile, leggero e facile da approcciare, senza troppi fronzoli.

Vota questo articolo

Articoli simili

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.