WebDevel Tips: PSD to HTML – Generarea CSS 3

Daca aveti un design bine realizat in Photoshop la care aveti aplicate efecte, puteti folosi un plugin gratuit care sa va ajute sa transformati acele proprietati complicate ale unui layer (gradienti, umbre, borduri, rounded border) direct in cod CSS 3.

Codul css generat este compatibil Firefox, Chrome, Opera, Internet Explorer.

psd-to-html-css

Puteti astfel sa economisiti minute/ore bune la implementarea designului. Am testat pentru prima oara acest plugin la realizarea unui proiect pentru o firma foarte buna de contabilitate si am reusit implementarea completa a design-ului cu un singur sprite pentru icon-uri. Am reusit astfel sa economisim 1-2 ore de lucru.

Pluginul se instaleaza pe versiunea de Photoshop pe care o aveti si apoi ruleaza in cloud, returnand rezultatele in browser.

Mai multe despre plugin aici: css3ps.com

Voi ce alte tool-uri similare, care va usureaza munca, preferati?

 

Alexandru David

Comments are closed.