Etiqueta: 
CSS

17 Abril 2008

Convierte online PSD a CSS

PSD2CSSAquí tenemos la solución para aquellos diseñadores que necesitan dar una solución a una necesidad muy habitual, que es la de poder convertir archivos PSD de PhotoShop, a código CSS. La herramienta se llama PSD2CSS, y es una aplicación online. El objetivo es el de convertir, en un solo paso, diseños PSD de PhotoShop a código CSS o XHTML para poder copiarlo y de esta manera poder elaborar un sitio Web.

El único requisito es que el fichero PSD no supere los 2MB, a pesar que el autor del servicio pone a disposición el aumento si es necesario. Es recomendable que no haya exceso de capas en el archivo, proponiendo que el logo no supera las cinco o seis capas, y a ser posible que las combine antes de subir el archivo PSD para convertirlo.

Sitio Oficial: PSD2CSS
Vía: Incuba Web

15 Diciembre 2007

Comprobador de errores de XHTML-CSS

xhtmlcss.jpgSi eres diseñador o programador web, seguramente uses el validador oficial del W3C para poder comprobar los errores de tus diseños. Si lo usas, seguro que estás conforme en que ni su diseño ni su capacidad de mostrar los errores es todo lo eficiente que se puede pedir. Y es que algunas veces llega a ser bastante lioso cuando hay muchos errores, ya que te los muestra todos de golpe con sus respectivas descripciones.

XHTML-CSS Validator es una sencilla utilidad online que, utilizando los resultados del validador oficial, te los expone con un buen diseño y estructuración para mostrártelos. Una vez introducida la web, únicamente tendrás que esperar hasta que te aparezca una lista con todos los errores, no sólo de XHTML, sino también de CSS.

Este dos en uno te muestra una lista con los títulos de los errores acompañado de la línea resultante. si haces click en cualquiera de ellos, se abrirá un popup con detalles sobre el error. De esta forma, se consigue una estructuración mucho mayor y una comprensión mucho más natural.

Enlace: XHTML-CSS Validator

16 Noviembre 2007

Form style generator, genera el css de tus formularios en 3 pasos

Form style generator, genera el css de tus formularios en 3 pasos

En Form Style Generator puedes crear paso a paso el estilo de tus formularios sin complicarte la vida y todo de forma gráfica. Comienzas por los campos de texto (fondo-contorno) y terminas configurando los efectos (hover-focus). Form Style Generator es un generador de código muy completo, porque a pesar de ser gráfico es muy personalizable.

Una vez tienes el estilo del formulario como más te gusta, solo te queda descargar el archivo .CSS y aplicarlo a tu documento. Si eres experto o ya lo has hecho alguna vez no tendrás pérdida, pero si es la primera vez que aplicas un estilo en un formulario puedes guiarte mediante la ayuda que te brindan en el tercer paso de Form Style Generator.

Enlace: Form Style Generator
Vía: CSS Juice