Cuando usamos las tablas para lo que son, mostrar datos, se convierten en elementos realmente útiles. Con una tabla bien planteada podemos transmitir gran cantidad de información en poco espacio, de una forma ordenada y sencilla de entender.
No obstante, cuando nuestras tablas empiezan a acumular demasiados datos puede hacerse confuso consultarlas. Al menos yo si me reconozco haciendo lineas con los dedos por la pantalla para encontrar la unión entre una fila y determinada columna, supongo que sabéis a lo que me refiero.
En los últimos días se han dado a conocer dos aproximaciones a este tema, la solución consiste en variaciones de una idea común: destacar la celda sobre la que coloquemos el ratón así como las línea y columna a las que pertenece.
Por un lado tenemos la solucion de The CSS Guy, una solución totalmente manual con un poquito de javascript [ver ejemplo]
Por otro lado surge Tablecloth, una pequeña librería javascript que incluye una hoja de estilo bastante agradable y múltiples opciones para nuestras tablas. Una solución más rápida y, sin duda, cómoda para los menos avezados con el javascript y las css.
Escoged la que más os guste y no dejéis de hacer vuestras tablas mucho más sencillas de leer, sobre todo si vais a usar tablas largas o complicadas.
Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades
[...] Mejorando la usabilidad de nuestras tablas [...]
Feed RSS de los comentarios de este post.
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Consejos para agilizar el desarrollo.
Excelentes formularios de comentarios para inspirarnos.
Ver más noticias de los usuarios
usabilidad (?)
la usabilidad no es solo de codigo, principalmente visual, aqui alma nos deja las 2 de buena manera. codigo limpio y vuen look.
gracias Alma!
Maria, la usabilidad de un sitio web es simple y llanamente lo sencillo de usar que resulta para sus usuarios. Es independiente de la accesibilidad aun que deberían ir siempre de la mano (un buen código, una buena arquitectura de la información etc.) Por tanto, cualquier elemento, como bien dice Sergio, generalmente visual que facilite la navegación es una mejora en la usabilidad.
Muy buen recurso Alma, justo estaba pensando en algo parecido para maquetar unas tablas en una web, así que me viene genial. La verdad es que no se me había ocurrido buscarlo y lo he encontrado por casualidad al leer tu blog, grata sorpresa
Un saludo.