La debilidad de Internet Explorer 6

Muchisima gente sigue usando Internet Explorer 6 como navegador, bien porque no conocen otra alternativa o por pereza/problemas a la hora de actualizarlo.

La peor parte de esto, es que todos los usuarios de dicho navegador están expuestos a multitud de peligros y problemas. Una muestra de ello es un simple código de CSS y HTML como este:

1

<style>*{position:relative}</style><table><input>

El código que se encuentra por encima de estas lineas, provoca un error en IE que hace que se cierre de manera automática…

Si usas (o tienes) IE6 y lo quieres comprobar, tan solo tienes que seguir el siguiente enlace y esperar el resultado: IE crash!

La vida es eso que muchos dejan pasar haciendo planes para vivirla.

Sabiduría popular

Maqueta para lo probable, lo mínimo y lo máximo

Después de una charla constructiva con mi nuevo boss (un saludo neni…), haciendo un poco mía una entrada del blog de Ale Muñoz y modificandola en una palabra aquí queda un gran consejo para cualquier maquetador:

Maqueta para lo más probable, para lo más pequeño, y para lo más salvaje.

Si en ninguno de estos tres casos se fastidia el diseño, puedes decir tranquilamente que tu código esta perfecto.

Otra cosa es que en el diseño este contemplado cada uno de ellos…

Consejos CSS en una linea

Otro post antiguo, recuperado gracias al RSS.

Traducción libre de un articulo publicado por CSS Globe con 8 soluciones muy sencillas a problemas que nos suelen dar muchos dolores de cabeza.

Las mejores soluciones son muchas veces las más simples. Una lista de 8 consejos (o trucos) con una sola propiedad CSS.

• Centrado vertical con line-height: Cuando tenemos un objeto contenedor con una altura fija, podemos usar la propiedad line-height para centrar verticalmente el contenido. Se puede comprobar en esta demo.

  line-height: 24px;

• Prevenir que el contenido sobredimensionado en objetos flotantes con un tamaño fijo rompa nuestra plantilla: Cuando el contenido (p.ej; una imagen panorámica) se coloca en un contenedor flotante con un tamaño fijo, es posible que descuadre nuestra plantilla. Para evitar esto, se puede usar este truco que ocultara parte del contenido pero mantendrá nuestra plantilla intacta.

  #main{overflow:hidden;}

• Evitar saltos de linea en los enlaces:

  a{white-space:nowrap;}

• Mostrar siempre el scroll vertical en Firefox: Firefox esconde por defecto el scroll vertical si la página no lo necesita. El “problema” es que si tienes páginas que precisen el scroll y otras que no, al pasar de unas a otras, nuestro diseño sufrirá un pequeño salto hacia la izquierda.

  html{overflow:-moz-scrollbars-vertical;}

• Central elementos horizontalmente: Con esta linea sera suficiente en todos los navegadores modernos para centrar horizontalmente cualquier elemento.

  margin:0 auto;

• Ocultar el scroll vertical de los textarea en IE: En IE se muestra por defecto el scroll vertical en los textarea. Para ocultarlos siempre que no sean necesarios con esta sola propiedad será suficiente.

  textarea{overflow:auto;}

• Forzar saltos de página al imprimir un documento: Con esta linea de código, podemos controla los sitios donde deseamos que haya un salto de página al imprimir nuestra (valga la redundancia) página.

  h2{page-break-before:always;}

• Ocultar los bordes de los enlaces activos:

  a:active, a:focus{outline:none;}

Espero que os sean de utilidad .

Buscador de imágenes libres y/o gratuitas

Leyendo Kabytes he descubierto un buscador que tenía ganas de encontrar, se acabó el ir de web en web buscando la imagen que necesito:

Cyclops rastrea entre los principales sitios de imágenes (al momento de escribir esta entrada en: BigStockPhoto, Cutcaster, Flickr, Fotolia, Photos.com, Shutterstock, stock.xchng y stockvault) en busca de imágenes libres y/o gratuitas (o de bajo coste) según lo establecido en la búsqueda.

Los resultados los muestra agrupados por pestañas según el sitio donde las haya encontrado. Fácil y sencillo.