CSSMatic : Una Herramienta Perfecta para tus Hojas de Estilos

Internet

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:

Ejemplo del código CSS de los bordes de un div.

 

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.

Generando un degradado con CSSMatic.

 

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

CSSMatic : Una Herramienta Perfecta para tus Hojas de Estilos Modificado: marzo 22nd, 2018 by Jose Manuel

POST RELACIONADOS


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *