Como todos sabemos las propiedades text-shadow y los filtros de Internet Explorer para esta propiedad no son las mejores opciones si queremos agregar algo de sombra a los textos, títulos o demás elementos de nuestro sitio. Son interpretados de diferentes maneras por todos los navegadores y algunos ni siquiera lo hacen, llevando a los diseñadores a obviar este efecto en los sitios.

Lo que quiero comentarles es una alternativa para alguna ocasión determinada en que quieran agregar sombra a un texto sólo utilizando CSS, preferentemente en algún título o encabezado destacado. La idea es bastante simple: Usaremos el mismo texto dos veces, uno que funcionará como texto y otro que será la sombra. Utilizando la propiedad position: relative ubicaremos el texto por encima de la sombra y lo moveremos para realizar el efecto deseado.

Para realizar esto primero debemos establecer el texto que funcionará como sombra dentro de un span, un p, un div o el elemento que querramos y le agregamos la clase shadow (class=”shadow”). Luego copiamos el texto a una nueva etiqueta y le agregamos la clase text. Desde el CSS movemos el segundo elemento (bajo la clase text) hacia arriba hasta ubicarlo de manera que el primer elemento sobresalga a modo de sombra. A esta altura creo que ya estoy escribiendo de más porque la idea es muy simple.

Para dejar todo más ordenado y poder repetirlo podemos establecer alturas fijas para estos elementos y así saber la distancia en que debemos mover el segundo elemento. Los colores, tipografías y demás queda a criterio de cada uno y de lo que necesite. Básicamente el XHTML quedaría algo así:

<span class="shadow">Texto de ejemplo</span>
<h2 class="text">Texto de ejemplo</h2>

Y el CSS algo así:

span. shadow {
display: block;
height: 30px;
color: #ccc;
}
 
h2.text {
position: relative;
bottom: 30px;
left: 2px;
color: #333;
}

Pueden ver algunos ejemplos en este enlace.

Está claro que semánticamente no es algo perfecto, tener el mismo texto dos veces no tiene demasiado sentido, pero como les comenté hace anteriormente, para alguna oportunidad específica puede servir sobre todo porque es totalmente crossbrowser y muy adaptable a lo que necesitemos.

El título perfecto para este artículo es el que le dieron Mariano Amartino y Jeffrey Zeldman: A los hombres les gusta rápido y a las mujeres mejor. Lo es porque básicamente ese el resultado de un informe realizado con el objetivo de distinguir las prioridades que se le dan a la usabilidad web según los géneros.

La conclusión final, disponible en Web Site Optimization es la siguiente:

En un reciente estudio de usabilidad, los investigadores de la Universidad de Southern Illinois encontró que después de la facilidad de uso, los hombres prefieren a la rápida velocidad de descarga. Las mujeres por su parte, además de la facilidad de uso, destacan la fácil navegación . Los investigadores estiman que estos diferentes criterios de utilización se deben a diferencias en la forma en que los hombres y las mujeres usan la web.

Ambos géneros coinciden que el factor más importante es la facilidad de uso, pero como fue comentado, el segundo al que más importancia se le dio estuvo relacionado con la forma en que cada uno usa internet. Las mujeres buscan desarrollar las relaciones, mientras que los hombres utilizan la web para recopilar información, es por esto que la velocidad tiene tanta importancia para estos últimos.

Hablando el otro día con Germán llegamos a una conclusión sobre un fenómeno que pensé sólo me sucedía a mi pero estaba equivocado. Se trata de el breve período de tiempo en que algo que realizamos, en este caso un diseño para un sitio web, nos agrada o nos conforma. Voy a tratar de explicarlo rápidamente.

Comenzamos a diseñar en nuestro editor de imágenes, por ejemplo Photoshop, y al cabo de algunos minutos u horas tenemos nuestro diseño listo. Nos agrada, lo revisamos, lo imaginamos en el navegdor y realmente no agrada. Corregimos detalles durante un tiempo y lo volvemos a mirar. No pasó más de una hora desde el momento en que pensamos que nos encantaba pero ya no lo hace tanto, nos cansó un poco y no nos conforma totalmente.

Después de analizarlo por algunos minutos lo desechamos y comenzamos de nuevo desde cero si haber pasado a la etapa de la maquetación. Esto me pasó muchísimas veces, tal vez muchos diseños que hubiesen gustado los terminé descartando por el simple hecho de que no me terminaron de convencer a pesar de que en un momento si lo hicieron. Entiendo que es algo muy raro, pero sin embargo sucede.

¿Les ha pasado?

Hola, Soy Horacio Bella. Hace un tiempo Víctor Fernandez había escrito un artículo muy parecido al que voy a desarrollar. Lamentablemente el mismo se ha perdido pero voy a tratar de reconstruirlo y como siempre imprimiendo mi mirada personal del asunto.

Internet ha dejado de ser hace mucho tiempo un lugar sólo para hackers, nerds, bohemios o cualquier otro tipo de personajes pintorescos que puedan aparecer en una película de los años 80 o 90. Hoy internet es parte de la vida cotidiana de la mayoría de las personas de una sociedad, quienes comparten ideas, se comunican, compran, venden, consumen, denuncian, proponen y un sin fin de otras acciones naturales de la vida en comunidad. A lo que voy es que ya no hace falta esconderse para participar, ya es algo normal y necesario y mucho más seguro que realizar esto en el ámbito denominado “vida real”.

Yo desconozco cual es el objetivo de cada una de las personas que participa en la comunidad online, la blogósfera, sistemas de microblogging o redes sociales pero sin lugar a dudas si quiere participar emanando seriedad y confianza es vital que utilice su verdadero nombre. Me siento más seguro y respaldado comunicandome e interactuando con un nombre real o una foto real que con un nick u otro elemento que oculte la identidad. No se si a todos les pasa.

Particularmente siempre me presento ante todos de manera online con mi nombre y apellido. Con ese simple dato entiendo que estoy dando confianza a la otra persona, es como decirle “este soy yo y no tengo nada que ocultar”. Todos mis nombres de usuario en los distintos servicios online son mis nombres y apellido, mi marca personal con la que trabajo hoy en día es mi nombre y apellido (HoracioBella.com). Como les comente hace un tiempo es parte de crear una identidad.

Entiendo que algunos sigan con miedo, protegiendo sus datos y su identidad como lo haría cualquier superhéroe. Seguramente cada uno tendrá sus motivos para no moverse con su verdadero nombre y tal vez le vaya muy bien así. En mi caso manejarme con mis datos reales me trajo muchos réditos y en mi carrera profesional dentro de este medio me permitió siempre manejarme dentro de un marco de seriedad. Los peligros que esto pueda llegar a presentar creo que son mínimos o por lo menos ínfimos que los que generan el llenar un formulario de inscripción a cierto lugar, aceptar términos y condiciones o simplemente pagar algo con tarjeta de crédito. El peligro real está en otro lado.

¿Ustedes usan su nombre o un nickname? ¿Por qué lo hacen y qué resultados les trae?