Distinto CSS para cada Navegador

Un día tuve que buscar una solución para un diseño que estaba armando. El problema era que en Google Chrome se veía mal mi diseño, pero en IE y Firefox se veía sin problemas, la solución que encontré fue la siguiente:

CSS Browser Selector, un excelente script que nos permite utilizar distinto CSS en cada navegador.

Dependiendo del navegador podremos utilizar distintos diseños y lo único que necesitamos es agregar un script a nuestra página.

Copia y pega el siguiente código dentro de <head> y </head> de tu  página:

<script type='text/javascript' src='http://blooging.googlecode.com/files/css-selector.js'></script>

Modo de uso:

En este ejemplo usaremos el div #nav.

CSS distinto en Google Chrome:

.chrome #nav {aquí tus estilos}

CSS distinto en Opera:

.opera #nav {aquí tus estilos}

CSS distinto en Safari:

.webkit #nav {aquí tus esilos}

Es muy simple de aplicar y no necesita mayor conocimiento, sólo debemos agregar un "class" antes de cada "div" que queramos cambiar, en nuestra hoja de estilos.

Puedes ver más ejemplos en la web oficial:

Enlace: CSS Browser Selector

Ranking Navegadores Web

En Desarrollo Web nos muestran un ranking con los navegadores más importantes, cada uno con el porcentaje de uso. Como era de esperarse, aunque sigue siendo mala noticia, Internet Explorer 6 sigue siendo el más usado.

Browser Shooter, guerra de navegadores web

Se trata de un simple juego,al estilo de Puzzle Bobble, en el cual debes unir 2 mas navegadores del mismo tipo para que no pierdas.

Funciona con jQuery y muchos elementos JavaScript.

¿Qué esperas? Entra y juega la guerra de los navegadores.

Vía: aNieto2k

Enlace: Browser Shooter, dispara navegadores con Javascript.

Mostrar Navegador y Sistema Operativo con JavaScript

Algo muy útil y un poco divertido para quien lo ve, es mostrar, a través de texto el navegador y sistema operativo de nuestros visitantes.

Para hacer esto utilizaremos un "pequeño" código JavaScript, que podemos insertar directamente en nuestro archivo dentro de las etiquetas <head></head> o insertar dentro de un archivo .js.

Este es el script:

(Es muy largo, seguir luego del salto)
Seguir Leyendo esta Entrada