¿La Mejor Librería de JavaScript?

Recuerda que además del HTML y las CSS tenemos el JavaScript, quien es el encargado del comportamiento en una página Web, de acuerdo a los Estándares Web.

Yo no soy experto en Java Script (sé lo necesario como para hacer una sencilla validación en un formulario) y nunca me había sentido atraído por las tan mencionadas librerías de JavaScript. Y eso que desde hace mucho había oido hablar de Prototype y desde hace un tiempo para acá de jQuery.

Hace tan sólo 2 meses decidí probar con esta última librería y desde aquel momento me estoy preguntando: ¿Por qué no la probé antes? ¡jQuery me encanta! Como ellos mismos se promocionan: ¡Programa menos, haz más! (Mi tradución a "The Write Less, Do More, JavaScript Library").

Me gusta simplemente porque:

• Permite programar rápida y fácilmente.
• Está llena de grandiosos efectos (que bien utilizados con seguridad mejoran la experiencia de usuario).
• Encuentras gran cantidad de programas ya listos llamados Plugins.
• Puedes programar AJAX con ella (aunque esto no lo he probado).
• TODO LO LOGRAS MEDIANTE UN JAVASCRIPT NO INVASIVO.

Ahora. Mi recomendación por esta librería es totalmente parcializada: No soy experto en JavaScript, no he utilizado ninguna otra librería y, según pruebas de velocidad de varias de ellas: jQuery es una de las más lentas.

De acuerdo a este test DOMAssistant es lo más rápido que hay, y detrás (y bien detrás) le siguen Prototype y Mootools.

Pero este test de velocidad, para mi, no es un impedimento para continuar trabajando con jQuery, toda vez que:

• Si miras la prueba contiene una gran cantidad de tests que es improbable usarlos todos en una misma página.
• La diferencia en velocidades está dada en ms, que creo son milisegundos. Ningún visitante se te va a quejar porque tu script se demora 100 milisegundos más.

Así que mi recomendación aún sigue siendo jQuery. ¡Mira que fácil es!

Claro que si te interesa y trabajas mucho con el DOM, deberías estar pendiente de la librería DOMAssistant, de la cual se ha estado hablando en varios blogs especializados.

¡Ups! Me acabo de dar cuenta que este es mi primer post sobre JavaScript en el blog. Que tal que aquí se hablara de los Estándares Web :P

Spry: El Framework para AJAX de Adobe

Los interesados en AJAX de seguro conocerán SPRY: la propuesta de Adobe para implementar AJAX en tu sitio Web.

¿Por qué se los quiero mencionar? Básicamente por dos cosas:

1. Me he dado cuenta que Adobe está trabajando con los estándares Web
2. Siempre han tenido muy en cuenta a los diseñadores, de tal manera, que la implementación resulte fácil para alguien no experto en programación.

Es claro que mientras los ingenieros usamos software del estilo de Microsoft Visual Studio, los diseñadores prefieren sin duda: Adobe Dreamweaver.

Ahora, ¿que Adobe está trabajando con los estándares Web? Pues así es como están promocionando este Framework: ¡AJAX para Todos!... Spry es un framework que facilita el rápido desarrollo de páginas con AJAX... Sin necesidad de ser un experto en JavaScript... Sin sacrificar tu interés en los estándares Web y tus buenas prácticas de desarrollo...

Los invito entonces a pegarle una ojeada al framework y a estos artículos que prometen mucho (además de los artículos hay una buena cantidad de ejemplos):

• Spry y los Estándares Web
• Mejora progresiva con Spry
• Separando la estructura del comportamiento - Spry no Invasivo
• Validando Spry

¿Quién ha trabajo este framework para que nos de sus impresiones?

Más de 47 Excelentes Formularios con CSS y AJAX

Excelente la recopilación de ejemplos, tutoriales y herramientas que hizo Noupe en su post: 47+ Excellent Ajax CSS Forms.

Encontramos ayudas para estilizar los formularios, los elementos dentro de ellos, para procesarlos mediante AJAX, para colocarles ayudas, para validarlos, para hacerlos más accesibles y usables... Es un post de obligatoria lectura, estudio y práctica.

Recomiendo los dos tutoriales que hay sobre usabilidad y accesibilidad: Prettier Accessible Forms y Sensible Forms, los excelentes validadores que están desarrollados mediante JavaScript No Invasivo, los tips, etc.

¿Todavía estás aquí? ¡Largo!

Gracias a anieto2k.

AxsJAX: Ajax accesible

AxsJAX (AxsJAX no AsxJAX) es el "nuevo" jugador en el mundo de AJAX. Se trata de un framework que permite añadir accesibilidad a los desarrollos web que utilicen Ajax, así usuarios que utilicen screenreaders u otros dispositivos similares podrán disfrutar de las características que ofrece la web 2.0.

¿Quieres revisar aplicaciones que utilizan AxsJAX? Bueno, tan sólo visita: Google Web Search, Google Reader, Google Scholar o el juego Jawbreaker. Detalles de las implementaciones en estas apps los pueden encontrar en su showcase.

Los interesaros en AJAX y sobre todo en la accesibilidad pueden echarle una hojeadita. Sin embargo, como les mencioné hace algunas semanas, lo que a mi opinión es la mejor manera de usar AJAX es: haz primero tus páginas con la funcionalidad tradicional y luego mejóralas con AJAX. Así, si los scripts de AJAX quedan deshabilitados, tus páginas seguirán funcionando.

¡Y ojo! Es AxsJAX, no AsxJAX. Yo lo vi inicialmente en Sentido Web y varios blogs lo han replicado con el "typo".

Ajax Accesible

¿Quién no ha oído hablar de AJAX? Con esta técnica, la variedad de mejoras que se pueden hacer a tu Web es increíble, a nivel de usabilidad y experiencia de usuario.

Pero, ¿has oído hablar de AJAX Accesible? Recuerda que AJAX son scripts que, si el navegador no los puede manejar, quedan totalmente deshabilitados. Es decir, que si tus mejoras dependen única y exclusivamente de AJAX, los buscadores, los navegadores alternativos y las personas que los utilizan dejarán de ver tus contenidos y aplicaciones.

Hace mucho tiempo se planteó en la lista de Cadius la pregunta de ¿cómo hacer las aplicaciones con AJAX accesibles? Lo que me quedó como buena práctica es: “Haz primero tus páginas con la funcionalidad tradicional y luego mejóralas con AJAX. Así, si los scripts de AJAX quedan deshabilitados, tus páginas seguirán funcionando”. ¡Así que ya sabes!

Como lectura obligatoria de este tema tenemos este post de AJAX Accesible: Parte 1 - Parte 2.

Pero bueno, me estaba desenfocado de lo que quería mencionarles. Resulta que hablando de AJAX Accesible hay una nueva técnica llamada Hijax, “una estrategia de uso de Ajax que tiene el objetivo de lograr páginas web accesibles: que las páginas sean totalmente funcionales para aquellos usuarios que no puedan hacer uso de Ajax”. Y ya son dos blogs que leo, que la mencionan esta semana.

Te invito entonces a que la conozcas en manos de Sergio en “Hijax: Ajax accesible” y de Fran Tarifa en “Hijax: ¿Ajax accesible?”.

Recuerda que “AJAX no es un fin, es un medio”. Así que sigue teniendo en cuenta, además de la Usabilidad, la Accesibilidad.