PSD2CSS Online: pasa tus diseños de Photoshop a CSS en segundos
PSD2CSS Online es un web que nos permite pasar nuestros diseños hechos en Photoshop a CSS y Html de forma automática y Online. Simplemente tendremos que subir nuestro archivo en formato PSD y automáticamente nos mostrará el resultado, un archivo Html con el CSS incrustado en él.
Además nos permite indicar varios tipos de capas en Photoshop incluyendo un guión y una pequeña palabra al final de su nombre para que la web las trate de una forma o de otra:
- Con
_textpodremos definir aquellas capas que son tipo texto. _form,_inputtext, y_submitnos permitirán autogenerar formularios._jpgconseguiremos que esa capa se guarde como una imagen en formato jpg.- Con
_linkindicaremos que se trata de un enlace. Y con_linkoverconseguiremos hacer enlaces con Roll Overs. (Enlaces que cambian al situarnos encima) - Con
_centercentraremos la capa marcada. _bkgndnos permite que la capa sea un fondo de un div.
Yo lo he probado con un diseño que tenía guardado desde hace algún tiempo y el resultado no ha sido perfecto, he de admitir que el PSD probablemente no estaba bien construido, ni si quiera use ninguna de las propiedades que se indican arriba, fue solo una prueba rápida, pero aún así repito que aunque no fue perfecto el resultado fue bastante bueno y con solo unos retoques podría dejarlo tal y como quiero.
