csswithvars-css-variables

Tomás Corral Casas (amischol) nos ha avisado de un plugin que ha creado que facilita la orientación a objetos en CSS, ya que reutiliza el código y utiliza variables. El plugin se llama cssWithVars y es gratuito.

Este es el mensaje que nos ha dejado acerca de su proyecto, cssWithVars :

Hoy he sacado a la luz la primera versión del plugin para jQuery que he dado a llamar “cssWithVars”. Tras muchos años de desarrollo web, una de las cosas que más me ha molestado es el no poder aplicar la orientación a objetos a los CSS, y siempre terminaba con código duplicado, además los frameworks CSS disponibles, actualmente, obligan al usuario a conocer y no facilitan la orientación a objetos. cssWithVars utiliza variables y permite la reutilización efectiva de código.

Descargaros el archivo con SRC, formas de uso en:

http://www.safecreative.org/work/0903222806064

Como bien dice, podéis descargar cssWithVars aquí: http://www.safecreative.org/work/0903222806064

Se añade la posibilidad de trabajar con variables en tu CSS.

1.- Primero se define la variable en nuestra hoja de estilos:

variable1 {

float:left; 

font-size:1em;

}

2.- La reutilizamos en otro lado “encorchetando” su nombre:

.titulo_post {

[variable1]

}

Se puede ver un ejemplo de su funcionamiento. gracias a CSSNoLanche.

¡Gracias Tomás!