No me hagas pensar de Steve Krug es un buen libro para desarrolladores, diseñadores, ejecutivos, etc.. sobre usabilidad web.

Es cierto que muchos de los ejemplos en el libro son bastante antiguos, pero lo sorprendente es que a día de hoy son ejemplos válidos.

Es un libro que lleva la usabilidad web al público en general, cualquiera de los que nos dedicamos a la web, con un pelín de esfuerzo podemos llevarlo a acabo y conocer mejor el valor de la usabilidad. Mi problema normalmente no es que  me de cuenta, es que el cliente no me da tiempo para ello, o no quiere pagarlo, quizás es un buen libro para regalar a clientes.

Una de las mejoras en el nuevo Estandar HTML5 aún en desarrollo, está en los Formularios, es cierto que no todos los navegadores tiene la posibilidad de ejecutar correctamente todas las funciones de HTML5, pero es bueno empezar a usar muchas de sus funciones para los navegadores más modernos, nos ahorran mucho trabajo, y siempre hay herramientas como modernizr que nos ayudarán con los navegadores que no soportan HTML5.

Placeholder

Un nuevo atributo que sirve para poner texto dentro de un input cuando está vacío, y que al tabular o pulsar dentro del input desaparezca ese mismo texto, antes para hacer esto había que usar javascript.

<input type="text" placeholder="texto ejemplo">

Autofocus

Nos ayuda a definir que input va a quedar marcado, enfocado, cuando se cargue la página.

<input id="buscar" type="text" autofocus>

Required

Un nuevo atributo que apunta que campos tiene que estar rellenos antes de enviar el formulario, para hacer esto había que crear javascript algo largo dependiendo tipos de campos y las comprobaciones que hacíamos.

<input type="text" name="usr_name" required="required" />

Nuevos tipos de inputs

Tipo search, un input en el que el texto visualmente se le añade una x parar borrar el texto.

<input type="search" name="buscar" />

Tipo email, un input en el que el texto tiene que ser un email.

<input type="email" name="email" />

Tipo url, un input en el que el texto tiene que ser un url

<input type="url" name="miweb" />

Tipo number, con los atributos min, max, y step, nos ayuda a seleccionar un número.

<input type="number" max="10" min="0" step="2" name="minumero" />

Tipo range, similar a number con los mismos atributos, pero visualmente es similar a un slide.

<input type="range" max="10" min="0" step="2" name="minumero" />

En fechas hay varios date, mounth, week, time, datetime.

Como programador, esto debería ser una tarea muy sencilla. diseñas un felicitación curiosa, y las envias por mail.

El problema viene cuando piensas. Habrá que meter la imagen en html, y crear un lista de correos, o enviarlo através de un programa de newsletters, nada de eso dejo los pasos a seguir para hacerlo de una manera sencilla desde gmail, gracias a mi amigo Antonio de Dandelium.

1. Nos vamos Configuraciones generales de gmail, y en firmas añadimos la imágen desde un url ( antes tendrá que estar subida a tu web).
2. Vamos a contactos de gmail.
3. Generamos un nuevo grupo. Llámandolo “Navidad11″, por ejemplo.
4. Seleccionamos todos los contactos a los que queremos enviar el correo.
5. Cuando los tengamos seleccionado, arriba hay un botón llamado Grupos, selecionamos el nombre del grupo “Navidad11″.
6. Vamos a crear correo, se añadirá directamente la firma con la imagen. Habilita el campo CCO (Con copia oculta) que está debajo de CC.
7. Escribimos “Navidad11″.
8. Y enviamos.

Por cierto Feliz Navidad y Feliz 2011

Otro puñadito de links

- http://960.gs – Web sobre un método de maquetar* (tendría que hacer un post sobre esto).

- http://www.modernizr.com – Hay navegadores que html5 no es bienvenido, modernizr nos ayudará a ello.

- http://emprendeblog.es -Post de emprendeblog. sobre los pasos para poder facturar.(solo para España)

- http://www.pamfax.com – No todos tenemos fax en casa, o quizás sí, un plugin para skype.

*Maquetar según mi amigo karliños no existe, es algo que no es hemos inventado en españa, ¿estáis deacuerdo con eso?

A veces estamos estancados, necesitamos inspiración, algunos links de web’s que pueden inspirarte.

- http://www.webcreme.com – Listado web, para inspiración

- http://minimalexhibit.com – Listado web minimalista.

- http://bestwebgallery.com – Listado de lo que consideran los mejores sitios web del momento.

- http://www.cssbake.com – Listado web, de sitios web en css.

- http://www.sitiodeldia.com – Listado de lo que consideran los mejores sitios web del momento, web en castellano.

- http://www.cssmania.com – Otro listado web, basado en sitios en css.

Esto es una nuevo tipo de post en mi blog.

Mi intención es compartir links interesantes que me he encontrado durante la semana.

- http://joshduck.com/periodic-table.html – Se trara de una orginal forma de ver las etiquetas de html5 y la posibilidad de ver las que usa tu web.

- http://html5demos.com – Algunas demostraciones del potencial de html5

- http://duperconf.com/ – Conferencias online en castellano, la última html5 principios

- http://www.alzado.org/articulo.php?id_art=525 – Artículo antiguo pero interesante sobre el papel de la redundancia en el diseño de interacción.