CSSMatic : Una Herramienta Perfecta para tus Hojas de Estilos

A la hora de diseñar o modificar la apariencia de una web o blog, puedes encontrarte con la necesidad de utilizar propiedades de Css como pueden ser bordes, degradados, sombras para los divs, texturas, etc.. Estas son algunas de las propiedades que podemos encontrarnos y por desgracia casi todas ellas tienen una sintaxis bastante molestas y complicadas de recordar y escribir. Esta sería un ejemplo:

CSSMatic : La Herramienta que Genera Código

Como acabamos de ver, estos códigos tienen una sintaxis extensa y no siempre corta por lo cuál tener una herramienta que nos permita ver el resultado de como queda un efecto antes de escribir su código es una buena ideal. De esto se encarga CSSMatic, esta herramienta web nos permite configurar en tiempo real y de forma interactiva los efectos que queramos para finalmente obtener su código para incrustar en la Hoja de Estilos de nuestra web.

Como vemos, podemos configurar degradados lineales con muchas opciones de configuración variando los parámetros disponibles.

Este generador de código CSS no sólo te hace la vida más fácil como desarrollador, sino que también te ayuda a aprender CSS, ya que es una buena manera de entender los fundamentos de estas propiedades. Algunas de estas propiedades, especialmente las que tienen muchas variables, como gradientes y sombras para los contenedores, pueden ser difíciles de entender sin verlas en acción. CSSMatic te permite probar con diferentes valores y ver cómo se desarrollan los resultados de forma rápida y sencilla, esto es una excelente forma de entender los conceptos y propiedades del lenguaje.

Mencionar también, que esta herramienta es un proyecto sin fines de lucro y que desde su propia web te animan a colaborar en ella si lo deseas.

Enlace | CSSMatic