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.

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…

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.

Hace tan sólo 5 días les hablaba de los CSS Frameworks 960 Grid System y el BluePrint cuando hoy me encuentro con este super listado: Los 12 mejores CSS Frameworks.

Obviamente no se menciona el 960 Grid System porque es el New Kind on The Block, pero por supuesto que está el BluePrint.

El listado original proviene de SpaceBoy.

¿Usar o no usar un Framework? Muchos dicen que sí, muchos dicen que no [en]. Mi experiencia, después de usar el Framework de JavaScript: jQuery, es que lo voy a usar siempre (¡Espero!). ¡Es de lo mejor!

¿Pero un framework de CSS? Aún no he hecho el intento, pero cuando lo haga lo comentaré. Si piensan darle una oportunidad es bueno que antes lean las ventajas y desventajas de usarlos [en].

Actualización: En Freak Group acaban de hacer su propio listado de Frameworks de CSS.

Actualización 2: He aquí otro listado con los Frameworks más atendidos: CSS Frameworks.

¿Un Framework de CSS? Sí. Así se le denomina a un conjunto de archivos que facilitarán tu trabajo con las hojas de estilo. Hay frameworks para JavaScript, como no va a haber para CSS.

Básicamente se han hecho para ayudarte en la diagramación de tus Webs mediante CSS y generalmente ya incluyen un CSS Inicial (Reset).

Creo que el más conocido es el BluePrint, el cual ya nos presentó Leandro hace algún tiempo y que realmente es muy completo porque, además de facilitarnos la diagramación (maquetación), nos ayuda a definir fácilmente la tipografía y la impresión de las páginas.

Ahora, el framework que te presentaré hoy es el nuevo: 960 Grid System, cuyo objetivo, al igual que del BluePrint, es facilitarnos la vida a la hora de crear el grid (grilla) de nuestro diseño.

¿Qué tiene de especial? Que además de los CSS viene equipado con las plantillas para los programas: Fireworks, Omnigraffle, Photoshop y Visio. Así que desde el prototipado puedes tener un diseño realmente consistente. Muy interesante para que lo evalúes.

Gracias a Digital Web Mag.

The Form Garden es una excelente recopilación de estilos (CSS) para formularios, al mejor estilo de CSS Zen Garden.

Un gran recurso para inspiración, estudio y reutilización, ya que, al igual que en CSS Zen Garden, todas las hojas de estilo están disponibles para su descarga.

Si te animas, también puedes crear tu propio diseño y compartirlo en la creciente colección.

Este es un producto gratuito de Form Assembly, servicio online de creación y administración de formularios, encuestas, registros…

Gracias a Leandono´s Blog.

Después de su excelente 53 CSS-Techniques You Couldn’t Live Without, Smashing Magazine nos sorprende con otra increible recopilación de técnicas: Powerful CSS-Techniques For Effective Coding.

Muy, muy interesante las “novedades” que allí encontramos.

Últimamente hemos oido hablar mucho del HTML y de lo que será su nueva versión: el HTML5. ¿Pero qué hay de otro de los Estándares Web: Las Hojas de Estilo, Style Sheets o mejor conocidos como CSS?

Pues les cuento que desde hace mucho tiempo están trabajando en lo que será la versión 3: Las CSS3.

La novedad del mes es que en manos del The Web Standards Project están recibiendo nuestras recomendaciones para esta nueva versión.

el grupo de trabajo quiere ejemplos de lo que te gustaría ver, para poder verificar si dentro de las actuales propuestas se puede hacer o serían necesarias nuevas funcionalidades. También cuenta por qué lo quieres, sino es obvio. No están buscando retroalimentación de la sintaxis, por lo que un listado de propiedades nuevas tampoco serviría de mucho. Y recuerda, antes de hacer tu propuesta, revisa los actuales borradores de la especifiación, no vaya a ser que recomiendes algo que ya está recomendado, como son las esquinas redondeadas o las tablas rayadas (Striped Tables)…

Así que si tienes ideas de cómo mejorarlas: haz escuchar tu voz.

Ten algo en cuenta: Al igual que con el HTML5, faltan muchos años para verlos hechos realidad. Mientras que se definen las especificaciones, mientras que los navegadores las implementan y mientras que estos navegadores sean usados popularmente falta mucho, mucho camino.

Gracias a css3.info.

Eric Meyer acaba de publicar una actualización de su reseteador de estilos, originario de abril del 2007.

¿No sabes que es un Resetador CSS (también conocido como CSS Inicial)? Te recomiendo entonces que leas uno de mis post más solicitados: Escoge tu CSS Inicial: Eric Meyer vs. Faruk Ateş.

¿Qué le puede faltar a Wufoo, uno de los más conocidos y usados generadores de formularios Web? ¡Pues precisamente una galería de formularios! Así que bienvenido sea: The Wufoo Form Gallery

Así que si buscas inspiración para tus formularios, tanto a nivel gráfico, como a nivel de diagramación y de preguntas… ¡Ya sabes a dónde ir!

Allí puedes encontrar ejemplos de Registros, Encuestas, Ordenes, Contáctenos, entre muchas otras… Además puedes revisar plantillas en HTML o temas en CSS. Una gran variedad de tipos de formularios y de categorías. Todas ellas descargables gratuitamente o para utilizarla en tu cuenta de Wufoo. ¿Qué más puedes pedir?

Esta maravilla está disponible desde finales del año pasado y me di cuenta gracias a LukeW.