CSS válido compatible con Internet Explorer y Firefox

Llevo años realizando nuestras webs por medio de CSS, pero antes era sencillo, casi todo el mundo usaba IE, y sólo cuatro se atrevían con navegadores alternativos. A día de hoy las cosas están cambiando, y ya no se puede despreciar a los usuarios de navegadores tan extendidos como Firefox.

Pero surge un problema: en cuanto hagamos ligeramente complejos nuestros diseños, y utilicemos atributos como padding y margin, veremos como la distinta intepretación que hace Internet Explorer y el resto de navegadores del modelo de caja nos jugará malas pasadas.

Esto nos hace necesario acudir a “hacks” que nos permita aprovechar diferencias de interpretación de los CSS de los navegadores realizar CSS compatibles con todos los navegadores.

Existen muchos sistemas distintos, pero no todos son acordes a los standar, por lo que no validarán. De hecho, a lo largo de estos años he usado varios que si bien funcionaban y mantenían la estética más o menos igual en todos los navegadores, no validaban los standar. No es algo fundamental, pero siempre te queda esa espina clavada de “un trabajo bien hecho”.

Hoy he probado un nuevo método, precisamente intentando solucionar este problema histórico, hasta que he encontrado este artículo de Sitepoint (que tantas veces me ha sacado de apuros), que como me decía Carlos Mantero en Twitter no sé si será el Santo Grial (que proporciona vida eterna), pero sí que me ha regalado algunos meses, eso seguro, porque era un tema que me estaba bloqueando.

La solución que he usado es sencilla:

1) creamos una regla adaptada a Internet Explorer
2) repetimos la regla (lo que sea común no es necesario, únicamente lo que cambie -tradicionalmente padding, margin, width o height-) anteponiéndole html>body.

Afortunadamente a este último IE no lo interpretará mientras que el resto de navegadores sí. Lo he probado en una web de estructura compleja (en concreto con el próximo diseño de Mundogamers) y se ve perfectamente en los navegadores testeados: Firefox, IE 6 e IE7, validando perfectamente, por fin.

Termino con un ejemplo práctico, para entenderlo mejor:

#header {margin-bottom:3em}
html>body #header {margin-bottom:1em}

Espero que le sea de ayuda a alguien. Supongo que muchos lo conocerían, pero seguro que alguien tiene problemas similares pendientes de resolver y le ayude a ver luz al final del camino.

Búsquedas multilenguaje para Google

TechCrunch fue el primer sitio donde lo leí. Fue anoche, pero la noche no es mi momento favorito para escribir en el blog, así que será ahora cuando lo comente. Total, prisas no hay. Mientras nosotros dormimos, otros postean, y este blog no pretende exclusivas.

Ayer, durante el evento Searchology, Google anunció varias novedades para el futuro, pero para mí la más interesante es la “semantización multilingüística“, es decir, que yendo más allá de mostrar resultados relacionados con nuestra búsqueda (semantización), pretende realizar lo mismo en distintos idiomas. Esto es, nuestras consultas serían traducidas a otros idiomas, aumentando el número de resultados devueltos, los cuales a su vez, serían devueltos en nuestro propio idioma.

En otras palabras, aquellos que gusten de teorías apocalípticas googlemaníacas (google se hace dueña del mundo), podrán anotar una nueva pretensión. No sólo tendrán el mercado de las búsquedas, no sólo tendrán el mercado publicitario en sus manos, sino que ahora pretenden además derrumbar un símbolo teológicohumanístico como es la Torre de Babel. ¡Que alguien avise a Superman! :)

Aunque digo yo…, y esto es una reflexión personal, primero tendrán que mejorar las traducciones, porque sino, lo llevamos clarinete. Y las perspectivas no parecen muy alagüeñas: no noto grandes mejoras en los últimos 5 años en la calidad de los traductores automáticos.

Ah, bueno, para terminar, como menciona Michel, también anunció otras mejoras: nueva interfaz, incorporación de otros servicios entremezclados con los resultados, modificación automática de las búsquedas (osea “no te devuelvo lo que quieres, sino lo que yo creo que pretendes”).

¿Y vosotros cuantos idiomas habláis? Yo estoy aprendiendo Google, por si acaso.

Shared Reviews, nueva forma de monetizar los blogs

Apenas tres horas faltan para que el contador de Shared Reviews llegue a cero. En ese momento se anunciará su nuevo sistema de monetización (pago por review).

Aunque imagino que en pocas horas saldremos de dudas sobre su funcionamiento, personalmente creo que se tratará de un sistema similar a PayperPost o SponsoredReviews, en los que se nos paga por realizar análisis de algún producto, aunque es de prever que habrá algún tipo de novedad para diferenciarse de los dos anteriores.

Por otra parte, el término “Share” quizás nos indique algo sobre su funcionamiento. ¿Quizás se compartan las reviews al más puro estilo directorio de artículos? ¿O utilizar nuestras reviews en su sitio y cobrar un revenue share?.

En poco tiempo saldremos de dudas. Quizás nos sorprenda. Quizás no.

Vía Hongkiat.

Actualización 16:36: Parece, una vez salido a la luz, y según este esquema, que el concepto no es similar a los mencionados, sino que parece más orientado a la creación de una comunidad (¿ciao?) de personas contribuyendo con sus reviews dando la oportunidad de votar los contenidos, todo ello arropado en un revenue sharing con toda la comunidad. Creo que será necesario verlo en marcha y ver más opiniones para clarificarlo un poco más.

Actualización 16 mayo 10:50: Tras estar analizando un poco el sistema (lo que se puede ver), y con las aportaciones de Pablo, puedo deducir que el sistema consiste en que es posible subir reviews (directamente o a través de algún tipo de API/plugins con los más famosos CMS). La manera de monetizar estas “donaciones” es a través de los ingresos obtenidos por publicidad y la venta de licencias para usar esos mismos contenidos en otros sitios (desconozco los términos de la licencia, ¿quizás nuevamente revenue sharing?). De estos ingresos el 50% son para la comunidad, que a su vez se reparte el 50% para el autor (es decir, un 25%) y el resto para los que voten esa review.

Mercado Libre sale al mercado

Vía Techtear me entero de que Reuters publicó el pasado viernes la noticia de que MercadoLibre (la plataforma de compraventa líder en sudamérica) está en proceso de lanzar una OPV (no confundir con OPA, y mejor que su término inglés IPO) al mercado de acciones tecnológicas norteamericano Nasdaq por un valor de hasta 100 millones de dólares (dependerá de si se suscriben todas las acciones).

La operación está siendo gestionada por JPMorgan y Merryl Lynch, y previsiblemente bajo el símbolo MELI.

PD: Revisando las fuentes he visto que también ha hablado de ello Mariano y Germán.

Power Challenge obtiene 8 millones de dólares

Vía TechCrunch me entero de que Power Challenge, un juego online de origen sueco, ha conseguido una inyección de capital de 8 millones de dólares, gracias a Benchmark Capital.

En un principio, el destino de este suplemento financiero irá destinado a aumentar el número de juegos (actualmente sólo hockey y futbol), sobre todo tras ampliar su oferta de simulación futbolística con la adquisición de Manager Zone, el complemento ideal entrando de lleno en la simulación de gestión.

Esta es una gran noticia seguro para algunos como Carlos Blanco (que cuenta con una amplia oferta en juegos online – por ejemplo mundijuegos), y por supuesto, también para nosotros, ya que tenemos una importante presencia en el sector de los videojuegos a través de Mundogamers.com, una de las 5 principales revistas online del sector.

Y es que el sector de los videojuegos está viviendo unos momentos de gloria, sobre todo gracias a la ampliación de su público objetivo. Los juegos ya no son cosa de críos únicamente.