Trivia: Conceptos CSS

[metacortex]

Iniciado por messer

Al ojo% deberia ser #CCCCCC si no me equivoco.

¡Ojo con ese ojo! .

Naah esa no es la respuesta. Y si fuera correcta (que no) faltaría la explicación .

[messer]

Bueno no hubo logica alguna mas que simple deduccion, por eso dice "al ojo % (por ciento)". La explicacion a esa respuesta seria:

#000000 y #FFFFFF la mitad seria #888888 mas 50% (la mitad) #CCCCCC hacia el blanco porque por defecto los documentos tienen color de fondo blanco.

Ahora me tocara no hacer deducciones simples y sin fundamento y analizar a fondo la situacion.. Saludos!!

[Mikmoro]

Supongo que sería #808080, que corresponde al rgb 128, 128, 128.

[kseso?]

#888888
Tenemos 256 colores, lo que conforma una regilla de 16x 16, el punto medio es el 8-8
como la escala de los grises van del 000000-010101-020202....0a0a0a....0f0f0f //101010.....1f1f1f //////// f0f0f0-f1f1f1............fafafa......ffffff
el punto medio es 888888.
Creo que no me he explicado con claridad
Mejor visualmente, la rejilla sería:
0
1
2
3
4
5
6
7
8
9
a
b
c
d
e
f
-
--0--1--2--3--4--5--6--7--8--9--a--b--c--d--e--f
Así se ve mejor que el punto central es el

[messer]

Ahora la pregunta:

P: Siendo #000000 el negro absoluto y #ffffff el blanco absoluto ¿cuál sería el 50% de gris exacto siguiendo esta lógica?.

Creo que hubo una mala interpretacion de la pregunta por parte mia.. Lo que habia entendido era que cual era el 50% de el gris, no pense que se estuviese preguntando cual era el gris..

[metacortex]

La respuesta correcta fue la de Mikmoro, aunque la explicación (correcta también) no se ajusta completamente a la pregunta, mediante la cual se pedía un argumento basado en la lógica del hexadecimal. En tal caso me gustó más la explicación de kseso?, quien analizando la composición hexadecimal logró acercarse un poco, aunque el resultado no es el correcto.

Para no hacerlo tan largo el asunto es así: Los colores primarios saturados (aditivos) son rojo, verde y azul (ff0000, 00ff00 y 0000ff). Si éstos se mezclan producen la saturación máxima de color (el blanco o #ffffff). Rebajando la intensidad de los primarios al 50% tendríamos 3 colores primarios medios: #800000 por el rojo, #008000 por el verde y #000080 por el azul, de cuya combinación resultaría el #808080, el cual es el término medio de la saturación entre todos los colores existentes (incluyendo el blanco y el negro).

Aquí existe una buena referencia de esto: http://es.wikipedia.org/wiki/Colores_HTML

... aunque es preciso mencionar que en la Wikipedia se nota una falta esencial de información con respecto a los primarios medios (o secundarios). En primer lugar los coloca todos juntos y luego les faltó colocar varios colores (Sorprendentemente nunca falta el copy/paste en otras webs y reprodujeron el error tal cual).

Una modesta sugerencia, y la diré tal cual me lo dijeron hace tiempo: Estudiar esta parte del diseño es esencial. Entender cómo trabaja el color nos permitirá fabricar combinaciones tonales de calidad. Muchas personas lo escogen a gusto, pero (por muy buen gusto que éstas tengan) nunca alcanzarán un dominio profesional del color. Es cierto que se trata de un tema muy ligado a las preferencias personales, pero no deja de ser un área esencialmente técnica.

A ver Mikel, lanza tu pregunta .

[Mikmoro]

Ejem, ejem... no hubiera podido dar esa explicación porque nunca lo hubiera pensado así (sí, es la falta de conocimientos técnicos, efectivamente).

Busco una pregunta, pero ya no es fácil

[DragonX]

Iniciado por metacortex

Para no hacerlo tan largo el asunto es así: Los colores primarios saturados (aditivos) son rojo, verde y azul (ff0000, 00ff00 y 0000ff). Si éstos se mezclan producen la saturación máxima de color (el blanco o #ffffff). Rebajando la intensidad de los primarios al 50% tendríamos 3 colores primarios medios: #800000 por el rojo, #008000 por el verde y #000080 por el azul, de cuya combinación resultaría el #808080, el cual es el término medio de la saturación entre todos los colores existentes (incluyendo el blanco y el negro).

Ahora también es más que lógico pensar...son 256 colores, dividido 2 = 128. En la paleta de colores de Photoshop en los RGB ponemos R:128/G:128/B:128 y nos da el #808080 como resultado final que es exactamente lo que hice cuando leí la pregunta, pero me dije a mi mismo....no, no puede ser tan fácil......ya ni confio en mi propia lógica

[Mikmoro]

Si tenemos un enlace que contiene un span con texto dentro:

<a href="#">Enlace <span>Texto oculto</span></a>

y sabemos que podemos ocultar este texto y hacerlo visible al pasar el ratón con

a span {display: none;}
a:hover span {display: block;}

¿Qué selector y propiedad deberemos usar para que una vez pulsado el enlace el texto sea visible, a pesar de que pulsemos después en cualquier otra parte de la pantalla?

[Mikmoro]

Ehhhh, se nota que ya nadie tiene ganas de devanarse los sesos para hacer una pregunta, ¿no?, porque la mía es facilita, apropiada para gente con menos experiencia, y aun así, nadie responde.

[metacortex]

a:active { display: block; }

a:active span { display: block }

[Mikmoro]

Meeeeeeecc!

Incorrecto.

La pregunta dice:

¿Qué selector y propiedad deberemos usar para que una vez pulsado el enlace el texto sea visible, a pesar de que pulsemos después en cualquier otra parte de la pantalla?

Con active, si pulsado el enlace pulsáramos en otra parte de la pantalla, el span desaparecería.

[derkenuke]

Ya lo siento responder tan tarde, estuve de viaje:

Iniciado por metacortex

La idea es que el contenido permanezca accesible en todas sus partes sin depender de otras tecnologías. Si construyes un índice basado en CSS, éste quedará anulado si éste se desactiva.

Visto así sí que es estructura y no presentación. Igual que si dibujasemos un semáforo para entrar a nuestra web (rojo/verde): sería incorrecto desde el punto de vista de la accesibilidad. No se debe proporcionar información esencial únicamente con colores o imágenes; No se debe proporcionar información esencial únicamente con estilos de presentación. Y no, tampoco se puede montar un índice basado en CSS. Yo me refería más bien a en vez de presentar así:

Código:

1. Rojo
2. Verde
3. Azul
4. Amarillo

Poder presentarlo así:

Código:

Elemento 1. Rojo
Elemento 2. Verde
Elemento 3. Azul
Elemento 4. Amarillo

Esto nos da una idea de que no todo lo que se haga con CSS es correcto, como parece ser.

Sobre la actual pregunta, sigo experimentando Mikmoro, no desesperes.


Saludos!

[K-Yezaad]

Iniciado por Mikmoro

Ehhhh, se nota que ya nadie tiene ganas de devanarse los sesos para hacer una pregunta, ¿no?, porque la mía es facilita, apropiada para gente con menos experiencia, y aun así, nadie responde.

a:visited span {display: block;}

De hecho si estaba sencilla (ora nada mas falta que me equivoque )

[Mikmoro]

mmmm....

CORRECTO.

Tu turno, K-Yezaad.

[K-Yezaad]

perdon por las preguntas de pedazo de codigo :P tratare de ser mas conciso:
Mi pregunta esta aqui: http://www.forosdelweb.com/f53/trivi...ml#post2523481

[metacortex]

Aaaaaaa!! Era visited .

Como dice el gato Jinks: "Mardita zea!!"

[Mikmoro]

¿Otra pregunta de un buen trozo de código, K-Yezaad?

Es un trivial; habría que procurar hacer preguntas concretas, con respuestas concretas, no mucho más allá de definir un selector y un par o tres de propiedades.

Vamos, es mi opinión.

[K-Yezaad]

Sorry, batallo a acostumbrarme a la dinamica, deja propongo algo mejor:

cual es la diferencia entre display:none y visibilty:hidden?

[derkenuke]

¿La respuesta es que ya estaba preguntada?

[Mikmoro]

Lo lamento, esa pregunta está hecha

[K-Yezaad]

Iniciado por Mikmoro

Lo lamento, esa pregunta está hecha

jajaja de veras que ando despistado hoy

A ver si la tercera es la vencida: opacity nos permite variar la transparencia de un div con un valor que va de 0 (completamente transparente) a 1 (completamente opaco), cual es el equivalente en IE?

[DragonX]

filter: alpha(opacity=50) --> Explorer --> 0 a 100
opacity: .5 --> fire fox --> 0 a 1

[metacortex]

Correcto Dragon! Pregunta .

[DragonX]

A ver.....mucho no se me ocurre.

De esta lista de Pseudo-elementos, cuál/es esta/n de más y porqué?

• :first-letter
• :first-child
• :first-line
• :before
• :focus
• :after
• :visited

[Mikmoro]

Están de más estos:

* :first-child
* :focus
* :visited

Porque no son psedo-elementos sino pseudo-clases.

[DragonX]

excelente!

[Mikmoro]

No me acordaba de que me tocaba preguntar.

Si tenemos tres cajas.

<div id="derecha"></div>
<div id="izquierda"></div>
<div id="centro"></div>

Con estas propiedades:

#derecha {width: 200px; height: 200px; float: right;}
#izquierda {width: 200px; height: 200px;float: left;}
#centro {height: 200px;}

¿Qué propiedades debemos añadir a la caja del centro para que ocupe todo el espacio libre entre las dos columnas?

[DragonX]

ninguna, ya que así como está la caja del medio ocupa todo el ancho

[Mikmoro]

CORRECTO.

Tu turno.