Orientación a objetos en CSS con cssWithVars

Aresillo · #1 (**permalink**) 02/04/2009, 13:52

Bueno dejo aquí la noticia/propuesta a ver que les parece

Cita:

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.

Fuente, CSSblog:
Orientación a objetos en CSS con cssWithVars

Es una forma de ahorrar código, ahora hay que ver que tal valida, como funciona sin javascript... pero al menos es un gran paso..

Un saludo

David · #2 (**permalink**) 02/04/2009, 14:16

Se ve interesante. Aunque dudo mucho que valide

.

P.S.: ¿Cuál es la relación con el paradigma POO?

Mikmoro · #3 (**permalink**) 02/04/2009, 15:40

Cita:

Iniciado por Aresillo

como funciona sin javascript...

Pues así, a bote pronto, imagino que de ninguna manera, porque es un plugin para jquery.

Cita:

Iniciado por David el Grande

P.S.: ¿Cuál es la relación con el paradigma POO?

Pues ni idea, la verdad.

amischol · #4 (**permalink**) 03/04/2009, 15:37

Buenas, a todos, soy el creador del plugin y os explico en que radica la orientación a objetos en este plugin.

Las variables que nosotros creamos son las propiedades que podemos asignar a una clase CSS en ese momento esta variable pasa a ser miembro de la clase en cuestión.

Una clase puede tener tantos miembros(propiedades o variables) que desee o sea necesario.

Esto es composición de un objeto.

Tambien hemos de tener en cuenta que podemos adquirir las propiedades que contenga una clase y añadirselo a otras, de forma que de esta forma sería una forma indirecta de herencia.

Esto es reutilización de código y la herencia.

Sobre el como funcionará esto sin Javascript, la respuesta es clara y ya la ha avanzado Mikmoro. Si es un plugin de jQuery, no es tan sólo imprescindible que este activo el Javascript sino que además has de tener esta librería en un proyecto.

Recordemos que es una forma de ayudar al desarrollo en CSS.

El plugin es Open Source, por lo que si alguien encuentra una forma de validar el css, será bienvenido.

Muchas gracias a todos.

Mikmoro · #5 (**permalink**) 03/04/2009, 16:16

Hola, amischol. Muy curioso e interesante que el propio creador del plugin nos honre con su presencia en el debate.
En primer lugar enhorabuena por hacer un trabajo como ese y liberarlo como opensource.

En cuanto a lo que dices de:

Cita:

Recordemos que es una forma de ayudar al desarrollo en CSS.

no estoy muy seguro, porque en primer lugar como comentas depende absolutamente de javascript, lo que erradica la independencia de CSS de cualquier otro lenguaje; por otro, incorporar cosas que no son propias del lenguaje de "hojas de estilo en cascada" no creo que ayude a su desarrollo, sino más bien a una cierta "desnaturalización", quiero decir, que incorporarle cosas no basadas en el propio lenguaje y propias o típicas de otros lenguajes quizá pueda producir algo práctico, útil, pero no ayudar a su desarrollo. No creo que incorporar a CSS la capacidad de manejar variables de sesión (es un ejemplo), ayudara al desarrollo de CSS, ya que hay otros lenguajes dedicados a ese cometido.
Por otro lado, depender absolutamente del uso de javascript para aprovechar las nuevas funcionalidades de CSS no haría a este lenguaje mejor o más desarrollado, al menos desde el punto de vista de la accesibilidad, llegando posiblemente a conseguir sólo utilidades que ya existían con otros lenguajes.
No veo por tanto realmente práctico este enfoque, así como no acabo de ver la ventaja del uso de variables en CSS: raramente una hoja de estilo es tan grande e incontrolable como para necesitarlo, a mi entender, y es probable que con ellas el lenguaje se volviera algo más confuso.

Es mi opinión recién empezado el debate. Reitero no obstante la felicitación por el trabajo que le has dedicado.

conmenta1965 · #6 (**permalink**) 04/04/2009, 04:31

La cuestión también es: 1º/.No estar incluido en los estándares CSS 2 y CSS 3. Lo que significa que no es aplicable para beneficios Web. 2º/ Por ende, la consistencia de la aplicación de Propiedades no incluidas en el Lenguaje, hace imposible su viabilidad, lo que significa que la utilización de elementos ajenos, produce conflictos en la cascada de la Hoja en cuestión, en los rastreadores y en las dimensiones de las ventanas de los navegadores, etc.

Particularmente, como experimento, no "veo" la aplicación en cuestión. Y se debe a:
Los corchetes en los Lenguajes de programación tienen como función dar prioridad, lo que en CSS equivale a "important". En tu ejemplo: el corchete se ejecuta antes que la clase, la ejecución sigue con la ejecución de la clase anidada o heredada; pero, que ocurre si los valores "float" siguiente o anterior difieren en posición de verticalidad u horizontalidad, se ha comprobado si el corchete deja lugar a una u otra ?.

Saludos.