xoyaz - Un blog de diseño

Mi jefe tiende a veces a realizar preguntas ocasionales del tipo: - Cual es el sitio que más visitas?, cual es el servicio web 2.0 que más usas?, cual es tu reader favorito?, etc. En estos días, de momento me preguntó mi jefe: - cual es la etiqueta HTML que más odias?. No lo tube que pensar mucho tiempo y respondí: - La etiqueta div. Se quedó mirándome como solo se mira a alguien al cual no logras comprender. Después de un segundo y en tono molesto hablando para todo el mundo agrego algo como: - Este man es muy raro y se dirigió a su puesto de trabajo sin indigar en mi respuesta. Con ánimo de generar algo de controversia comenté que en HTML 5 desparecería la etiqueta div, lo cual no es cierto xD. Un desarrollador que se encontraba cerca me preguntaba como podría desaparecer la etiqueta div si ésta era el “ladrillo” actual de la web.

Bueno creo que escribiré este artículo intentando aclarar mi punto de vista, sobre porque “odio” la etiqueta div , creo que no sobra decir que no encuentro muy lógico odiar algo a lo cual no le puedo hacer daño xD. Se dice que HTML 5 tal vez este implementado efectivamente en unos 13 años. HTML 5 es un estandar que intenta acercarse a un contenido más semántico. Una de las “mejoras” en HTML 5 es que se agregan etiquetas que reemplazan a la etiqueta div en varias estructuras cotidianas, con el objetivo de describir su contenido y de esta manera que las maquinas lo puedan entender, como un “tipo” de contenido particular, lo que no sucede actualmente con la etiqueta div pues esta no significa nada.

La etiqueta div se utiliza para fragmentar información y poderla controlar, pero como no existe una forma en el marcado para referirse a un tipo de información específica, se alude frecuentemente al atributo class=”" para controlar este contenido mediante div y se puede llegar a cometer el error de solo utilizar esta etiqueta para controlar todo el contenido. Diagramar tablas con div, realizar listas con div en vez de usar ul ó ol y estructuras por el estilo. Su flexibilidad es un problema para la semántica y la accesibilidad.

Allowing div elements to contain phrasing content makes it easy for authors to abuse div, using it with the class=”" attribute to the point of not having any other elements in the markup. This is a disaster from an accessibility point of view, and it would be nice if we could somehow make such pages non-compliant without preventing people from using divs as the extension mechanism that they are, to handle things the spec can’t otherwise do (like making new widgets). the div element

La etiqueta div actualmente se queda corta para describir el contenido, y se explota demasiado solo con fines de visualización. HTML 5 es más específico, si nos referíamos al div class="header" en HTML 5 podemos referirnos a la etiqueta header las funciones que hacíamos con div sencillamente las realizaremos con otras etiquetas. Las estructuras tienden a hacerse más específicas para brindar más control y flexibilidad. Será más sencillo controlar una estructura mediante CSS, y las estructuras serán más limpias. A list Apart tiene un apartado sobre lo que viene en HTML 5

Bueno espero no haberme alejado mucho del punto, creo que la etiqueta div tiende a desaparecer. Aunque sobre todo la necesitamos los diseñadores. Nos encanta porque en situaciones “extrañas” nos saca fácilmente de los problemas, tal vez debido a esto nunca desaparezca. Aunque si tenemos todas las etiquetas para describir un contenido, para que utilizar div

Håkon Wium Lie, describe un echo con el que muchos ya nos hemos acostumbrado en la Web. La limitación de las fuentes. Aprovechando que el CSS cumple ya 10 años, se hace una especie de balance sobre los avances y cambios que ha sufrido. Tomando como punto central el estancamiento que padece Internet para el soporte universal de las fuentes de manera natural, pues existen alternativas para embeber fuentes específicas en el diseño para la Web, es el caso de Sifr.

En primera instancia en su artículo Microsoft’s forgotten monopoly Håkon expone el monopolio que posee Microsoft con el uso de las fuentes para la Web desde el año 2002 cuando decidió cancelar el proyecto Core fonts for the Web y la alternativa del CSS2 para utilizar fuentes para la Web, que carguen fuera de la maquina local, teniendo en cuenta que las fuentes cargadas solo podrán ser utilizadas por el navegador.

En CSS @ Ten: The Next Big Thing nos reitera la necesidad de brindar a la comunidad del “diseño” libertad para el uso de las fuentes para la Web y nos demuestra la forma para implementarlo.

En el artículo no se abordan las consecuencas o aspectos sociales que esta “liberdad” pueda generar en la cuminidad. Es cierto que esta libertad puede generar muchos problemas de diseño, pero no uno ajeno a la realidad del diseño, pues cualquier persona puede elegir utilizar una herramienta de manera inadecuada. Actualmente pocos navegadores soportan web fonts la idea es hacer que esto cambie, haciendo sensible la necesidad tener la libertad así como en los medios impresos, de poder elegir como se visualizará el contenido de nuestros sitios.

Cambios en CSS con el último Internet Explorer 7 RC1, desde Cristalab, nos llegan una pequeña referencia de lo que se implementará, así, que saca tu lista de hacks por descartar.

Apuesto que no te lo esperabas, sinceramente desconfiaba del vínculo, incluso despues de estar cargando el Demo pensaba que no iva a funcionar. NO es la versión final, pero ya puedes navegar. Claro si quieres trabajar en el projecto solo es que tomes el código y lo trabajes a tu antojo.

3D dinámico CSS y DOM
Demo online (Opera o Firefox)
Descargar [192K]

Lo mejor para conocer el diseño contemporaneo, basado en estandares, XHTML y CSS. Estoy seguro que solo visitando estas galerias, nos podemos llenar de animos y de inspiración para continuar desarrollando nuestros proyectos. Ademas siempre se puede explorar un poco el código, la génesis de ese hermoso diseño. Aquí algunos sitios que visito y los tengo en mis vínculos de CSS, si conoces mas sitios postealo aquí. Todos estan en ingles, pero el buen diseño es global.

stylegala: Un foro de gran calidad, puedes opinar sobre los diseños.
Zengarden: El proyecto de David Shea Mas de 900 estilos CSS para la misma página.
CSSbeauty: Gran galeria de sitios en CSS con un foro muy particular, el foro no consta de un “Muestranos tu trabajo” o un “Sala de exhibición” para los usuarios normales, pero si tienes problemas con tu sitios, te prestarán gran ayuda.
CSSmania: Mas CSS.
CSSremix: Nacio en Marzo del 2006 y esta cobrando fuerza.
CSSvault: Gran galeria tradicional de trabajos CSS

CSSplay: No es una galeria de sitios sino de recursos. Quieres ver que tan potente es el CSS? (U_U) aquí puedes salir de dudas y aprender demasiado, así seas un experto.