Recursos de mi Presentación "Sitios Exitosos"

Me han estado solicitando los recursos que menciono en mi presentación Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario, así que aqui están:

• Ejemplo de separación de presentación y contenido (CSS): CSS Zen Garden.


• jQuery: Librería de JavaScript que, además de fácil y rápida para codificar (y con menos líneas de código), facilita la separación del comportamiento y el contenido (JavaScript No Invasivo). Claro que no es la única: conoce otras librerías.


• Versiones Móviles de Gmail y Facebook.


• Validador de HTML de la W3C: W3C HTML Validation Service


• Validador de Accesibilidad: eXaminator


• Navegador sólo texto: Lynx Viewer


• Otros: Validadores en Herramientas para Diseñadores y Desarrolladores


• Heurísticas para evaluar la usabilidad: EVALUACIÓN HEURÍSTICA en Herramientas para Diseñadores y Desarrolladores


• Videos sobre Accesibilidad: ¿Cómo navegan las personas ciegas o con visibilidad reducida?


• Video del marcianito: ¿De qué se trata la Usabilidad?


• Mi propuesta de rediseño del SenaVirtual.edu.co.


• Aprende los Estándares Web


• Únete a la Comunidad Colombiana de Usabilidad: Usarte.org

Igualmente les recuerdo el listado de recursos que había recopilado para mi otra charla: Estándares Web y Accesibilidad en Colombia.

Los 50 Mejores Tutoriales y Ejemplos de jQuery

Cada día salen más y mejores recursos sobre jQuery. Este es de visita obligatoria: 51+ Best of jQuery Tutorials and Examples. ¡La mayoría son excelentes recursos!

Y recuerda siempre la palabra clave: JavaScript No Invasivo (Unobtrusive JavaScript).

Valida tu JavaScript

Así como el código HTML de nuestras páginas se puede validar con el Validador de la W3C y las Hojas de Estilo con el Validador de CSS, también es posible validar nuestro código JavaScript con el validador JSLint.

Este validador NO es de la W3C, sino del Maestro Jedi: Douglas Crockford, fundador de JSON, JSMin y otra gran cantidad de trabajos en JavaScript.

Básicamente esta herramienta es muy buena para verificar la sintaxis, al igual, que las mejores prácticas en tu código JavaScript.

Hice mi prueba con un código de jQuery y me sacó gran cantidad de errores y advertencias, pero como no soy experto en Script no sé si es que no sirve para validar código de jQuery o si el código que generé no es tan bueno como parece... ¡Ups! Si alguien nos cuenta sería de gran valor.

Sabía de la existencia de esta herramienta desde hace años, pero hoy la recordé gracias al blog Robert's Talk.

Tutoriales de Accesibilidad, HTML, CSS, JavaScript...

Gracias a la Newsletter Web Design Update me encuentro con estos tutoriales gratuitos:

• Learn Web Accessibility Tutorial
• Learn HTML Tutorial
• Learn CSS Tutorial
• Learn JavaScript Tutorial

Aunque, para aprender Estándares Web (XHTML, CSS y JavaScript) siempre recomiendo los Libros sobre Estándares Web, nunca sobran este tipo de recursos.

Adicionalmente puedes encontrar estos otros tutoriales:

• Learn Ajax Tutorial
• Learn ColdFusion Tutorial
• Learn PHP Tutorial
• Learn Schema Tutorial
• Learn SQL Tutorial
• Learn XML Tutorial
• Learn XSL-FO Tutorial
• Learn XSLT Tutorial
• Learn Silverlight Tutorial

Ahí tienes para que te entretengas un ratico...

jQuery no es el Único Framework de JavaScript

Aunque ya les hablé de jQuery, este no es el único framework para mejorar nuestra vida con el JavaScript.

Hoy, nuevamente Andrés Nieto, nos presenta otros frameworks. De consulta obligatoria.

Personalmente seguiré con The Almighty jQuery.

Actualización: En este otro enlace pueden encontrar estos y muchos otros paquetes de JavaScript calificados.

Sobre CSS3 y jQuery

Gracias a Andrés Nieto, que siempre nos trae muy buenas noticias, me entero sobre buenas nuevas de los Estándares Web...

Por el lado del comportamiento, es decir del JavaScript, me entero de unas excelentes recopilaciones de Plugins para el Framework de JavaScript jQuery, el cual me encanta por su facilidad de generar scripts No Invasivos:

• 45+ Fresh Out of the oven jQuery Plugins
• 50+ Amazing Jquery Examples
• 37 More Shocking jQuery Plugins

Por el otro lado, el lado de la presentación, es decir las Hojas de Estilo (CSS), nos cuenta sobre unas nuevas propuestas para mejorar el CSS, de mano del equipo de WebKit, las cuales se han recopilado en CSS3.info para su debate.

Todas las propuestas, pretenden convertir el lenguaje de maquetación CSS, en un lenguaje cargado de nuevas funcionalidades que enriquecerán sustancialmente las posibilidades que actualmente ofrece. Así que puede resultarte interesante enterarte del posible futuro del CSS.

¿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