La nueva versión de HTML (HTML5) es un paso más en pro de la web semántica. El nuevo HTML5 (“Hypertext Markup Language”) incorpora nuevas etiquetas para estructurar y especificar el contenido de las páginas web. Si bien se mantienen los tags clásicos, los nuevos nos permitirán indicar notas (aside), conversaciones entre personas (dialog), ficheros de audio o video, detalles (details), etc.

La gente de Smashing Magazine ha publicado recientemente una tabla de referencia rápida (Cheat Sheet) de HTML5 para consultar de forma más sencilla las nuevas etiquetas.

Más info | http://www.smashingmagazine.com/html-5-cheat-sheet-pdf

Los próximos días 2,3 y 4 de Octubre se celebrará en el IFEMA de Madrid la III Edición del Congreso de Webmasters 2009. En la última edición se alcanzaron más de 3000 visitantes, convirtiéndose así en uno de los eventos más importantes del sector en nuestro país.

La tercera edición del congreso buscará la participación activa de los asistentes, por ello, además de numerosas ponencias y talleres, éstos podrán consultar sus dudas y exponer sus casos a los expertos que asistirán al evento. La programación del congreso tratará temas variados relacionados con el desarrollo web, seguridad y legislación en internet, el comercio electrónico y el marketing en internet (posicionamiento web). Para ello, participaran numerosos ponentes y habrá talleres y charlas prácticas con casos reales (ver programa completo del III Congreso de Webmasters 2009)

Si deseas asistir puedes realizar ya tu inscripción a través de la página del congreso abonando los 60€ de inscripción. Yo estoy planteandome seriamente en asistir. Nunca he ido a ningún evento de este tipo y la verdad es que me resulta muy interesante, ¿y tú? ¿vas a asistir al congreso de webmasters 2009?

Más info | http://blog.congresodewebmasters.com

La gente de Smashing Magazine ha elaborado un listado con las, que piensan, serán las 25 tendencias del diseño web a lo largo del año 2009. Durante meses han analizado numerosos diseños web, observando las tendencias que han ido cogiendo mayor fuerza y valorando las distintas técnicas de diseño, aspectos visuales, empleo de distintos recursos gráficos y de desarrollo e incluso de usabilidad web etc.

En conjunto, nos muestran un amplio abanico de posibilidades y sirven de perfecta fuente de inspiración a la hora de abordar un nuevo diseño de una página web. Hay técnicas muy interesantes, como el LetterPress, efecto de texto troquelado en un fondo que se ha extendido en el uso de cabeceras, titulares e incluso logotipos; usar etiquetas de precios como banner o medio promocional; reemplazar el texto por imagenes o animaciones flash (técnicas sFIR); interfaz similar a la de una revista; utilización de bloques de texto con un formato especial como introducción a un artículo; o el uso de Index Tags, en vez de Tags Clouds, donde todas las etiquetas tienen el mismo tamaño sin considerarse el volumen de artículos donde estén asignadas.

Más info | Smashingmagazine.com/web-design-trends-for-2009 (Parte I)
Más info | Smashingmagazine.com/web-design-trends-for-2009-ii (Parte II)

MiWebCSS nace con la ilusión de ser la galería de referencia para páginas web en español en CSS. Existen infinidad de galerías CSS, todas ellas en inglés, si bien la comunidad hispana no dispone de un “escaparate” donde servirse de inspiración y promocionar trabajos de calidad en castellano.

Los usuarios pueden enviar sus trabajos para que sean incorporados en las galerías de MiWebCSS . Para que éstos sean aceptados deben cumplir dos requisitos fundamentales, a saber, cumplir estándares web actuales  (W3C) y ser trabajos en español y/o realizados por empresas hispanas.

Los criterios de selección de este índice se basan en la calidad, la innovación y la eficacia del diseño, ofreciendo una pasada rápida por los estándares del diseño web en español.

Más info | www.miwebcss.com

Es muy habitual ver en páginas web o blogs pequeños iconos rectangulares indicando características técnicas (código validado por la W3C, nivel de accesibilidad web, etc),  servicios (email, etc.) o como herramientas sociales (RSS, suscripción a través de diversas herramientas como iGoogle, ShareThis, Technorati, etc.).

En mi caso, hice esos iconos con Photoshop y una tipografía pixelada para darle un aspecto más anguloso. Aunque no me llevó mucho tiempo, acabo de descubrir varias herramientas online que, de forma gratuita, nos permiten elaborar este tipo de iconos de forma personalizada en cuestión de segundos.

Tanto FeedForAll como RSS-Icons nos permiten crear nuestros propios iconos personalizando prácticamente todas las opciones: tamaño, tipo y tamaño de fuente, colores, tamaño y color del borde, textos que deben aparecer, etc.

Más info |  http://www.feedforall.com
Más info |  http://www.rss-icons.com

¿Primar el diseño o el posicionamiento en buscadores? ¿Una web atractiva o una web usable? Desde hace tiempo éstas han sido algunas de las inquietudes con las que diseñadores y clientes han tenido que lidiar. Los diseños web en flash son visualmente muy atractivos, sin embargo, también pueden darnos problemas a la hora de aparecer en buscadores, permitir una navegación sencilla e intuitiva u obligar a hacer pesadas descargas de los ficheros flash para poder visualizar el contenido.

Hoy han publicado un interesante artículo en Site-Reference.com donde abordan este tema. A grandes rasgos, nos cuentan que en términos generales existen dos tipos de contenido en una página web: texto y gráficos. Los motores de búsqueda indexarán el contenido de nuestra página web gracias, en parte, al texto que tengamos publicado, por ello, es importante que la proporción de texto/gráficos vaya de lado del texto.

El contenido gráfico, ya sean imagenes, flash o multimedia, sólo nos reportará beneficios en términos de diseño y concepto visual, pero no para el posicionamiento web, la usabilidad o la accesibilidad. De hecho, según la W3C, es imprescindible ofrecer contenido alternativo para cualquier elemento que pueda provocar dificultades para su lectura o comprensión.

En el artículo argumentan varios puntos negativos en la utilización de contenidos Flash en nuestra página web, ya sean algunos elementos de la web o todo el diseño:

• Algunas animaciones, presentaciones o diseños web en flash requieren la descarga de ficheros pesados. Para conexiones lentas puede resultar mortal y los usuarios pueden optar por abandonar la página. Como ejemplo personal, el otro día entré en la web de Opel para ver el nuevo modelo Insignia. El microsite del configurador del coche estaba desarrollado en flash y tardó una eternidad en descargarse, por lo que me quedé sin ver las prestaciones del coche.
• Hay que tratar de buscar el equilibrio y la proporción entre el contenido gráfico y el texto. Normalmente un diseño web en flash tiende a concentrarse en las animaciones flash más que en el texto, que es lo importante para los motores de búsqueda y el posicionamiento web.
• A los motores de búsqueda no les gusta el contenido Flash. En este punto estoy en desacuerdo con el autor del artículo, ya que argumenta que los buscadores no son capaces de detectar el contenido flash, y como ya demostramos hace tiempo, Google sí indexa páginas web en Flash.

Como conclusión personal, opino que a día de hoy un diseño full en flash es visualmente muy atractivo pero lleva consigo algunos de los problemas que ya hemos comentado. Para mí, lo ideal sería crear una web en XHTML insertando algunos elementos en flash, como cabeceras o menús, y siempre permitiendo una versión alternativa, tanto para mejorar la accesibilidad web del sitio, como para mejorar la indexación en buscadores, ¿y tú? ¿qué diseño web prefieres?