Lo que puede lograrse con 1 sola clase.

[metacortex]

Leyendo el blog de Carlos Leopoldo me encuentro con un artículo de alguien que hizo un framework en CSS con sólo una línea de código. La clase en cuestión es ésta:

Código css:

.dp50 {width:50%;  float:left;  display: inline;  *margin-right:-1px; }
 

Miren todo lo que se puede hacer utilizando sólo esa clase :

- Ejemplo 1.

- Ejemplo 2.

- Ejemplo 3.

Esto es increíble; algún día espero tener esa clase de destreza. Armar una estructura tan compleja (y visible en todo navegador) usando una sola clase. Me quito el sombrero. Sencillamente genial.

[Triby]

Excelente aporte habra que ponerlo a prueba.

[jomaruro]

Hola:

Viendo estas genialidades a uno como yo que lleva poco tiempo con el css, le dan ganas de abandonar. Pero me sumo al comentario de Triby.

Saludos.

[buzu]

Muy buen aporte. Sería bueno poder lograr el golden ratio mediante esa Clase, pero lo veo difícil. Sin embargo, la cantidad de cosas que se pueden hacer es impresionante. Podrías hacer todo un layout con una sola clase. Sin duda que vale la pena guardarla en la caja de herramientas. No cabe duda que muchas veces no es el mucho conocimiento, sino la destreza que tengas para aplicarlo.

Pd. Ojo, que no insinúo que quien hizo ese CSS tenga poco conocimiento, solo digo que no se requiere mucho conocimiento para hacerlo, pero si mucha destreza y es ahí donde va el bien merecido mérito.

[JavierB]

Yo también me he quedado

Saludos,

[metacortex]

Iniciado por Triby

Excelente aporte habra que ponerlo a prueba.

sin duda!

Iniciado por jomaruro

Hola:

Viendo estas genialidades a uno como yo que lleva poco tiempo con el css, le dan ganas de abandonar. Pero me sumo al comentario de Triby.

Saludos.

No eres el único. Yo también me sentí como un pequeño ignorante ante tal demostración de genialidad. En esta carrera uno no se detiene de aprender (y sorprenderse).

Iniciado por buzu

Muy buen aporte. Sería bueno poder lograr el golden ratio mediante esa Clase, pero lo veo difícil. Sin embargo, la cantidad de cosas que se pueden hacer es impresionante. Podrías hacer todo un layout con una sola clase. Sin duda que vale la pena guardarla en la caja de herramientas. No cabe duda que muchas veces no es el mucho conocimiento, sino la destreza que tengas para aplicarlo.

Pd. Ojo, que no insinúo que quien hizo ese CSS tenga poco conocimiento, solo digo que no se requiere mucho conocimiento para hacerlo, pero si mucha destreza y es ahí donde va el bien merecido mérito.

Más que destreza (porque la destreza es resultado directo del conocimiento y la práctica) creo que se trata de una dupla conocimiento + creatividad. La creatividad es lo que nos permite hacer cosas grandes con 2 o 3 lecciones bien aprendidas o, en otras palabras, saber usar bien lo poco que hasta el momento se conoce.

Sin embargo, no dudo que este código minimalista lleva tras sí un buen background de conocimientos. Personalmente no me explico otra manera de llegar a esa (aparentemente simple) línea.

Iniciado por JavierB

Yo también me he quedado

Saludos,

No es para menos. Casi me escondo bajo la cama cuando lo vi.

[hades87]

Pero que impresionante y pensar que yo siempre declaro clases distintas para unas y otras cosas, la verdad que cada día te sombras de las cosas que se pueden llegar a hacer!

[daPhyre]

Muy bueno, en verdad una excelente y sencilla idea, aunque no a cualquiera se le ocurriría

[hades87]

Y alguien así a grandes rasgos podría explicar que hace, es que el margin ese negativo no lo acabo de ver claro.

[daPhyre]

Iniciado por hades87

Y alguien así a grandes rasgos podría explicar que hace, es que el margin ese negativo no lo acabo de ver claro.

No estoy seguro, pero al verlo creo que es la solución para IE donde 50 + 50 = 101... Al menos esa fue mi suposición...

[metacortex]

Con el asterisco delante Firefox lo pasa por bola.

[MavSettings]

para IE donde 50 + 50 = 101


A caso Explorer es retrasado mental?

[hades87]

Gracias por la aclaración, pero como es que en ie 50 y 50 es 101?

[quebien]

Interesante! Yo todavia me rompo la cabeza con los CSS :P

[metacortex]

Iniciado por MavSettings

A caso Explorer es retrasado mental?

Eso es lo que muchos hemos tratado de decir durante años.

[Mikmoro]

Iniciado por metacortex

Miren todo lo que se puede hacer utilizando sólo esa clase :

Bueno, no es del todo cierto:

<div class="clear"></div>



Muy curioso e interesante.

[metacortex]

Iniciado por Mikmoro

Bueno, no es del todo cierto:

<div class="clear"></div>



Muy curioso e interesante.

Eso es sólo en el ejemplo 3, el cual apunta a una maquetación orientada a un escenario más real. Igualmente en el ejemplo 1 está la clase "main" (el contenedor), lo cual tampoco quiere decir nada.

[buzu]

Más que destreza (porque la destreza es resultado directo del conocimiento y la práctica) creo que se trata de una dupla conocimiento + creatividad. La creatividad es lo que nos permite hacer cosas grandes con 2 o 3 lecciones bien aprendidas o, en otras palabras, saber usar bien lo poco que hasta el momento se conoce.

Sin duda que has dicho exactamente lo que ese ejemplo representa. Ahora, con lo del retrazo mental de IE, la cosa no se queda ahí, también le falla la memoria.

[PatomaS]

Hola

Bueno, ya lo han dicho todo ...

Así que solo agregaré que ...

Hmmm, nada nuevo, mejor me voy.

:)

Felicidad

[Mikmoro]

Iniciado por metacortex

Eso es sólo en el ejemplo 3, el cual apunta a una maquetación orientada a un escenario más real. Igualmente en el ejemplo 1 está la clase "main" (el contenedor), lo cual tampoco quiere decir nada.

Ya, era broma.

[metacortex]

Ah perdón.