CCS3 es el caramelo de todos los diseñadores web.
El ocaso de IE6 y todo el potencial de CSS3 y HTML5 nos permiten disfrutar un poco más de nuestro trabajo.
Los degradados en CSS3 parecen un sueño para evitar el uso de imágenes, podemos crearlos horizontales, verticales, radiales, de varios colores, etc.
Sólo tenéis que pasaros por CSS3 Patterns Gallery para ver todo el potencial.
Nicole Sullivan se planteó que la creación del código de un degradado CSS3 era demasiado compleja.
Hasta ahora los diseñadores utilizábamos herramientas como Photoshop o Fireworks para crear las imágenes que reproducen estos degradados al ponerlas repetidas veces como fondo. Nicole planteaba en su Twitter si no era posible generar ese código del degradado CSS3 desde una imagen.
En pocas horas obtuvo multitud de respuestas, entre ellas algunas soluciones:
- pngtocss: Philip Tellis (@bluesmoon) hizo un proyecto de código abierto para convertir png en CSS desde la línea de comandos
- Image Gradient to CSS Gradient (ImageG2CSS) Para evitar la línea de comandos zoompf desarrolló con el código de Philip esta sencilla aplicación web.
Pero fue colorzilla quien añadió a su completo generador de degradados CSS la opción de «generar desde una imagen»
Concurso abril cursos de diseño en Facebook
¿Conoces más recursos, herramientas o utilidades?
Compártelos en Facebook y gana todos estos cursos de diseño
Deja una respuesta