Escenario: Tienes un cliente que te pidió un site donde tienes que publicar catálogos productos en un grid. ¿Qué usas para hacer el grid? ¿Full CSS o pones una tabla que es mucho más rápido?
¿Cómo sería el mantenimiento en un futuro a usar tablas?
La solución en CSS necesita algunos hacks tanto para FF como para IEs, vale la pena esto?
¿Es semánticamente correcto usar un grid hecho con una tabla?
¿Al usuario le importa?
¿El sitio funciona de la misma manera?
Escribo este post porque me encontré otro que habla del tema y en los comments se pone buena la alegata, les paso la liga. ¿Tú que harías?
You know, we've all been there. We want to make it work with CSS. But sometimes it's just not worth the effort. The hacks and conditional comments ruin our clean markup. And we spend hours trying to make a simple layout work. Occasionally, we have to remind ourselves that we've done enough and it's time to move on.
Es cierto que toma más tiempo, pero es mejor, es cierto que a veces es frustrante, pero al final siempre aprendes algo nuevo.
Un artículo muy interesante sobre el uso de algunos recursos de CSS2 que nos permiten forzar a un div a que se comporte como una tabla. Lo malo de todo esto es que no lo soporta el IE6 ni el IE7. Leer el post aquí.
Si usabas esta barra antes y al actualizar a FF3 dejó de funcionar hay buenas noticias, no se exactamente desde cuando, pero ya funciona bien en FF3. Aquí puedes descargarla.
Este es otro sitio que terminé hace poco, pero que no se porque no lo había publicado. El proyecto fue hecho para Plaza Las Palmas un complejo de oficinas acá en la ciudad de Hermosillo. El sitio está hecho en HXTML + CSS. Si le ven algún bug les agradecería que me lo hicieran saber. Visitar sitio de Plaza Las Palmas.
Si tienes alguna vez la necesidad de mostrar gráficas en tu sitio te recomiendo AmCharts, que es lo que usamos en este sitio para desplegar la gráfica de dona. Es uy flexible y tienes control sobre como se ve, ángulo, colores, altura, etc. Los datos se alimentan desde un archivo de texto o bien pueden ser alimentados dinámicamente. Puedes usarlo de forma gratuita sólo que te dejan una liga en la parte superior de la gráfica. Si no te importa esto puede ser una buena opción.
Recién terminé este sitio para Los Santos Residencial, una colaboración entre Miguel Ayala y Trost.
A nivel de código el sitio fue relativamente sencillo pero presetnó algunos pequeños retos con el CSS. Usé más flash de lo que normalmente uso pero creo que la dosis de flash que tiene le ayuda. El sitio esta hecho completamente en XHTML + CSS y validan :). Sitio de Los Santos Residencial.
Este es un efecto interesante, los contenidos hacen fade al llegar al bottom de la página, esto se logra con un gradient en .png de blanco a transparente y con un z-index elevado para asegurarte de que quede encima de todo. ¿quiéres impresionar a tus clientes? :p