Foros del Web » Creando para Internet » CSS »

Orientación a objetos en CSS con cssWithVars

Estas en el tema de Orientación a objetos en CSS con cssWithVars en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/04/2009, 14:52
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Orientación a objetos en CSS con cssWithVars

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
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #2 (permalink)  
Antiguo 02/04/2009, 15:16
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Orientación a objetos en CSS con cssWithVars

Se ve interesante. Aunque dudo mucho que valide .

P.S.: ¿Cuál es la relación con el paradigma POO?
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 02/04/2009, 16:40
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Orientación a objetos en CSS con cssWithVars

Cita:
Iniciado por Aresillo Ver Mensaje
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 Ver Mensaje
P.S.: ¿Cuál es la relación con el paradigma POO?
Pues ni idea, la verdad.
  #4 (permalink)  
Antiguo 03/04/2009, 16:37
 
Fecha de Ingreso: abril-2009
Mensajes: 1
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Orientación a objetos en CSS con cssWithVars

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.
  #5 (permalink)  
Antiguo 03/04/2009, 17:16
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Orientación a objetos en CSS con cssWithVars

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.
  #6 (permalink)  
Antiguo 04/04/2009, 05:31
(Desactivado)
 
Fecha de Ingreso: noviembre-2007
Mensajes: 54
Antigüedad: 10 años
Puntos: 0
Respuesta: Orientación a objetos en CSS con cssWithVars

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:44.