Lanzar un pop-up en JavaScript correctamente

En algunos casos puede resultarnos útil e incluso más cómodo para el usuario abrir una página en un pop-up en el que mostrar una información. Si buscamos en google cómo hacerlo o leemos cualquier manual de javascript el código que nos muestra para hacer esto es el siguiente:

window.open('url to open','window name','attribute1,attribute2') 

En realidad, ese código tiene fallos, a saber:

  • Los navegadores sin JavaScript no podrán abrir la página.
  • No se indexará igual de bien en los buscadores, y algunos crawlers, no lo sabrán recorrer.
  • Al pasar el ratón sobre el link, no podremos ver la página destino en la barra de estado.
  • El usuario pierde la opción de hacer click derecho para abrir en una nueva ventana, pestaña o copiar la ruta del enlace.
  • El usuario pierde la opción de agregar la página a favoritos en el menú emergente del enlace.
  • Por último, las etiquetas “a” tienen una razón de ser especificada en el W3: “A link is a connection from one Web resource to another“, por lo que utilizarlo para que nuestro texto tenga una apariencia pero funcione a través del onclick no es la mejor forma de seguir el estándar.

La forma correcta de abrir un pop-up es la siguiente:

<a href="./index.html" target="_blank" onClick="window.open(this.href, 
this.target, 'width=300, height=400'); return false;">Abrir pop-up.</a>

De esta manera, el enlace es un enlace normal que enlazará de forma correcta bajo cualquier circunstancia y, además, en las condiciones mas habituales funcionará de la forma en que queremos nosotros: abriendo un pop-up.

Fuente: No sólo usabilidad.

Significado de los Colores

Durante años es un tema que me ha interesado mucho, la forma en que los colores que nos rodean pueden influirnos o afectarnos psicológicamente, la información que estos nos transmiten de forma inconsciente tras millones de años de evolución e incluso el estado de ánimo o personalidad de una persona en función de los colores por los que ésta se siente mas atraída -que no es necesariamente su color preferido ni con el que viste-.

No quiero alargarme mucho, por lo que colocaré aquí únicamente las características básicas de los colores principales cuyo significado o forma de afectar a una persona puede ser tenido en cuenta para muchas cosas, tanto a la hora de vestir (ponte una camiseta naranja y verás como te llenas de energía) como a la hora de diseñar un web (no te recomendaré el negro con amarillo…).

Rojo

Calor. Energía. Claustrofobia.

El rojo es el color de la sangre y nuestro instinto lo interpreta alterando nuestro ritmo cardíaco, lo que aumenta el nivel de estrés, ansiedad y la temperatura cardíaca. También es el color con una mayor longitud de onda, esto provoca que nuestra retina tenga que acercarse para visualizarlo correctamente y los objetos rojos parezcan estar más cerca, lo que puede provocar claustrofobia en una habitación pintada de este color. Puede resultar útil si estás bajo de energías.

Una atracción fuerte por el rojo refleja fuerza de voluntad, energía, ganas de alcanzar triunfos de forma inmediata, vivir el presente. Un rechazo a este color indica agotamiento físico o nervioso, problemas cardíacos o pérdida de apetito sexual.

Continue reading Significado de los Colores