Tener diferentes hojas de estilo dependiendo del navegador me parece algo horrible 🙁 .  Pero si por algún motivo es necesario, podemos emplear una forma bastante fácil y limpia mediante PHP (Ref. Andrew Martin).

Para ello, (1) pondremos un CSS base que sea compatible para todos los navegadores y a continuación (2) haremos uso del array $_SERVER y del campo donde se cargan las cabeceras con información del navegador del usuario «HTTP_USER_AGENT».

1. Código CSS base:

<link rel="stylesheet" href="base.css" type="text/css">

2. Código PHP:

$browser = $_SERVER['HTTP_USER_AGENT'];	
if (preg_match('/MSIE.8/i', $browser)) { echo ''; } 
elseif (preg_match('/MSIE.7/i', $browser)) { echo ''; }
elseif (preg_match('/MSIE.6/i', $browser)) { echo ''; }
elseif (preg_match('/MSIE.9/i', $browser)) { echo ''; }
elseif (preg_match('/Firefox.2/i', $browser)) { echo ''; }
elseif (preg_match('/Firefox.3.5/i', $browser)) { echo ''; }
elseif (preg_match('/Firefox.3/i', $browser)) { echo ''; }
elseif (preg_match('/Chrome/i', $browser)) { echo ''; }
elseif (preg_match('/Safari/i', $browser)) { echo ''; }
elseif (preg_match('/Opera/i', $browser)) { echo ''; }
else { echo ''; }

El código escribirá el link con la hoja de estilo correspondiente al navegador empleado por el usuario basándose en la comparación de cadenas.

Si lo que queremos es únicamente discernir la versión de MSIE, podemos también recurrir a los comentarios condicionales de Internet Explorer.

Para hacer las pruebas necesarias con los diferentes navegadores, podemos descargarlos o emularlos.

Al hilo del anterior post «Virtualización de WinXP + IE6, probando nuestro CSS» me ha llegado un comentario (gracias d2f) con otra herramienta que en su día deje pasar de largo (craso error Javi).

Xenocode nos permite en su web descargarnos un plugin y emular estos navegadores sin más complicaciones.

¿Un problema de usabilidad?

Hace un tiempo visite este sitio web, y me pareció «extraño» empezando por los banners y siguiendo por la estructura y diseño. Luego tras encontrar la web con todos los navegadores hice clic en cada título, por ejemplo «internet explorer 6» y esto me llevaba a la web de Microsoft, un simple enlace. Así que me fui y hasta hoy jejeje 😀

Como explicación creo que se debe a la comodidad de hacer clic en el texto del navegador (un poco más grande) y no en el botón verde que simula el «ON» pensando que sería una imagen y que al ir unidas llevaría al mismo destino.

Me gustaría saber a cuantos les ha pasado lo mismo 🙂   (no creo que sea el único rarito)

challs

El pasado Miércoles (29 de abril) fui a la conferencia de Chaals (Charles McCathieNevile) titulada «Nuevas Estándares Web – ¿mejorando la plataforma?».

Chaals trabaja como responsable de estándares para Opera, anteriormente estuvo en la W3C y fue vicepresidente de la Fundación Sidar.

Continue reading «Chaals, Nuevos Estándares Web»

Según la investigación realizada por Opera Software, la gran mayoría de los desarrolladores web sencillamente ignoran los códigos estandarizados. Solo el 4% cumple fielmente los estándares de W3C.

Creo que muchos desarrolladores de ese 96% son los encargados de hacer webs como chorizos! tirando el valor y machacando el mercado. De ahí que algunas personas duden y se pregunten acerca del verdadero coste de una web profesional.