RUDEWORKS / El blog-portfolio de RUDE

10/08¿Cometes alguno de estos errores de layout en tu blog?

1

Esto es una adaptación al castellano (ojo, no traducción) de un artículo que me he encontrado en un blog llamado Wisdump.

Hay 4 errores básicos:

  • Layout fluido: Tuvo su hype, pero yo siempre he pensado que los afortunados poseedores de un iMac 24” deben pasarlas canutas con los blogs de este tipo. Entre 15 y 20 palabritas por línea es bastante decente ya, a no ser que el tamaño de la tipografía sea realmente gigantesco, en ese caso, viva lo fluido.
  • Demasiado alargado (a lo ancho): Más o menos el mismo tema de antes, pero esta vez tratándose de un layout fijo. Ya os comenté en un post que me parece un poco demasiado pronto para decir que el layout perfecto hacía 960px, es pecar un poco de horror vacui, ¿no? Esto nos lleva al siguiente punto.
  • Insuficiente espacio blanco (o negro): El espacio negativo, o vacío de contenido, en los blogs ayuda a la comprensión del espacio, separación de secciones y claridad en la lectura, no lo petéis de banners y widgets.
  • Información importante en el footer: Queda muy bonito eso de poner un footer enorme lleno de información, menús y chorradas varias para llenar hueco, pero no hay que despistarse, un porcentaje alto de visitantes puede que no llegue a esa profundidad y se esté perdiendo la mayor parte del contenido de vuestro blog.

29/05La propiedad outline de las CSS

2

CSS outlineAyer me avisaron de algo que realmente me puso un poco los pelos de punta y que ni se me había pasado por la cabeza. Existe una propiedad de las CSS que controlan esos recuadritos de puntos que aparecen al clicar sobre un enlace, no tienen nada que ver con el layout y solo tienen importancia en el plano visual. Es por esto que en algunos sitios se nos indica como eliminar dicho elemento.

Pero esta línea de puntos juega un papel mucho más importante a la hora de navegar de forma accesible, sólo con teclado, dado que marca en qué posición tenemos el cursor cada vez que pulsamos el tabulador. Por lo que veo puede implicar incluso temas legales… Mal rollo.

Es por esto que he actualizado mi CSS inicial para que no lo incluya por defecto, aunque sí como comentario informativo.

PromSite