Foros del Web » Creando para Internet » CSS »

Trivia: Conceptos CSS

Estas en el tema de Trivia: Conceptos CSS en el foro de CSS en Foros del Web. Cita: Iniciado por messer Al ojo% deberia ser #CCCCCC si no me equivoco. ¡Ojo con ese ojo! . Naah esa no es la respuesta. Y ...

  #331 (permalink)  
Antiguo 04/08/2008, 15:39
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Trivia: Conceptos CSS

Cita:
Iniciado por messer Ver Mensaje
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 .
  #332 (permalink)  
Antiguo 04/08/2008, 15:54
Avatar de messer  
Fecha de Ingreso: julio-2004
Mensajes: 467
Antigüedad: 13 años, 4 meses
Puntos: 5
Respuesta: Trivia: Conceptos CSS

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!!
__________________
<script type="text/messerScript"><!--
window.onload=function(){ loadMesserRules(this.href) }
--></script>
  #333 (permalink)  
Antiguo 04/08/2008, 16:03
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: Trivia: Conceptos CSS

Supongo que sería #808080, que corresponde al rgb 128, 128, 128.
__________________
Visita mi nueva web idplus.org
  #334 (permalink)  
Antiguo 04/08/2008, 16:10
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Trivia: Conceptos CSS

#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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 04/08/2008 a las 16:21
  #335 (permalink)  
Antiguo 04/08/2008, 16:24
Avatar de messer  
Fecha de Ingreso: julio-2004
Mensajes: 467
Antigüedad: 13 años, 4 meses
Puntos: 5
Respuesta: Trivia: Conceptos CSS

Cita:
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..
__________________
<script type="text/messerScript"><!--
window.onload=function(){ loadMesserRules(this.href) }
--></script>
  #336 (permalink)  
Antiguo 04/08/2008, 18:02
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Trivia: Conceptos CSS

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 .
  #337 (permalink)  
Antiguo 04/08/2008, 18:19
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: Trivia: Conceptos CSS

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
__________________
Visita mi nueva web idplus.org
  #338 (permalink)  
Antiguo 04/08/2008, 18:37
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Trivia: Conceptos CSS

Cita:
Iniciado por metacortex Ver Mensaje
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
  #339 (permalink)  
Antiguo 04/08/2008, 18:48
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: Trivia: Conceptos CSS

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?
__________________
Visita mi nueva web idplus.org
  #340 (permalink)  
Antiguo 05/08/2008, 12:59
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: Trivia: Conceptos CSS

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.
__________________
Visita mi nueva web idplus.org
  #341 (permalink)  
Antiguo 05/08/2008, 15:58
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Trivia: Conceptos CSS

a:active { display: block; }

a:active span { display: block }
  #342 (permalink)  
Antiguo 05/08/2008, 16:03
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: Trivia: Conceptos CSS

Meeeeeeecc!

Incorrecto.

La pregunta dice:

Cita:
¿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.
__________________
Visita mi nueva web idplus.org
  #343 (permalink)  
Antiguo 06/08/2008, 12:23
Avatar de derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 14 años, 1 mes
Puntos: 45
Respuesta: Trivia: Conceptos CSS

Ya lo siento responder tan tarde, estuve de viaje:

Cita:
Iniciado por metacortex Ver Mensaje
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!
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
  #344 (permalink)  
Antiguo 06/08/2008, 12:56
Avatar de K-Yezaad  
Fecha de Ingreso: octubre-2005
Mensajes: 140
Antigüedad: 12 años, 1 mes
Puntos: 3
Respuesta: Trivia: Conceptos CSS

Cita:
Iniciado por Mikmoro Ver Mensaje
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 )
  #345 (permalink)  
Antiguo 06/08/2008, 13:01
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: Trivia: Conceptos CSS

mmmm....

CORRECTO.

Tu turno, K-Yezaad.
__________________
Visita mi nueva web idplus.org
  #346 (permalink)  
Antiguo 06/08/2008, 13:31
Avatar de K-Yezaad  
Fecha de Ingreso: octubre-2005
Mensajes: 140
Antigüedad: 12 años, 1 mes
Puntos: 3
Respuesta: Trivia: Conceptos CSS

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

Última edición por K-Yezaad; 06/08/2008 a las 16:58 Razón: que hay que ser conciso
  #347 (permalink)  
Antiguo 06/08/2008, 15:54
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Trivia: Conceptos CSS

Aaaaaaa!! Era visited .

Como dice el gato Jinks: "Mardita zea!!"
  #348 (permalink)  
Antiguo 06/08/2008, 16:47
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: Trivia: Conceptos CSS

¿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.
__________________
Visita mi nueva web idplus.org
  #349 (permalink)  
Antiguo 06/08/2008, 16:57
Avatar de K-Yezaad  
Fecha de Ingreso: octubre-2005
Mensajes: 140
Antigüedad: 12 años, 1 mes
Puntos: 3
Respuesta: Trivia: Conceptos CSS

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

cual es la diferencia entre display:none y visibilty:hidden?
  #350 (permalink)  
Antiguo 06/08/2008, 17:04
Avatar de derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 14 años, 1 mes
Puntos: 45
Respuesta: Trivia: Conceptos CSS

¿La respuesta es que ya estaba preguntada?
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
  #351 (permalink)  
Antiguo 06/08/2008, 17:04
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: Trivia: Conceptos CSS

Lo lamento, esa pregunta está hecha

__________________
Visita mi nueva web idplus.org
  #352 (permalink)  
Antiguo 06/08/2008, 17:21
Avatar de K-Yezaad  
Fecha de Ingreso: octubre-2005
Mensajes: 140
Antigüedad: 12 años, 1 mes
Puntos: 3
Respuesta: Trivia: Conceptos CSS

Cita:
Iniciado por Mikmoro Ver Mensaje
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?
  #353 (permalink)  
Antiguo 07/08/2008, 09:50
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Trivia: Conceptos CSS

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

  #354 (permalink)  
Antiguo 07/08/2008, 10:13
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Trivia: Conceptos CSS

Correcto Dragon! Pregunta .
  #355 (permalink)  
Antiguo 07/08/2008, 10:40
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Trivia: Conceptos CSS

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

  #356 (permalink)  
Antiguo 08/08/2008, 17:18
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: Trivia: Conceptos CSS

Están de más estos:

* :first-child
* :focus
* :visited

Porque no son psedo-elementos sino pseudo-clases.
__________________
Visita mi nueva web idplus.org
  #357 (permalink)  
Antiguo 08/08/2008, 17:55
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Trivia: Conceptos CSS

excelente!
  #358 (permalink)  
Antiguo 11/08/2008, 03:14
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: Trivia: Conceptos CSS

No me acordaba de que me tocaba preguntar.

Si tenemos tres cajas.

Cita:
<div id="derecha"></div>
<div id="izquierda"></div>
<div id="centro"></div>
Con estas propiedades:

Cita:
#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?
__________________
Visita mi nueva web idplus.org
  #359 (permalink)  
Antiguo 11/08/2008, 08:42
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Trivia: Conceptos CSS

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

  #360 (permalink)  
Antiguo 11/08/2008, 10:31
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: Trivia: Conceptos CSS

CORRECTO.

Tu turno.
__________________
Visita mi nueva web idplus.org
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

SíEste tema le ha gustado a 7 personas




La zona horaria es GMT -6. Ahora son las 15:02.