“HTML5 es la siguiente evolución del lenguaje en el que funciona la web”. Y hoy lunes, 22 de febrero, en manos de Armando Sosa, tendremos una Conferencia Online gratuita de lo que será el Futuro de la Web: el HTML v5.0.

Inicialmente la conferencia, aunque gratuita, tenía los cupos cerrados. “Pero gracias a toda la demanda, transmitirán por Ustream.tv, de forma gratuita y con cupo ilimitado”, en esta URL: http://www.ustream.tv/channel/soska (a las 2pm – Hora Colombia).

Para más información de la Conferencia y los horarios para otros países consulten la web de duperconf.

Me ha gustado mucho el post 10 Errores Comunes de un Diseñador de Web de Marisol López en el blog UXPanamá.

Pero he convertido estos 10 errores en reglas para así tenerlas bien presentes:

1. Diseña para el cliente de tu cliente, no para tu cliente.
2. Haz un HomePage en el cual se distinga lo más importante.
3. Diseña acorde a tu cliente y su audiencia.
4. Utiliza pocos colores.
5. Utiliza sólo las animaciones necesarias.
6. Utiliza adecuadamente los elementos gráficos (iconos, tipografías, fotos…).
7. Haz entender claramente de qué trata el sitio Web.
8. Diseña un menú claro y consistente.
9. Valida tu HTML.
10. Revisa periódicamente las tendencias de diseño para la Web.

Siempre ten en cuenta estas reglas y estarás haciendo Webs que alta calidad. Y ahora que las tienes claras, te invito a leer los 10 Errores Comunes de un Diseñador de Web en donde encontrarás muchos ejemplos y referencias muy interesantes.

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.

Comparto mi presentación Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario. Si tu Universidad está interesada en presentar esta charla, se pueden comunicar conmigo que lo haré con mucho gusto (y obviamente sin costo alguno).

¡Comentarios más que bienvenidos!

Los recursos mencionados en esta presentación se pueden encontrar en este otro post.

El Día W3C en España es un evento que desde el año pasado se viene celebrando en Madrid, con el objetivo de facilitar un entorno en el que poder establecer un debate sobre el uso de los estándares web y poder conocer las experiencias de empresas y organismos a la hora de poner en funcionamiento los estándares.

La jornada de este año que lleva por título Standards for Business está estructurada en tres sesiones, orientadas a la aplicación de estándares en el mundo de la empresa. Bajo los epígrafes Web para todos, Web desde cualquier lugar y Web como base de conocimiento se cubrirar temáticas como accesibilidad, independencia de dispositivo, web móvil y web semántica, entre otros.

La participación como ponente está abierta a todo aquel que esté interesado en presentar sus ideas, proyectos, etc., relacionados con una o varias de estas temáticas.

La asistencia es gratuita pero el número de asistentes está limitado por el aforo de la sala, por lo que es imprescindible registrarse previamente.

Recuerda que más eventos en España y Latinoamérica los puedes encontrar siempre en nuestra Agenda de Eventos.

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…

Los Microformatos son un grupo simple y abierto de formatos para datos, diseñados inicialmente para humanos y en segunda medida para las máquinas, construidos sobre estándares existentes y adoptados masivamente.

Más claro con un ejemplo. Si tienes en una página Web tu contacto:

<div class="contacto">    <p>      <strong>Gabriel Porras</strong><br />      cargo: Analista de Desarrollo<br />      Intergrupo<br />      email: ghporras@gmail.com<br />      Medellin      -      Colombia    </p>  </div>

El microformato hCard, te invita a que lo reescribas así:

<div class="contacto vcard">    <p>      <span class="fn"><strong>Gabriel Porras</strong></span><br />      <span class="title">Analista de Desarrollo</span><br />      <span class="org">Intergrupo</span><br />      email: <span class="email">ghporras@gmail.com</span><br />      <span class="locality">Medellin</span>      -      <span class="country-name">Colombia</span>    </p>  </div>

¿Qué son entonces los microformatos? ¿Cuáles son sus beneficios? ¿Quiénes los han implementado? ¿Tienen futuro? ¿Qué herramientas existen para crearlos (fácilmente)? ¿Dónde encuentro tutoriales para aprender?… Tranquilo… Todas estas y muchas más preguntas ya las puedes responder en la excelente recopilación Microformats University: 100+ Articles and Resources.

¿No tienes tiempo? Mira entonces este resumen ejecutivo: Microformatos en Acción.

Actualización: En CSS Lab acaban de publicar la segunda parte de unos post sobre Microformatos. Con más ejemplos. Te invito a que los leas:
1. Un poco sobre Microformatos.
2. Microformatos 2 contra-ataca.

Muy interesante y a la vez decepcionante los resultados de la revisión que hicieron en kabytes: tomaron los 100 sitios más populares de Alexa y los revisaron contra el validador de la W3C.

¿El resultado? Sólo el 11% de ellos validaba. ¡Muy triste!

Más información en la página de kabytes.

El Street Team del WaSP lanza su primer proyecto en comunidad: separadores que puedes colocar en librerías, escuelas y tiendas de libros para ayudarle a los lectores a saber que ese material está desactualizado.

¿Cuántos libros desactualizados de diseño y desarrollo Web están escondidos en tu librería, escuela o colegio, esperando a corromper una mente inocente? ¿Quieres ayudarnos a advertir a aquellos ingenúos contra ese peligroso material mientras que las librerías actualizan sus estantes? Únete al Street Team del WaSP descargando e imprimiendo estos separadores (PDF en Inglés [151K] – PDF en Español [153K]). Luego los colocas en los libros desactualizados que veas que son especialmente dañinos.

¡Además han creado un grupo en Flickr para que coloques las fotos de los libros que has encontrado y señalado!

¿Cómo identificas un libro desactualizado? Porque:

• Recomienda el uso de tablas para diagramar (en lugar de CSS).
• Enseña un mal y feo (X)HTML (en lugar de uno semántico).
• No le importa crear sitios inaccesibles (en lugar de asegurarse que todo su contenido esté disponible para personas con discapacidades).
• Crea páginas que sólo que se pueden navegar con Internet Explorer (en lugar de trabajar con los estándares Web y que se pueda ver en cualquier navegador)

¡Y ten cuidado!
Aunque muchos de estos libros necesitan sacarse de circulación y ser reemplazados por buenos libros, ese no es tu trabajo. Así que no intentes dañarlos ni destruirlos. Trátalos como reliquias de un museo. Recuerda que las librerías, además de proveer acceso libre al conocimiento, también están encargadas de mantener la historia. Lo que queremos hacer es mover estas reliquias para la sección de archivo, tu sabes, cerca de la sección de “la tierra es plana” y “pluto es un planeta”.

¡Ah! Y no olvides pasar por la sección de Buenos Libros para que tu también actualices tu biblioteca.

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