| |

Cómo hacer una tag cloud ‘perfecta’

ByLuis

tagcloud.pngAlgo típico de la Web 2.0 son las tag clouds o nube de etiquetas, las cuales muestran las etiquetas definidas en nuestra sitio, variando el tamaño de la letra según la relevancia del tag.
Se trata de algo muy vistoso y que cumple bien su objetivo, acceder a lo más importante de forma rápida. El problema está cuando queremos implementar nuestra propia tag cloud (claro, que nos podemos dejar de romper la cabeza y buscar alguien que ya lo haga). Por ejemplo, si la nube tiene scroll, ya sea por la cantidad de tags o por la ventana del usuario, la finalidad de que los más destacados sean los más visibles puede fallar si alguna etiqueta importante queda oculta por el scrolling.
Con este problema y muchos otros se ha encontrado Kevin Hoffman y por ello se ha creado un documento en el que explica cómo resolver esos problemas (o al menos intentarlo).
Whitepaper : In Search of the Perfect Tag Cloud
Via / dzone

Similar Posts

SiteVista: testing de tus páginas en navegadores

ByLuis

sitevista.pngSiteVista es un servicio de pago que nos permite enviar una url y ver cómo se muestra en diversos navegadores, resoluciones de colores y tamaños de ventana.
Entre los navegadores admitidos se encuentran Internet Explorer (versiones 6, 5.5, 5 (Win y Mac) y 4), Netscape Navigator (versiones 8, 7, 6 y 4), Firefox, Mozilla y Safari. Las resoluciones que admite son 640×480, 800×600 y 1024×768 y los colores 256, high color y true color.
La velocidad de respuesta no está mal del todo, a parte de que te muestren estadísticas sobre uso de navegadores que te pueden ayudar a decidir si das soporte a un navegador o no.
Entre las características que ofreceran en un futuro, encontramos cosas que no he visto en otros sitios parecidos a este, como videos que muestran la carga con limitación de ancho de banda, como se verían las páginas por personas con problemas de visión y mp3s que reproducen lo devuelto por screen readers.
A parte tienen un sistema parecido al de las páginas web, que comprueban cómo quedan los correos en diferentes clientes (Google Mail, Hotmail, MS Outlook, …)
SiteVista
Vía / BitSignals

| |

Laboratorio: filtrado de tablas

ByLuis

Leyendo una de las entradas de Usolab, en la que habla de colocar filtros en las tablas: Icono para el control “filtrar”, no he podido resistirme a llevar a cabo tan buena idea.
filtrado-tablas.png

En el ejemplo voy a seleccionar una tabla, y modificarla para admitir ordenación por columnas, filtrado mediante expresiones regulares y distinción de filas alternas. Además de incluir un icono en el filtro que indica el estado de filtrado.

Lo primero que debemos hacer es seleccionar la tabla en cuestión y tratarla, modificando la cabecera (th) incluyendo un enlace para poder ejecutar la acción de ordenar, un icono que indica qué columna está ordenada y en qué sentido y una caja de texto para indicar el filtrado.

La caja de texto tiene la particularidad de mostrar un icono que indica el estado del filtro, cuanto más lleno esté de “líquido”, más mostrará. Para lo cual usamos una imagen como fondo de la caja de texto e iremos moviendo verticalmente para mostrar los distintos estados.
filtro.gif

Read More “Laboratorio: filtrado de tablas”

|

El nuevo Flickr: Colores de fondo, por favor

ByLuis

flickr-gamma.png Si ya el rediseño de Techcrunch es vulgar, los cambios en la interfaz de Flickr, especialmente en la desaparición del gris como color de fondo en la navegación del header y el footer, solo hace abundar en la confusión. Tanto blanco se me hace aburrido. Incluso han eliminado el border de las fotos.

Austeridad al estilo Google en esta nueva fase bautizada como Gamma, pero se equivocan. En Flickr se navega interior y jerarquizadamente en el que referencias visuales, como pueden ser diferentes colores de fondo, son efectivas.

Entre las mejoras, ahí sí que han acertado:

  • Más protagonismo del buscador y los feeds (grupos incluidos).
  • Los sets lo sitúan ahora a la derecha que después de las conclusiones del Eyetrack III, el modelo de plantilla con lateral a la derecha es el que capta con mayor rapidez el contenido principal, en este caso las últimas fotos publicadas.
  • Potenciación del Organizr.

Flickr Gamma en la blogosfera:

Más en: Technorati | Agregax

ForumMatrix: ayuda para elegir herramienta para foros

ByLuis

forummatrix.pngSi te encuentras en la situación de querer instalar un foro en tu sitio web y no sabes cual elegir, entonces ForumMatrix va a serte de mucha utilidad ya que te facilita esa labor.
Mediante la comparación de características de los distintos foros, podemos saber cual es el que más nos conviene. Las características se agrupan por generales (lenguaje de programación, licencia, precio, utf-8), almacenamiento de datos (diferentes bases de datos o hosting), post (si admite emoticones, HTML, editor WYSIWYG), foros (categorías, subforos), notificación (feeds, email), comunidad (avatares, karma, mensajes privados), moderación, búsquedas, personalización (idiomas, plantillas), características especiales, anti-spam y manejo de datos.
A parte de la comparación, dispone de un wizard que nos ayuda a elegir cual nos conviene según unas preguntas que nos realiza. De los creadores de ForumMatrix también existen otros comparadores interesantes: WikiMatrix, PodcatcherMatrix.
ForumMatrix
Vía / blogoff / Desarrollador.info

|

Deja vu

ByLuis

Leyendo el post de Ricardo Galli y los comentarios sobre la caída y reestablecimiento del server de Menéame durante esta semana, que además ha coincidido con la migración (gigante) de servers de Bitacoras.com (Page Rank 7) con la que resuelven la inestabilidad de semanas atrás, nos ha hecho pensar nuevamente sobre las etapas cíclicas por las que pasan toda iniciativa de éxito en la comunidad. Y especialmente, los estados de ánimo de los que las disfrutamos.
Un organismo vivo con rabo de lagartija que lee a Cela.

| |

Posicionamiento y estilo de las imágenes en los lectores RSS

ByLuis

Este verano cuando hicimos las plantillas (web de uso interno) de Blogia 2.0, uno de los elementos que cuidamos fue el de dar estilo a las imágenes cuando el autor elige la posición de la imagen desde el editor WYSIWYG.

cssimg-feeds.jpg

Desde entonces, nos preguntamos por qué los lectores RSS, sobre todo los on line, no incluyen unas líneas de CSS para respetar el posicionamiento de las fotos que incluimos en los posts. Requerería de una estandarización ya usada ampliamente por muchas css blogueras pero no en la de los lectores de feeds.

Con 3 clases sería más que suficiente:

/* --- Img's post -------------------- */
img.left, img.right, img.center {
border: 3px solid #d0dfc3;
padding: 3px
}
img.left {
float: left;
margin: 0.5em 1em 0.5em 0;
}
img.right {
float: right;
margin: 0.5em 0 0.5em 1em;
}
img.center {
margin: 0 auto 10px auto;
display: block;
text-align: center
}

Que sepamos, solo Bloglines contempla img.left pero sin preocuparse excesivamente de darle un estilo cuidado.