torresburriel.com » Ajax

Aprender a implementar el Calendario del Yahoo User Interface Library

torresburriel — Sun, 20 Apr 2008 23:46:32 +0000

Hace días que, por una razón o por otra, no ponía una entrada de este tipo en el blog. Y a decir verdad, ya iba siendo horica

Implementing Calendar Control in Yahoo User Interface (YUI)

Lo cuentan en el blog Yahoo! User Interface. Resulta que Dan Wellman ha publicado el libro Learning the Yahoo! User Interface Library. Pues bien, él ha puesto a disposición de quien guste el capítulo para aprender a manejar el YUI Connection Manager (PDF).

Y ahora el editor ha puesto otro capítulo a disposición del personal, que es el que explica cómo usar el YUI Calendar Control.

Así que de este modo, al menos, tenemos disponibles dos buenos documentos de referencia. Claro que el libro molaría más

FW2007. Ajax a Prueba de Balas. Jeremy Keith

torresburriel — Wed, 03 Oct 2007 09:20:44 +0000

Ponencia: Ajax a Prueba de Balas
Ponente: Jeremy Keith

Jeremy Keith es un importante desarrollador web que trabaja para la asesoría Clearleft. Preocupado por la accesibilidad y la elegancia de sus diseños, utiliza tres estándares web claves: XHTML, CSS y DOM. Keith también es miembro del Web Standards Project, en el que co-dirige el Grupo de Trabajo de DOM Scripting. En sus ratos libres, toca el buzuki en la banda de country alternativo Salter Cane, y también es el creador y administrador de una de las comunidades en línea dedicadas a la música tradicional irlandesa más importantes de la Web: The Session.

El contenido es el rey. Hay que partir del contenido. Es la parte semántica. A partir de ahí se empieza a construir el resto: presentación y comportamiento. Está contando el proceso de creación a partir de diferentes capas.

La foto es de Koke.

Está hablando, con un ejemplo concreto y sencillo, del proceso de construcción de contenido a partir de éste, el marcado HTML y CSS para la presentación. está siendo muy didáctico, pero quizá excesivamente simple. No cuenta nada nuevo, hasta que llega a la capa del comportamiento.

Está hablando de aplicar la misma filosofía de separación HTML/CSS a la capa del comportamiento, a través de un indicativo de clase, que tenga un vínculo con un fichero javascript externo.

Hay que prestar atención a la hora de aplicar javascript. Hay que tener cuidado para separar la capa del contenido de la capa del comportamiento. Nos pone dos ejemplos de aplicación de comportamiento con dos enlaces. Introduce el concepto de javascript no intrusivo.

Habla, con bastante buen tino, de preguntarse qué queremos hacer con AJAX. Cómo me gusta esa actitud. Ajax es sólo una manera de explicar algo. Hace referencia a Garret.

Su definición de AJAX es una manera de comunicarse con el servidor sin recargar la página entera. Dice que la definición no es muy sexy, pero es realista.

Contrapone la definición al antiguo uso de los frames. Queda gracioso.

Cuando hablamos de AJAX lo que queremos decir es la combinación de tecnologías: XMLHttprequest.

Ahora empieza a hacer un repaso histórico de la aparición de los componentes de AJAX. Microsoft fue quien implementó el objeto XMLHttpRequest en su versión 5 de IE. Ahora es cuando se ha producido una explosión de interés por AJAX.

Ahora hay un borrador de trabajo del componente dentro del Consorcio del Web.

Hay que decir que la presentación de Jeremy tiene un rollito artístico que la hace diferente a lo que se suele ver por estos lares.

El resultado de ajax es una ilusión de velocidad. Chulo concepto. Se maneja menos cantidad de datos. Comunicación asíncrona.

Hay que hablar de cómo ha funcionado la web tradicional para explicar y entender mejor el rollo de AJAX. Hace una metáfora de cómo funciona la web tradicional, sin ajax. Estamos en un sitio de comida de autoservicio, y vamos comiendo platos, y a medida que vamos teniendo hambre nos levantamos a por más comida. Es una metáfora. Ejem.

Para llevar esa metáfora a ajax, ya no me levanto a por más comida, sino que pillo al camarero y le pido más comida. Ya no me tengo que levantar a por más comida. Se supone que ese es el modelo en el que la página no se tiene que actualizar entera para cambiar algunos de los datos que aparecen en ella.

El navegador tiene que dar soporte a la tecnología. Es un tema importante (y yo diría que crítico).

Propone el uso del término Hijax, con rollo simpático, ojo. Me pierdo con la explicación que da de por qué ese término. ¿Alguien la da en los comentarios?

Habla de no implantar ajax hasta el final. Habla también del uso de patrones a la hora de implementar ajax.

Dice que cuando la gente piensa en ajax está pensando en grandes aplicaciones. Él la concibe de otra manera. La pregunta es ¿cuándo hay que utilizar ajax? Dice que cuando se trata de aplicar mejoras progresivas y mejorar la experiencia del usuario.

Comenta que de lo que se trata es de establecer mejoras sin plantear exigencias tecnológicas al usuario. Eso es mermelada para mis orejas.

Va a hablar de desafíos de diseño: retos. Con ajax nos alejamos del modelo tradicional de la web. Cambiamos las cosas a la que la gente está acostumbrada. Los diseñadores tenemos la responsabilidad de hacer esos cambios no traumáticos.

Me queda poco más de una hora de batería, grrrrrrrrr.

Jeremy está terminando su presentación. Dice que la presentación estará disponible para el personal. Fin.

Aplausos. Pausa para café.

Una muy buena noticia: Google compra Panoramio

torresburriel — Thu, 31 May 2007 04:36:08 +0000

Qué estupenda noticia para comenzar el día: Google compra Panoramio.

Y digo que es una muy buena noticia hablando de cuestiones meramente personales. Cuando Eduardo Manchón me contó que estaba trabajando en un nuevo proyecto junto con un programador que era un figura le ponía tanta ilusión que algo así se veía venir. Creo recordar, además, que aquí fuimos de los primeros en hablar de Panoramio. Después lo hicieron los demás.

Así que no puedo más que alegrarme porque, por una maldita vez, el discurso de Jobs parace ser cierto y darle la razón.

Además, desde Google lo cuentan en A picture’s worth a thousand clicks y Eduardo lo cuenta en Google acuerda comprar Panoramio.

Se acaba 2006: resumen del año en este weblog

torresburriel — Mon, 25 Dec 2006 22:21:14 +0000

Bueno, pues poco a poco y aunque no podamos hacer nada para hacer que el tiempo vaya un poco más despacio, se termina el año 2006 y con él vamos a hacer un pequeño repaso de las historias que entendemos más interesantes de las que hemos hablado por aquí.

La verdad es que no puedo decir otra cosa: es un doble placer escribir, y que estéis ahí.

Se busca Programador y Maquetador HTML

torresburriel — Sun, 30 Jul 2006 21:22:00 +0000

Se busca una persona con conocimientos avanzados en HTML, CSS, Javascript, accesibilidad y usabilidad, para trabajar en un proyecto con el Ayuntamiento de Barcelona.

Conocimientos requeridos:

HTML
CSS
Accesibilidad
Javascript
Ajax
Webs elástica o flexible y fluidas

Interesados, ponerse en contacto con nosotros en el correo produccio@arquinauta.es

Web Developer’s Handbook

torresburriel — Sun, 05 Feb 2006 15:02:47 +0000

Esto es lo que yo llamo una buena colección de recursos web: Web Developer’s Handbook.

Podemos encontrar los recursos web agrupados por una serie de criterios (un montón de ellos), entre los que se encuentran: creativity, css galleries & showcases, css daily reading, web design daily reading, html-web-tools & services, accessibility checkers, specifications, usability & accessibility, y muchos más.

¿Aún no has probado FireBug?

torresburriel — Fri, 20 Jan 2006 17:40:54 +0000

Estoy impresionado. Por la mañana he leido en varios sitios sobre la existencia de FireBug, que es una extensión para Firefox espectacular. La verdad es que no he hecho mucho caso, pero por la tarde, con un poco más de tranquilidad, la he bajado, la he instalado y es cierto… estoy alucinando.

Para desarrolladores web es una herramienta absolutamente fundamental, ingeniosa, usable, cómoda y, lo que me parece muy importante, es la típica herramienta que está hecha pensando absolutamente en el usuario, que en este caso es el desarrollador. Por momentos me recuerda a algunos productos de Apple, que están perfectamente pensados para satisfacer a un público muy concreto, sin tratar de gustar a todo el mundo.

Pongo un pantallazo de la cosa en acción.

Estoy seguro de que en algún sitio ya habréis leído lo que hace esta extensión. En Technorati, sorprendentemente, apenas se habla de ello (tag: firebug). Y para bajarla, desde Mozilla Update.

Ajax en los medios de comunicación convencionales

torresburriel — Thu, 08 Dec 2005 14:19:52 +0000

Es espectacular. Quién iba a pensar que cuando leimos el post de Jesse James Garrett iba a pasar tan poco tiempo como para que un medio de comunicación tradicional se hiciera eco de la criatura. Leo hoy, con agrado pero ya sin sorpresa, la portada de la sección de tecnología del diario El Pais, y me encuentro con un titular: Ajax, un cóctel de programas, revoluciona el diseño y la navegación por las ‘webs’.

El texto lo firma Fernando García (que no es precisamente un desconocido cuando se trata de alumbrar el camino en los medios), y la introducción no puede ser más alegre para quienes tratamos de difundir el mensaje de los estándares y la accesibilidad web:

La fórmula agrupa la presentación con estándares XHTML y CSS, la interacción dinámica, el intercambio de datos y la recuperación de datos asincrónica y emplea JavaScriptLa nueva moda de diseño se vincula a la generación de Internet 2.0 – Críticas por los problemas de accesibilidad que supone la utilización de Javascript y por deficiencias en la usabilidad

En sólo una entradilla pone encima de la mesa casi todos los conceptos que tratamos en este, y otro muchos weblogs, de modo que al lector de todos los días, pese a tratarse de la edición web del diario, se le sirven de forma suave, natural y engarzados en un tema atractivo:

Estándares
XHTML
CSS
Interacción
Accesibilidad
Usabilidad

Como se puede comprobar, no se trata de un texto laudatorio y tecnófilo. Y de postre, incluye declaraciones de expertos profesionales en el mundo del desarrollo web y la usabilidad en España, procedentes de compañías como DNX, Usolab, e incluso un blogger, Mariano Amartino (Denken ber).

Netvibes y live.com o la reformulación de la página de inicio

torresburriel — Tue, 01 Nov 2005 20:48:55 +0000

Leo en el weblog de Enrique Dans que un post llamado Microsoft vuelve a la vida en el que se cuenta que Microsoft estrena live.com. Dans advierte que hay que acceder a esa web con Internet Explorer, ya que el soporte para Firefox no está disponible. Vale, vayamos a ello.

Lo que en un principio veo es que la web me saluda en español y mantiene ese idioma por defecto en sus rótulos. Bien. Eso está muy bien. Me permite hacer unas cuantas cosas:

Agregar contenido a la página a través de un lector de feeds
Ver el correo de Hotmail
Ver el pronóstico del tiempo
Leer el horóscopo
Atención… un reloj con la fecha y la hora

En un principio no sorprende a quien ha visto y probado algo que salió antes que live.com, como es Netvibes, que también me saluda y me habla en español, y además de contar con unas características como las que he visto en live.com, tiene soporte para Firefox y un espacio fantástico para hacer anotaciones (tipo Post it). Bueno, y para que nadie se confunda, Netbives permite ver el correo de Gmail.

Veremos cómo evolucionan este tipo de aplicaciones.

Flickr y la optimización de páginas del sitio web

torresburriel — Sun, 23 Oct 2005 12:19:46 +0000

Muchas son las alabanzas que desde múltiples tribunas se han podido escuchar o leer de Flickr. Y no les falta razón cuando se dice que Flickr es una de las aplicaciones web con más éxito, o una de las más usables (aunque yo pienso que tiene unos defectos de rotulado importantes), o que simplemente es todo un acierto como aplicación, como concepto. Sirva como muestra del grado de aceptación de esta aplicación web, unas simples referencias:

Flickr tiene su propia entrada en la Wikipedia.
Flickr: un fenómeno de masas, publicado en Alzado por Isabel Hidalgo de Quintana.
Flickr nos ayuda a publicar, organizar y compartir fotos en línea, publicado en Maestros del web.

La cuestión es que como parte integrante de eso que se empieza a llamar web2.0 y la popularidad que ha alcanzado, la exposición a la crítica y al análisis es importante, y consecuencia de ello es un post publicado en Aplus Moments, que lleva por título Flickr, please optimize your pages. Vamos, que se está pidiendo que Flickr optimice un poco más sus páginas, ya que éstas presentan defectos de optimización cuando menos importantes.

Y eso, a un sitio web que está sirviendo la cantidad de páginas que sirve, y que soporta una base de usuarios enorme, como es el caso, parece que uno de los objetivos estratégicos que deberían contemplar es el de optimizar sus páginas, para ganar en varios aspectos:

Experiencia de usuario más positiva
Menor incidencia de consultas de funcionamiento
Menor número de peticiones al servidor vía F5 (recargas de página)

Veamos lo que argumenta Aleksandar Vacić respecto de la falta de optimización de las páginas en Flickr. Básicamente se centra en una cosa:

They have 16 (sixteen) Javascript files (look the source on this page for example), all loaded inside of HEAD part of the document.

Que viene a significar que hay 16 ficheros javascript que se inyectan en la página a través del HEAD del documento. Lo que quiere decir que el cliente debe esperar a que se produzcan, se entiende que de forma exitosa, 16 peticiones HTTP antes de cargar cualquier contenido de la página, que es lo que el usuario ve en último término. Cuando menos sí que parece un ejercicio de riesgo. Y además innecesario, ya que como dice Vacić, se pueden unir esas 16 peticiones en una sola.nLos argumentos de Vacić tienen su base en referencias a Speed up your site, de Andy King.