Ispezionare i colori con CSS Prism

Mercoledì 26 Agosto 2009 - 16:36

di Cesare Lamanna

CSS

Lo scenario d’uso presentato da Ryan Berg, creatore di CSS Prism, non è tanto raro: si adopera un editor testuale come TextMate per scrivere un CSS, ma non si ha a disposizione uno strumento per visualizzare al meglio i colori inseriti nel foglio di stile sotto forma di valori esadecimali e simili. Da qui l’idea.

CSS Prism funziona inserendo nell’apposito campo l’URL di un CSS. A quel punto estrapola i valori dei colori definiti nel foglio di stile e li visualizza in un’interfaccia accompagnata da una serie di color picker per modificarli, eventualmente, e salvare il nuovo CSS.

Tags:

Categoria: CSS | Permalink

Commenti

1

Non sono un webdesigner, ma in base alla mia piccola esperienza con i CSS mi vien da pensare che questo strumento serva a poco, dal momento che la resa dei colori va valutata nell’insieme della pagina renderizzata.
Inoltre c’è anche Firebug che fornisce l’anteprima del colore all’hover sulle regole css.

# - postato da Gennaro Vietri - 26 Agosto 2009 - 22:58

2

Lavorare con numerosi tool frammenta molto il lavoro. Inoltre non vedo molto la convenienza nell’utilizzare questo programmino, restituisce una lista di colori piú o meno lunga senza dare informazioni a riguardo dei selettori o aree del sito.

# - postato da Martin - 27 Agosto 2009 - 09:20

3

È vero Martin, il rischio è proprio quello che descrivi: frammentare il lavoro, saltare da un tool/programma all’altro e rischiare di farlo perdendosi.

Quanto a CSS Prism, un’opzione per identificare le aree del sito a cui sono applicati i colori c’è, basta cliccare sul link “Edit colors and see line numbers”, non è il massimo in effetti a livello di implementazione, ma c’è :)

# - postato da Cesare Lamanna - 27 Agosto 2009 - 12:32

4

Concordo con voi… Il tool non risulta indispensabile ma va detto che è fatto decisamente bene.

E comunque per la scelta dei colori mi affido a strumenti che potenziano il color picker di base del Mac: OSX Color Picker

# - postato da Maurizio - 27 Agosto 2009 - 16:33

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento