Menéame: comentarios [89188]

#23 Degradados sólo con CSS

--2002-- — Sun, 04 Feb 2007 18:45:27 +0000

#15, no, precisamente esa es la que no propongo. La que yo digo es hacer el degradado mediante spans o divs insertados en un div fijo de fondo. Así, al poner la altura de los div interiores en porcentaje, se podría adaptar al tamaño de la pantalla. Quizás este método añadiría una pequeña sobrecarga, al tener que usar JS (en algunos navegadores) para ajustar la altura del div de fondo al tamaño de representación del navegador.

» autor: --2002--

#22 Degradados sólo con CSS

--7118-- — Sun, 04 Feb 2007 12:14:52 +0000

Joder... pero vamos a ver, hoy en dia hay banda ancha ¿tanto supone poner una imagen de N x 1 pixeles que ocupará unos 4 o 5 k?

» autor: --7118--

#21 Degradados sólo con CSS

recacha — Sun, 04 Feb 2007 10:35:40 +0000

Para utilizar CSS y terminar haciendo una gran chapuza,... mejor utilizar imágenes, como ya habéis dicho muchos por aquí.

» autor: recacha

#20 Degradados sólo con CSS

mudito — Sun, 04 Feb 2007 10:09:53 +0000

Amos no me jodas. Decir que eso es un degradado con CSS es como decir que una caja de cartón es una casa. (errr sí, técnicamente lo es, pero ¿vivirías en ella?)

» autor: mudito

#19 Degradados sólo con CSS

cor3 — Sun, 04 Feb 2007 03:47:29 +0000

Realmente prefiero poner una imagen

Algo chulo con css son las casita estas…

www.designdetector.com/tips/3DBorderDemo2.html
www.designdetector.com/demos/css-house-2.html

pero como curiosidad no para usarla en una pagina web..!

» autor: cor3

#18 Degradados sólo con CSS

John_Doe — Sun, 04 Feb 2007 01:54:02 +0000

Una chapuza en toda regla.
Una cosa es usar CSS en condiciones y otra usarlo para todo, y por tanto haciendo las virguerías necesarias para conseguir lo que sea. Y en este caso, es una virguería para conseguirlo sin usar una imagen que ocupa mucho menos que todo el tocho de código que se ha usado para conseguir el mismo efecto.

Y como dice #8, si tengo a un diseñador que me hace eso, no le echaría porque tiene valor hacer eso, pero le pongo a hacer todas las imágenes con css, para que continúe 'practicando'

» autor: John_Doe

#17 Degradados sólo con CSS

guillem — Sun, 04 Feb 2007 00:21:46 +0000

Con gráficos se puede hacer lo mismo pero sin la salvajada. Y si usas SVG más. No, no me importan en absoluto los navegadores obsoletos que no pillan SVG.

» autor: guillem

#16 Degradados sólo con CSS

--1-- — Sun, 04 Feb 2007 00:12:59 +0000

Bueno, estos bárbaros que proponen estas soluciones es que no tienen idea de cómo funciona el "parsing" de un XHTML/CSS, el árbol que hay que construir y los costos asociados de recorrer y dibujar árboles enormes (además de los problemas semánticos que ya se mencionaron).

» autor: --1--

#15 Degradados sólo con CSS

tarkovsky — Sun, 04 Feb 2007 00:09:01 +0000

Creo que no me explico bien #13, esta es la solución que propones:
www.solserpiente.net/pruebas.html

Es buena, pero pon tu pantalla a una resolución de 1600 x 1200px. El degradado se acaba por que la imagen no se estira, la solución sería poner abajo el morado... pero ya no sería el degradado que yo estaba buscando. O hacer un fondo de imagen de 1600 x 1200 px, pero entonces en las pantallas más pequeñas no sería tampoco mi degradado.

Lo que sería estupendo es que el degradado se comportara igual sea cual sea el tamaño de pantalla; y no sé si se podrá hacer, pero yo no sé hacerlo.

» autor: tarkovsky

#14 Degradados sólo con CSS

MarcosBL — Sat, 03 Feb 2007 23:49:20 +0000

Puestos a rizar el rizo (y siempre que sea un degradado de color a blanco) podemos hacer un png o gif que tenga un degradado de transparencia y ponerlo como frente cambiando el color de fondo... asi tendremos una imagen de todas formas, pero con todas las variaciones de color. He dicho. Creo.

» autor: MarcosBL

#13 Degradados sólo con CSS

--2002-- — Sat, 03 Feb 2007 23:41:06 +0000

tarkovsky, también se puede hacer un apaño creando un div para el fondo, el cual estaría fijo y, lógicamente, por detrás, con el degradado. Así no se perdería el diseño que tenga.

» autor: --2002--

#12 Degradados sólo con CSS

tarkovsky — Sat, 03 Feb 2007 22:51:11 +0000

sí, esa es la solución, rellenar el tope con el tono más bajo, pero ya no existe el degradado, ¿o no?

» autor: tarkovsky

#11 Degradados sólo con CSS

Maxac — Sat, 03 Feb 2007 22:47:53 +0000

#10 uh, repitiendo en X con una imagen de 1px de ancho llega a todo lo largo del div, y en una vertical tiene un tope pero el resto lo llenas con el tono mas bajo del degrade

» autor: Maxac

#10 Degradados sólo con CSS

tarkovsky — Sat, 03 Feb 2007 22:40:16 +0000

Perdón, me refería al comentario #7: sí, lo estiras, hasta que alcance el tamaño máximo de la imagen. Después ya no hay más degradado (o peor aun, se repite, pero empezando desde el principio)

» autor: tarkovsky

#9 Degradados sólo con CSS

tarkovsky — Sat, 03 Feb 2007 22:17:00 +0000

Te equivocas #5, porque el div es elástico, pero la imagen de fondo no se puede estirar como una goma

» autor: tarkovsky

#8 Degradados sólo con CSS

Johan — Sat, 03 Feb 2007 21:55:16 +0000

Joder, menuda burrada. Llego yo a contratar un diseñador que me hace eso y lo echo a la calle a patadas, pero no sin antes tragarse los 255 divs.

Si quieres un degradado dinámico móntate un script cgi/python/perl/loquetedelagana que te monte la imagen dinámicamente, pero no hagas eso por dios...

» autor: Johan

#7 Degradados sólo con CSS

Maxac — Sat, 03 Feb 2007 20:39:43 +0000

#5 con un diseño elastico, lease en porcentajes, una imagen con degradé repetida en X o Y no tiene porque perderes

» autor: Maxac

#6 Degradados sólo con CSS

tarkovsky — Sat, 03 Feb 2007 20:02:37 +0000

Tienes razón en lo último, también se perdería el degradado. Pero se me ocurre que podría estar curioso el efecto poniendo puntos de tipografía de colores diferentes en cada uno de los divs, salteándolos y tal...
Aunque puede ser como volver a inventar la rueda para fabricar un coche.

» autor: tarkovsky

#5 Degradados sólo con CSS

angelitoMagno — Sat, 03 Feb 2007 19:55:31 +0000

#3 No, si como experimento es buena idea. Incluso se puede hacer que todos esos divs se generen mediante un javascript externo, con lo que el código del gradiente no estaría en el html, separando así contenido de diseño. Pero lo veo demasido follón la verdad.

Además habría que ver como quedaría en una página que se extienda en vertical, un blog, por ejemplo. En ese caso estaríamos ante el mismo problema que con una imagen, llegado a cierto punto se pierde el degradado.

» autor: angelitoMagno

#4 Degradados sólo con CSS

rb3m — Sat, 03 Feb 2007 19:46:07 +0000

Por lo menos el degradado lo haces con php, así que no es realmente tan laborioso, pero el código resultante no es nada elegante. Espero que CSS3 tenga alguna manera de crear degradados.

» autor: rb3m

#3 Degradados sólo con CSS

tarkovsky — Sat, 03 Feb 2007 19:39:23 +0000

Te hago un copy-paste de una entrada en los comentarios:

"A few people don't get the idea behind this demo. It's not meant as a direct replacement for all background images. Nor a real-world example to use straight away. No, it is a demo. Why bother? Because it is dynamic. With simple code you can do anything you want with the gradients. Think about it. "

» autor: tarkovsky

#2 Degradados sólo con CSS

tarkovsky — Sat, 03 Feb 2007 19:33:19 +0000

No sé, depende del tamaño que quieras para el degradado: si quieres que ocupe toda la pantalla, y con las pantallas tan enormes que hay ahora..., a una resolución grande tu degradado se va al carallo.

» autor: tarkovsky

#1 Degradados sólo con CSS

angelitoMagno — Sat, 03 Feb 2007 19:28:42 +0000

La idea es poner 255 div vacios cada uno con un color. Funciona, si te da igual mandar la semántica de tu web a la porra y llenar el código de divs sin contenido.

La verdad prefiero poner una imagen.

» autor: angelitoMagno