10 utili CSS Tools for Developers & Designers

Ci sono un sacco di strumenti CSS sono disponibili su internet, ma i pochi strumenti sono utili. Questi strumenti possono aiutare nella creazione di forme, i bottoni, le pagine e un sacco di differenti CSS generato roba.

Oggi abbiamo raccolto 10 strumenti utili ai CSS, il che renderà la vostra vita più facile. Credo che si dovrebbe essere già familiarità con alcuni degli strumenti in modo da avere per scoprire nuovi. Se pensi che ho perso qualcosa che si può dire nella casella di commento.

CSS Type Set

CSS Type Set è lo strumento più utile tipografia, che vi aiuterà a come il loro stile di contenuti web.

Em Calculator

Em Calculator è uno strumento che aiuta le piccole JavaScript rendere scalabili e accessibili design CSS. Converte dimensione in pixel per unità em relativa, che sono basate su una dimensione del testo.

Deploy

Ogni volta che inizio un progetto web, che ho usato per iniziano sempre con il tedioso processo di creazione della struttura di base quadro di riferimento per il sito. Questa inclusa la creazione di cartelle per i CSS e le immagini, download e anche jQuery, e l'aggiunta di un reset CSS, tra le altre cose.

CSS Sprite Generator

Questo è l'altro strumento molto utile per generare sprite per i vostri progetti web.

Button Maker Online

Utilizzare questo strumento online per creare facilmente e visivamente pulsanti quelli popolari "XHTML valid" micro (80 × 15). È anche possibile optare per il più grande 88 × 31 pulsante posto. Gustare!

CSS Drive CSS Compressor

Utilizzare questa utilità per comprimere i CSS per aumentare la velocità di caricamento e salvare sulla larghezza di banda come bene. È possibile scegliere fra tre livelli di compressione, a seconda di come leggibili si desidera che il CSS di essere compresso contro il grado di compressione. La modalità "Normal" dovrebbe funzionare bene nella maggior parte dei casi, la creazione di un buon equilibrio tra i due.

Blueprint Grid CSS Generator

Questo strumento consente di generare versioni più flessibili di grid.css Blueprint e compressed.css e file grid.png. Se si preferisce 8, 10,16 o 24 colonne nella progettazione, questo generatore consente ora che la flessibilità con Blueprint.

CSS Layout Generator

Questo generatore creerà una larghezza di liquidi o fissi galleggiare la disposizione delle colonne, con un massimo di 3 colonne e con intestazione e piè di pagina. I valori possono essere specificati in entrambi i pixel, ems o percentuali.

Colori Palette Generator

Welcome to CSS Drive Image di Colori Palette Generator! Caricare un'immagine di generare una tavolozza di colori basata sui colori primari dell'immagine. Utili per la rapida cattura di un particolare colore all'interno di un'immagine per l'ispirazione.