PSD

Extract PSD en Brackets 1.0

Posted on


heroPor fin tenemos una versión oficial de la aplicación para el editor de código gratuito Brackets.
Y la gran novedad es la implementación de la extensión Extract PSD en donde podemos ver un archivo PSD con todas sus capas y copiar de forma rápida sus características al estilo CSS de cualquier página web.
Pero eso no es todo, por que te permite utilizar rápidamente las imágenes utilizadas en tu PSD y guardarlas en la carpeta y formato que quieras.

Para los que no conocen esta aplicación y necesitan trabajar archivos HTML, CSS o JS les recomiendo darle un vistazo por que puedes ver de inmediato los cambios y cada vez que seleccionas parte del código te va mostrando que estás editando, así que resulta ideal cuando aun no entiendes bien el funcionamiento del HTML y CSS.  Lo mejor es que siempre ha sido de código abierto, es decir, que es de libre distribución.

Como tiene tan buenas características fue adquirido por Adobe y podemos ver las mismas caracteristicas en Edge Code y que puedes descargar si tienes una cuenta de Creative Cloud.

Los dejo con un video realizado por Code4d explicando de forma simple sus principales características. Leer el resto de esta entrada »

Obtén el código CSS de tus diseños con Proyecto Parfait de Adobe

Posted on


Captura de pantalla 2014-05-01 a la(s) 23.34.06Proyecto Parfait es un proyecto beta de Adobe que le permite extraer todo lo que necesita de sus PSD en tu navegador. Por ahora dice funcionar sólo funciona con Chrome, pero yo lo probé en mi mac y funcionó también en Safari y Firefox, pero se ofrece soporte para todos los navegadores modernos muy pronto.

La idea aquí es subir tu archivo PSD para encontrarte con ventanas de styles, layers y assets.

Podrás extraer colores, degradados y la información de la fuente tipográfica de tu PSD, copiar texto y CSS, obtener mediciones precisas entre los elementos y guardar imágenes optimizadas para la web.

Estas mismas opciones ya las tienen las ultimas versiones de Photoshop y también Fireworks CS6, así que podría servir para quien tenga una versión antigua del programa o para quienes trabajen en otro computador en donde no exista el programa y pueda realizar estas acciones vía online desde este sitio, pero hasta el momento es solo un proyecto en su versión Beta para recibir comentarios y criticas y ver si es una buena idea.

Para probarlo debes tener una cuenta de Adobe y el sitio está en Inglés.

Proyecto Parfait