CSS Hat è un semplice e utile plug-in per Photoshop che genera CSS3 in base ai vostre stili di livello di Photoshop. Esso è uno dei plugin di Photoshop più utili che ci siano. Il team sta rilasciando CSS Hat anche su Windows. Naturalmente, questo plug-un è a pagamento e costa $ 20: si occupa di tutto, anche se ci sono delle limitazioni in CSS3 che gli impediscono di raggiungere un alto grado di precisione, in termini di sovrapposizioni di pattern e satin (da notare che le proprietà dei font sono in arrivo). Si tratta, però, ancora, di un plug-in che ci far risparmiare molto tempo.
Dopo un processo di installazione, è possibile accedere al plugin andando su Finestra> Estensioni> CSS Hat. Da lì, è sufficiente selezionare un livello e fare clic sul pannello CSS Hat, dove è possibile visualizzare e copiare il CSS, aggiungere commenti, generare specifici prefissi del fornitore, aggiungere la larghezza e l’altezza dello strato selezionato e altro ancora.
[flv]http://www.youtube.com/watch?v=ZcukMGBeXCE[/flv]
Ecco cosa può fare nello specifico CSS Hat:
CSS Hat lavora in Photoshop CS4 e le proprietà dei livelli supportati sono i seguenti:
- gradiente e solidi livelli di riempimento colore
- strato di opacità e riempimento
- effetti: ombra, ombra interna, bagliore interno, bagliore esterno, sovrapposizione sfumatura, sovrapposizione colore, pennello.
Strati del testo:
- esportazione di font e il colore e l’ombra del testo
- larghezza e altezza
- confine radius – disegnare un rettangolo arrotondato o un cerchio
- definizione dei bordi.
Sul fronte delle esportazioni, CSS Hat è basato sugli standard di CSS3 o sulle proprietà del fornitore, prefissate per tutti i principali browser.
Il plug-in è stato conosciuto solo quando il suo creatore ha vinto l’evento Prague Startup Weekend ad aprile. Da allora, ha certamente avuto un bel po’ di successo, diventando una risorsa necessaria, uno strumento utile per trasferire i disegni da Photoshop al web.
Download del plug-in ➤ CSS Hat (for CS4 o versioni più recenti) $19.99.