A los que conozcais css Zen Garden os resultará familiar. Mientras en Zen Garden los estilos se usan para formatear una página, en CSS Table Gallery se usan para formatear tablas de datos.

Interesante para inspirarse y aprendrer.

Algunas propuestas que me han gustado:

• chives’ tables
• Candy
• Blaugrana 

Entre los cambios más importantes destaco:

• Diseño gráfico más actual.
• El ancho de la web pasa a 1024 pixels.
• El largo menú lateral con los deportes ha pasado a la cabecera.
• Se amplian los tamaños de la columna de destacados, donde está la foto y la entrevista. Lo que les permitirá meter más contenido gráfico.
• Se añade una columna para publicidad.
• Se ha diseñado con capas y css.

Mi primera impresión:

• Destaca la publicidad sobre el contenido.
• Las noticias principales están demasiado pegadas al margen izquierdo. La columna central parte en dos la web dejando a un lado las noticias y al otro la publicidad.
• La parte inferior, antes tipo lista, con las últimas noticias era más flexible y facil de leer. Además, con Firefox se desmonta.
• Creo precipitado pasar a trabajar a una resolución de 1024px de ancho. Por los datos que manejo el 30% de los usuarios todavía navega a 800×600.
• No valida en XHTML, aunque espero que lo haga más adelante (supongo que esa será su intención).

Alessandro ha usado, entre otras, estas técnicas de maquetado: negative margins [EN] y any order columns [EN].

Estos diseños se pueden complementar con las técnicas Faux Columns [EN] y Sliding Faux Columns [EN] que sirven para poder aplicar un color de relleno o cualquier tipo fondo gráfico para las columnas flotantes.

Recientemente publicaron en A List Apart otra técnica de maquetado con CSS muy interesante: In Search of the Holy Grail [EN]. En el que Matthew Levine explica cómo crear un diseño líquido de 3 columnas sin importar su orden en el documento XHMTL. Además no requiere del uso de las técnicas de columnas falsas (faux columns).

Vía Torres Burriel.

1. Hacer click en un enlace te lleva a otro lugar.
2. Después del click, la página desde la que se hizo desaparece.
3. Una nueva página se carga en el navegador, reemplazando a la anterior.
4. Lo primero que se ve es la parte superior de la nueva página.
5. El botón de Atrás te devuelve a la página anterior.

Por lo que hay que ser muy cuidadoso a la hora de romper ese esquema ya que puede confundir al usuario.

Fuente: Jakob Nielsen’s Alertbox: Avoid Within-Page Links

TorresBurriel lo comenta de forma más extensa en su blog: Nielsen alerta sobre links en la misma página.

Tal vez los usuarios no entiendan la organización de tu sitio y te den una última oportunidad usando el buscador.

Según Jared Spool, de UIE Brain Sparks:

El uso de la búsqueda es un indicador de que el esquema de navegación de tus páginas no está funcionando. Arreglalo y las búsquedas en tu sitio bajarán. Hemos comprobado que esto se cumple la mayoría de las veces.

Esta norma no es aplicable por igual a todos los sitios web. Algunos con gran cantidad de información requieren del buscador como herramienta necesaria. Para el resto, sería algo a analizar.

• Experiencia en el manejo de herramientas gráficas y/o diseño multimedia (Adobe PhotoShop e Image Ready, Adobe Fireworks Freehand o Corel Draw, Flash o Director para la creación de CD-Roms…)
• Conocimientos en el manejo de herramientas para maquetación web (DreamWeaver, Flash con Action Script,…)
• Conocimientos básicos de edición de vídeo y audio para Web.
• Nociones de usabilidad y arquitectura de la información.
• Conocimientos HTML, DHTML, CSS y XML
• Creatividad e interés por las nuevas tecnologías.

Si estás interesado puedes rellenar el formulario de Ofertas de Empleo o envíar tu CV a tmartinez [arroba] consoft [punto] es

A List Apart ha sido una de las plataformas que más han abogado por el uso de estándares en el diseño de sitios web. De hecho Jeffrey Zeldman, su alma máter, es el autor de Diseño con estándares Web, un libro de lectura obligatoria para cualquiera que trabaje en la creación de sitios web.

He estado revisando los artículos publicados y siempre han puesto el dedo en la llaga en aspectos que cualquier diseñador/desarrollador web debería tener en cuenta. Artículos en los que se habla de CSS, XHTML, accesibilidad, usabilidad, tipografía, estándares, etc…

En agosto de 2005 cambiaron del diseño del sitio web. Basado en estándares, apoyado por un CMS hecho a medida, con un nuevo sistema de comentarios y una nueva organización de sus categorías. Jeffrey lo explica en A List Apart 4.0.

En cuanto al nuevo aspecto, la primera vez que la vi no me gusto en absoluto, me pareció “retro” y simplona. Pero para ser justos, ahora me encanta. Y cuantas más veces entro más me gusta, por su sencillez, su limpieza y el uso que hace de los espacios en blanco. El uso de la tipografía me parece muy acertado. A pesar de que la fuente de los artículos me parece pequeña y al aumentarla en el navegador se desmonta la página (en Internet Explorer).

Quincenalmente aparecen dos nuevos artículos. Estos son los últimos:

1. High Accessibility Is Effective Search Engine Optimization ( La accesibilidad es una optimización para los buscadores efectiva) por Andy Hagans. Un interesante artículo que nos habla de cómo el cumplimiento de las normas de accesibilidad tiene como efecto colateral la optimización de las páginas para los buscadores. “Puede ser útil pensar en los buscadores como en usuarios con grandes discapacidades: no pueden ver imágenes ni pueden interpretar JavaScript o applets ni pueden ver otro tipo de contenido multimedia.”, escribe Hagans.
2. Design Choices Can Cripple a Website (Las decisiones en el diseño pueden estropear un sitio web) por Nick Usborne. El título lo dice todo. Una mala decisión de diseño puede llevar al traste un sitio web. Así que no hay que dejarse llevar por la intuición sino hacer pruebas antes de tomar una decisión definitiva. Me decepcionó. Como recordatorio está bien pero esperaba otra cosa.