Diversas aproximaciones a las nubes de etiquetas
Las nubes de etiquetas son, sin lugar a dudas, una de las señas de identidad de la “web 2.0″. Las empezamos a ver en sitios como del.icio.us pero, entre servicios online que generarán una para tí, plugines para los CMS más populares y la nueva versión de WordPress con etiquetas integradas, pronto todo el mundo podrá disponer de una cómodamente.
Lo normal, a la hora de dar estilo a una nube de etiquetas, es utilizar variaciones en el tamaño de la tipografía y su grosor. Así, por norma general, las categorías más importantes, con más contenido, aparecen en un tamaño y grosor mayor. No obstante, esta aparente estandarización del aspecto de las nubes de etiquetas parece empezar a preocupar a los diseñadores.
Hoy en CSS Tricks he visto un planteamiento novedoso para las nubes de etiquetas: En lugar de jugar con el tamaño de las letras, han decidido jugar con el padding de las cajas. Así, a mayor caja, mayor importancia.
Es una solución interesante pero supone algunos inconvenientes:
En primer lugar se pierde la capacidad de identificar a simple vista y sin esfuerzo las categorías más relevantes.
Además, en el ejemplo se han apoyado en el uso del color lo cual nos hace más sencilla, a todos los que contamos con una visión correcta a nivel de colores, la comprensión de la idea pero ¿sería igual de comprensible visto en blanco y negro?
Y en tercer lugar, procurad emplear bien las pseudoclases para los enlaces, de tal forma que no haga falta tener ratón para apreciar el efecto mouse over (recordad, los selectores deben seguir un orden para que funcionen correctamente: link, visited, hover, active, focus)
El artículo con el código empleado y un ejemplo en funcionamiento lo tenéis, en inglés en: Tag Cloud with padding thickness
