El efecto Parallax es una técnica que consiste en aplicar el efecto de profundidad a través de capas, utlizando principalmente CSS. Con esto podemos simular un pseudo-3D dentro de un escenario. Esta técnica es prácticamente la misma utilizada en los juegos 2D donde el personaje se mueve por su mundo (Sonic, Mario, etc) y el fondo se mueve en diferentes velocidades, simulando profundidad. Esta es una técnica muy limitante, ya que se necesita mucha creatividad para encontrar un uso práctico que impacte al usuario y que principalmente no sea un estorbo en la navegación del sitio.

Siempre que viaje me traigo libros, ya que en Chile son muy caros y no incentiva siquiera pensar en comprar uno. En un viaje a Brasil me traje uno que hace mucho tenía ganas de leer: Don’t make me think, de Steve Krug. A primera vista es un libro bastante delgado, lo que me incentivó a leerlo durante ese mismo viaje. Su temática es muy precisa: aborda el concepto detrás de la usabilidad web, y el sentido común para lograr una exitosa experiencia por parte del usuario.

#27 – 14 Mayo 2008

Una de las grandes limitaciones de diseño web está en el manejo tipográfico, ya que tenemos una escasa gama de tipografías disponibles a la que podames aspirar que posean todos los usuarios. Hablamos de Arial, Helvetica, Verdana y Tahoma para las sans-serif (palo seco); Georgia, Times/Times New Roman para las serif y Courier/Courier New para monospace. Y sería, tenemos limitada la creatividad con eso. Si pensamos en utilizar una font especial, lo único que tenemos es recortarla como un GIF y ponerlas con alguna [técnica de text-replacement][1]. Pero ya existe sIFR. Acrónimo de Scalable Inman Flash Replacement, es una técnica que permite que reemplaces elementos de texto con equivalentes en Flash. sIFR es una solución cross-browser y_cross-platform_ para asuntos de tipografía en la web.

Eran mediados de los ’90, y nadie vaticinaba los acontecimientos que desencadenarían la actual crisis de los estándares, efectos que aún persisten. Browser Wars fue la competencia entre web browsers o navegadores web por la dominación del mercado. Para ser más precisos, fue la lucha entre 2 compañías, Netscape y Microsoft por imponer sus navegadores por sobre el otro y así obtener más usuarios. Decorría 1995 y la web ya tenía la atención del público online. Netscape Navigator fue el primer gran browser para navegar en la web en esos tiempos, y Microsoft divisó el potencial económico de la web, por lo que compró licencias del pequeño browser Mosaic para crear su primera versión de Internet Explorer 1.0, la cual fue incluída en el paquete de su sistema operativo Windows 95. Meses más tarde salía Internet Explorer 2.0, y la guerra era ya evidente. El objetivo de Microsoft era dirigir la atención de los usuarios de la web hacia sus productos, apuntando la página de inicio de su navegador hacia su propio sitio web. Dado a esto, Microsoft pudo distribuir Explorer sin cobrar por ello. La carrera por nuevas versiones, tanto de Netscape Communicator como de Internet Explorer no se hizo esperar, donde se daba prioridad a nuevas funcionalidades más que la corrección de errores de sus versiones anteriores, dando como fruto productos inestables, muchos fallas de seguridad y lenguajes cada vez más propios que estandarizados. Con esto fue común verse imágenes del tipo “Mejor visto en Netscape” u “Optimizado para Internet Explorer”. Esto indicaba los bandos contrarios que estaban ya marcados.

La idea de una hoja de estilos que muestre evidentemente un marcado HTML deficiente o anticuado no es de nada nueva. Ya Eric Meyer hizo referencia a esfuerzos para desarrollar estilos que diagnosticaran etiquetas o atributos mal utilizados o llanamente obsoletos dentro de una página web. El objetivo es tener un grupo de estilos que puedan ser aplicados durante la fase de desarrollo (o armado) de un sitio web, o durante el análisis para un rediseño.

[Ventanas modales][1] actualmente hay por montones, cada una ofrece mejores prestaciones y se comportan relativamente bien dentro del entorno de desarrollo al cual fueron creadas. [Lightbox][2] fue uno de los primeros, [Thickbox][3] uno de los más completos, Greybox, Lightwindow… enfin. Hace poco descubrí el que creo es el que va más allá de todos, y que merece una especial atención: Shadowbox. Shadowbox es una ventana modal escrita enteramente en Javascript.

La propiedad CSS para white-space no es muy conocida ni muy utilizada, pero sí tiene una importante utilidad al momento de diagramar textos. Son esos detalles finos que marcan la diferencia entre un escritor de código web, y un power master pro en estilos.

Este artículo fue actualizado. Document Object Model, o DOM, o Modelo en Objetos para representar Documentos es una modelo en que los scripts pueden acceder y modificar dinámicamente el contenido, la estructura o los estilos de documentos HTML. A través del manejo del DOM se permiten las actualizaciones en tiempo real de contenidos, envío de formularios asincrónicamente, etc. O sea, es la base del funcionamiento de los rollovers, del onclick, de AJAX.. Se utilizó por primera vez en Netscape Navigator 2.0. El entendimiento del DOM es la base para entender la programación web.

#26 – 02 Abril 2008