Gradient: generatore gradienti css

Proggettare un sito web che venga interpretato correttamente su tutti i browser richiede sempre più sforzi. Anche se non sei uno che crea siti web, hai senza dubbio sentito le lamentele di molti programmatori web sui diversi formati per i browser web.

JumpZero si può dire che ha colmato “l’anello mancante tra web designer e colori” creando l’ applicazione Gradient.

Le nozioni basi

La prima volta che si usa l’applicazione si nota subito la sua semplicità. Solo una piccola finestra, con poche opzioni. L’applicazione, come ci si aspetterebbe, ha uno scopo principale - la creazione di gradienti per i browser web, ed ha tre funzioni fondamentali per farli: selezionando i due colori, l’impostazione del gradiente e la copia dei CSS.

Ottenere i colori

Ci sono diversi modi di scegliere i vostri colori. Cliccando su uno dei colori nella sezione superiore si apre una ruota dei colori in cui è possibile scegliere molto accuratamente il vostro colore preferito. Tra le scelte c’è l’opzione per cursori a colori, tavolozze e anche pastelli - tutti hanno una moltitudine di modi per ottenere il colore desiderato.

Impostazione del gradiente

Una volta che hai selezionato i vostri due colori perfetti, si può impostare se si vuole una sfumatura radiale o lineare.

Scegliendo “lineare” si deve poi stabilirsi su una delle quattro direzioni, giù, destra, in diagonale verso il basso e in diagonale verso l’alto. Se si seleziona un gradiente radiale allora avete alcune scelte in più come l’ intensità del centro.

CSS

Hai scelto i tuoi colori e impostato il gradiente, tutto quello che resta da fare è prendere il CSS e insrirlo sul sito. In primo luogo però, si ha la possibilità di personalizzare l’output CSS selezionando i browser che vuoi sostenere e il tipo di output.

Cliccando sul pulsante “CSS” vi darà un’anteprima in tempo reale del codice in qualsiasi momento in un popover,basta solamente copiare il codice negli appunti e pronti per incollare nel vostro editor preferito.