Estaba escribiendo el CSS para IE 6 y menores del blog, sobre todo porque al usar tantas imágenes con extension .png el blog no se ve muy bien con esos navegadores. Hay muchas formas de conseguir que IE 6 e inferiores (hasta v. 5) sean capaces de mostrar correctamente este formato de imagen.

El problema que tiene el diseño de este blog es que usa pngs como background de algunos elementos y en varios de ellos con la propiedad repeat. Y es aquí donde todas las soluciones que conocía fallaban.

Haciendo un descanso, en el lector de feeds, veo vía aNieto2k que TwinHelix ha publicado una nueva versión de su PNGFix que soporta el uso de pngs como background y el uso de la propiedad repeat.

Para usarlo:

• Descargar la última versión del PNGFix
• Subir los archivos iepngfix.htc y blank.gif a tu servidor.
• Añadir el siguiente código en tu CSS:

 img, div { behavior: url(iepngfix.htc) }

Si vamos a usar un png como fondo de enlaces, inputs, botones… hay que añadir estos elementos en la declaración de CSS:

 img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }

Uno de los elementos mas importantes a la hora de llevar a cabo un diseño web es la elección de las tipografías a usar. No es lo mismo una web en la que tan solo se use una fuente para todo el texto, que esa misma web con Verdana para los titulares, Helvetica/Arial para el contenido…

Typetester es una herramienta online con la que poder ir probando diferentes tipografías (hasta 3 a la vez) y ver el resultado que obtendremos.

Entre las opciones con las que podremos configurar la apariencia del texto estan:

• Elegir el texto a mostrar
• Espaciado entre letras, palabras y lineas
• Tamaño
• Color de la fuente y del fondo

Además, al elegir la fuente que queremos probar, vemos que estan divididas en 2 grupos, el seguro y las que vienen con Windows por defecto.

The Password Meter es una herramienta online que permite comprobar la seguridad de las diferentes contraseñas que uses.

Para probar la nuestra, tan solo tenemos que escribirla y a medida que escribimos o la modificamos podemos ver la puntuación obtenida. Es bastante interesante ver como se incrementa la seguridad de la contraseña con tan solo introducir minúsculas y mayúsculas, así como ver que las contraseñas numéricas no son capaces de alcanzar una buena puntuación.

En la imagen la puntuación obtenida por una contraseña a menudo utilizada por muchos: 123456.

Imagina que has encontrado un artículo muy interesante y quieres compartirlo con los lectores de tu blog. Normalmente, harías una pequeña introducción y pondrías un enlace al artículo en cuestión, pero… ¿y si quieres destacar partes del contenido del artículo?

Pues bien, si introducimos la url del artículo que queremos compartir con nuestros lectores en: Awesome Highlighter, aparecerá en pantalla la página introducida y con nuestro ratón podremos ir subrayando las partes del texto que queramos destacar (se pueden usar 4 colores diferentes). Si queremos también podemos añadir notas tipo post-it.

Una vez hemos terminado presionando el botón amarillo Done obtendremos el enlace que permitirá a cualquiera que lo visite ver el texto que hayamos destacado y/o las notas que hayamos dejado.

Puede valer como ejemplo la portada del blog subrayada