Bit Elemental se traslada

Pues sí, nos hacemos independientes y pasamos a tener un dominio .es. Gracias a la fuerte audiencia acumulada durante estos meses creo conveniente readaptar este blog, con nuevo diseño, nuevos temas a tratar, nuevas metas… Espero que os guste. Muchas gracias por vuestra visita.

Nos puedes encontrar en:

http://bitelemental.es

Typetester: previsualiza tipografías en CSS

Indispensable herramienta online para diseño web. Typetester nos permite comparar tipografías, variando sus parámetros (tipo de fuente, tamaño en pixels o em, tracking, alineado, etc.) y visualizarlos al instante. Una vez elegidas las opciones que nos interesen, podemos copiar el código CSS y pegarlo en nuestra hoja de estilos.

Vía: El Utilitario

Papel higiénico con Sudoku’s

Si eres de los que les gusta hacer Sudoku’s sin parar, no puedes perderte este fenomenal invento: se trata de un papel higiénico que tiene impresos Sudoku’s en su superficie. Una buena forma de pasar el rato mientras haces tus necesidades…

Enlace de compra: Paramountzone

Vía: PuntoGeek

Firefox 3: Release Candidate disponible

Se acabaron las betas. Ya se puede probar la primera release candidate de Firefox 3 que ha estado en desarrollo en los últimos 33 meses. Incluye 14.000 mejoras/modificaciones respecto a la versión anterior aunque no sea la definitiva.

Logólogos: logos + matemáticas

Logólogos es un blog en el que su contenido se basa en la descomposición de logotipos en ecuaciones matemáticas gráficas. Te puedes encontrar descomposiciones realmente divertidas, como por ejemplo:

Vía: Microsiervos

Pixelians: el arte del píxel

Una gran colección de personajes de cine, cómics, animación… de diferentes ámbitos, creados píxel a píxel, como se hacía en tiempos remotos. Una galería que lleva en pie desde el 2003 y contiene nada más y nada menos que 529 diseños.

Enlace: Pixelians

ColorZilla: visor de paleta de colores en tu navegador

ColorZilla, una extensión para Firefox estupenda para desarrolladores web. Se encarga de reconocer cualquier color utilizado en una página web, permitiéndonos copiar el código de ese color y pegarlo en otro destino.

Esta extensión agrega en la parte inferior izquierda de la barra de estado un cuentagotas. Solo será necesario seleccionarlo para empezar a utilizarlo. Una vez que hagamos clic sobre él, podremos mover el cursor a través de cualquier color que nos llame la atención y automáticamente se reflejará el código del mismo.

Existe la posibilidad de hacer un zoom a cualquier página, hasta un total de 1000%, aumento más que considerable. Para acceder al zoom tendremos que dirigirnos al cuentagotas, pero esta vez hacer clic derecho sobre él y elegir la opción «zoom» y la cantidad de aumento que deseemos utilizar.

Como nota final añadir que los colores que vayamos capturando se irán guardando en un historial, de modo que podremos acceder a ellos simpre que querramos.

Un ejemplo de esta extensión | Descarga la extensión ColorZilla para Firefox

Usabilidad, una lección a tener en cuenta

Según Jakob Nielsen:

Los usuarios web se limitan únicamente a hojear una página, realizando un barrido visual en busca de elementos que llamen su atención.

No importa el diseño que tengas ni la funcionalidad que quieras ofrecer, si tus visitantes no entienden lo que hay que hacer para llegar de un punto a otro, no usarán tu página.

En la mayoria de los diseños profesionales (excepto en diseños de portfolios) necesitas ofrecer a tus visitantes:

• Navegación clara y sencilla.
• Texto de presentación preciso y directo.
• Búsquedas.
• Estructura visible de la página.

Teniendo en cuenta estos factores, se deberían respetar ocho puntos claves que afectan a la usabilidad en la web y que son de vital importancia para el éxito de una página:

1. No uses popups: las ventanas emergentes interrumpen la visita a tus usuarios y requieren una respuesta rápida.
2. No cambies el tamaño de la ventana de los usuarios: el mismo argumento anterior se mantiene en este caso. Algunos navegadores (por ejemplo, Internet Explorer) guardan las dimensiones del navegador y las usan para posteriores sesiones.
3. No uses fuentes demasiado pequeñas: mucho contenido se hace difícil de leer. Se mantiene también para enlaces, botones, formularios, cajas de búsqueda y otros elementos.
4. Enlaces poco claros: los enlaces deben ser precisos y describir el contenido de lo que vinculan.
5. Enlaces muertos: ¿quieres mandar a tus visitantes a un punto sin retorno?
6. Como mucho una animación por página: si el uso de imágenes animadas está repartido a lo largo del artículo es muy difícil para los visitantes centrarse en el contenido de la web.
7. Facilita el contacto contigo: si los visitantes quieren contactar contigo y no encuentran la información de contacto, perderás su interés y confianza.
8. Los enlaces se abren en la misma ventana: los visitantes quieren tener el control de todo lo que ocurre en su navegador. Si quieren abrir en enlace en una nueva ventana, lo harán y sino quieren, no lo harán.

Enlace: Nerv (sobre el artículo aparecido en SmashingMagazine)

Enjuto Mojamuto – El peor día de mi vida

Como todos los jueves, otro capítulo de la famosa serie Enjuto Mojamuto.

Todos Somos Chikilicuatre

Una aplicación bastante graciosa y una forma de apoyar a España en el último evento de Eurovisión. Créate una imagen tuya chikilicuatreada y utilízala como firma en emails, avatar en foros…

Enlace: Todos Somos Chikilicuatre