403 day: Una iniciativa arrogante en defensa de la web

En esta primera y ojalá última edición del día 403 (4 de marzo de 2008) denegamos el acceso a nuestros sitios al navegador Internet Explorer.
La aplicación de estándares en el desarrollo web permite que los sitios funcionen y se vean correctamente en casi todos los navegadores. Por desgracia, Internet Explorer, el navegador con mayor dominio de mercado, presenta serias deficiencias en la implementación de los estándares. Como consecuencia, los desarrolladores tienen que hacer trabajo extra para que quienes lo usan disfruten de una buena experiencia. Eso cuesta dinero. Y cabellos, muchos cabellos.
Por la salud de miles de trabajadores: no rompas la web, usa otro navegador.

403day una iniciativa arrogante en defensa de la web

Aprovechar la transparencia del formato PNG en el diseño web

Para aquellos que tienen un elevado sentido de la estética y que saben hacer maravillas con programas de diseño gráfico (obviamente, no estoy hablando de mí), seguramente les resultará interesante el artículo Creative Use of PNG Transparency in Web Design, que ha publicado recientemente en la revista Digital Web Magazine el autor Jeff Croft.

En el artículo, como bien anuncia su título, podemos ver algunos ejemplos del uso de transparencias en imágenes con el formato PNG con resultados atractivos, y que son muy útiles en determinadas circunstancias.

Además, hace un breve repaso de los otros formatos de imágenes que más se utilizan en internet: JPEG y GIF.

Expresiones de Zen en los bonsais y su aplicación en el diseño web

Leyendo el título, parece que el discurso de este artículo va a tratar sobre CSS Zen Garden, y las virtudes de separar la presentación del contenido en una página web. Pero no es así, aunque todo puede ocurrir 🙂

Comencemos por el principio. Hace poco he pedido prestado de la biblioteca un libro:

Título
Bonsai
Autor
Peter Chan
ISBN:
84-329-1659-5

En las primeras páginas de este libro se habla de los principios estéticos chinos y japoneses, que tienen su origen en el taoísmo y el zen (budismo chino-japonés). Estos principios son los conceptos de wabi y sabi. Lo que cuento a continuación, se ha extraído de ese libro. No es una copia literal, pero se parece bastante 🙂

Wabi y sabi

Literalmente, wabi significa pobreza. Pero maticemos más este concepto, no se trata de tener o no tener posesiones, hablamos de la no dependencia de las posesiones materiales. Quiere decir que una persona puede ser rica interiormente, teniendo pocas posesiones.

Desde el punto de vista intelectual o artístico, el wabi se asocia con las cosas simples de la vida, con las personas que no caen en complejidades estructurales, ni en el exceso de adornos. Como dijo el poeta “una cruz más sencilla carpintero”.

Sabi significa soledad. Pero de nuevo hay que matizar el concepto para entender mejor sus implicaciones en términos estéticos. El término sabi está relacionado con la antiguedad, como por ejemplo con los utensilios usados en la antigua ceremonia del té. Así, también puede significar imprerfección antigua a propósito y ausencia de sofisticación.

Uniendo estos dos conceptos, obtenemos siete características que se consideran expresiones Zen de una obra de arte.

  • Wabi: Libertad de ataduras, profundidad sutíl
  • Sabi: Sublimidad austera, asimetría
  • Wabi y Sabi: Simplicidad, tranquilidad, naturalidad.

Y ahora desarrollemos un poco estos conceptos

  • Asimetría: En los bonsais (¿recordáis?, hablámos de un libro de bonsais), la mayoria de los diseños son asimétricos en la forma y el balance. Muy pocas composiciones necesitan ser simétricas: la armonía se consigue mediante un balance de la masa visual, el espacio abierto (o espacio en blanco) y las proporciones adecuadas.
  • Simplicidad: A veces, en campos como la filosofía y la ciencia, los pensamientos más profundos se expresan en términos simples. Un exceso de decoración (hablando de bonsáis) en la maceta o el árbol, resta méritos al diseño.
  • Sublimidad austera: Todas las partes sobrantes deben ser eliminadas, manteniendo únicamente los elementos esenciales que se requieren para transmitir el mensaje del artista. Un bonsái se puede diseñar mediante una aproximación minimalista: fuertes líneas del tronco y pocas ramas y follaje.
  • Naturalidad: El propósito de los bonsáis es crear una obra “natural” en una maceta. Debe evitarse cualquier rastro de artificialidad: el objetivo es observar y copiar las características de la naturaleza para crear una impresión de lo accidental ó incidental. Como si no se hubiese tocado por el hombre.
  • Profundidad sutil: Es un término complejo, y de difícil transmisión implica insinuaciones de inagotabilidad y reverberaciones interminables. Hay una sugestión de profundo espacio que implica alguna escondida habilidad o cualidad.
  • Libertad de ataduras: Romper con los convencionalismos, costumbres, ser original,…
  • Tranquilidad: Esta característica, un profundo sentimiento de calma profunda y reposo, está muy asociada al arte chino y japonés y también está presente en los bonsáis.

Después de toda esta explicación, conviene recordar el diseño original de CSS Zen Garden, y visitarlo de nuevo. ¿Comprendéis mejor el diseño ahora?

Si de vuelves atrás, a ojear las características consideradas como expresiones Zen de una obra de arte (ya sabes, asimetría, simplicidad,…) perfectamente se pueden extrapolar a otros ámbitos de la web, como por ejemplo la usabilidad (al menos con algunas características), o incluso el código fuente de una página web (ya sabéis the code is poetry).

Quizás esta analogía te parece demasiado forzada. Ten en cuenta que cuando empezé a escribir esto, estaba de baja con faringitis, otitis y una infección en un ojo. De todas formas te reto, de forma elegante y amistosa, a encontrar similitudes con otras obras, artes, escritos, libros,… que aparentemente estén muy alejando del diseño web. Por pura diversión. 🙂

The Web Standards Project, y sus embajadores (International Liaison Group)

The Web Standards Project, ha creado un grupo, denominado International Liaison Group, ¿qué es exactamente?

El Grupo de Enlace Internacional (ILG en inglés) del WaSP (Web Standards Project) es un colectivo internacional de profesionales de internet que promueven el uso global de los estándares para asegurarnos una Internet igualitaria.

Web Standards Project International Liaison Group

¿Y cuáles son sus objetivos?

El WaSP ILG consiste en personas que viven y representan al mayor número de países posible para:

  • Discutir e informar al público sobre estándares Web y cuestiones de accesibilidad según se relacione con las prácticas y leyes en países y/o regiones.
  • Publicar información educativa multilingüe.
  • Ofrecer recursos sobre estándares web a través de vinculación como blogs, libros, artículos, presentaciones, código, diseño, visión y liderazgo.
  • Internacionalizar documentos relevantes y recursos para el uso público.
  • Animar y vitalizar la discusión internacional sobre la red.
  • Estudiar como es la red y como debería ser usada en un contexto global.

ILG Objectives

De momento el único representante en español, es Alex Vega, y de momento ha traducido el documento que presenta a este grupo.

Desde aquí… felicidades a Alex Vega 🙂

Colección de esquinas redondeadas con CSS

Inculto de mí, que pensaba que las únicas formas verdaderas de redonedar las esquinas usando CSS era las mostradas por Caótico Neutral en su excelentes artículo Redondeando esquinas (I) y Redondeando esquinas (II), pero no es así.

En Smiley Cat, han recopilado alrededor de cincuenta formas para redondear esquinas: CSS Rounded Corners ‘Roundup’. Y lo mejor de todo es que prentende seguir aumentando la lista que de momento ronda los cincuenta métodos. La lista es casi tan larga como la de los Reyes Godos que algunos olvidamos a los pocos segundos de memorizarla en el colegio, por aquí, por España.

Por cierto, no nos olvidemos de un método, que no funciona en todos los navegadores pero sí en los de la Familia Firefox, y es mediante el uso del estilo -moz-border-radius: (de momento no forma parte de las recomendaciones de CSS), que podemos ver funcionando en  algunas páginas del sitio web de inkel, por ejemplo en su blog ({ ?sujeto ?predicado ?objeto } => “Web Semántica”@es)