Aprendiendo Web

Descarga los videos de MIMA Summit

Mon, 2 Nov 2009 20:34:26 +0000

Hace unas semanas asistí a MIMA Summit 09 en Minneapolis. (MIMA = Minnesota Interactive Marketing Association).

El evento se dividió de la siguiente manera:

4 series de sesiones divididas en tracks (Fundamentals, Strategy, Trends, Tactical, Technical, Nerd Out Discussion & Whoop It Up Discusion) y 2 keynotes presentadas por Jackie Huba y Seth Godin.

Ahora puedes descargar los vídeos de la mayoría de las presentaciones en MIMA Summit Sessions, te recomiendo sobre todo el de Jackie Huba.

Unete a la conversación

Thinking Small (AEA Chicago 09)

Sat, 31 Oct 2009 11:41:28 +0000

La segunda charla de An Event Apart Chicago 09.

Thinking Small

Por Jason Santa Maria.

Para hablar de como las pequeñas decisiones tienen un gran impacto en el diseño web, Jason se enfocó en en 7 puntos:

1. Sé un pensador

No saltes a la computadora inmediatamente, piensa en el problema que intentas resolver.

Lleva un sketchbook, recuerda que no se trata de ser un buen dibujante, se trata de ser un buen pensador.
2. Encuentra el mensaje

Entiende el contenido de tus páginas, aprende conocer tus herramientas… por cierto: Tu mente es la herramienta, no Photoshop.
3. Usa ingenera inversa

Ponte en el lugar de tus usuarios, trata de liberar tu manera de pensar al reinterpretar los mensajes, para eso exagéralos, desármalos, dales otro contexto, etc.

Siempre vuelve a preguntar: "Si, y…".
4. Crea un plano

Usa un grid, eso le dará cohesión a tu contenido… Pero necesitas pensar por qué y cómo lo estás usando.

Los frameworks para grids son una ayuda, no una garantía, siempre piensa cómo el grid que usas representa y apoya el mensaje.

También ten en cuenta que no necesariamente tienen que ser uniformes, no te limites a eso, prueba la asimetría.
5. Piensa horizontalmente

Empieza con grids horizontales luego aplica los verticales.

No pienses en columnas, piensa en espacios. Diseña sistemas, no páginas.
6. Detente, modula y escucha

Crea sistemas de layout modulares, usa clases para marcar columnas (usando CSS).
7. Busca parejas (tipográficas)

¿Cual es tu tipo de letra?

Cuando trabajes con fuentes, trata de emparejar fuentes de un mismo diseñador.

Busca contraste.

The mind is the tool for design. Photoshop is just a tool for refinement.- Santa Maria

Notas de la presentación de Santa Maria, por Chris Coyier.

Fotos por reallocalcelebrity. Imágenes de las notas por chriscoyier

Unete a la conversación

A Site Redesign (AEA Chicago 09)

Wed, 21 Oct 2009 00:00:38 +0000

Este es el resumen de la primera charla de An Event Apart Chicago 09.

A Site Redesign

Presentación de Jeffrey Zeldman.

Mis Notas

Empieza con una pregunta: ¿Qué problema estamos tratando de solucionar?

Para entender el problema necesitamos investigar, al investigar logramos trazar metas.

Lo primero que hay que hacer para entender lo que los usuarios necesitan es salir y hablar con ellos.

Todas nuestras decisiones de diseño deberían estar basadas en las metas trazadas luego de la investigación.

Hay que tener en cuenta las necesidades del usuario y las metas del negocio, esto te permitirá crear algo que la gente necesite (y acanzar las metas del negocio).

Para el rediseño es básico tener una estrategia de contenidos, empieza con el contenido, luego el diseño.

Siempre comunica el por qué de un diseño. Vende ideas, no pixeles.

Mira los diseños anteriores (donde hemos estado) y también inspírate viendo lo que otros están haciendo.

Cuando diseñes, usa CSS, no PhotoShop, tienes mucha más flexibilidad en el browser. Usa un grid.

Dale a los usuarios la mejor experiencia que sus navegadores permitan. Usa progressive enhancement.

No hay fold, usa toda la página, que los elementos tengan espacio para respirar.

Estar cansados de un diseño no es buen motivo para rediseñar, generalmente uno se cansa mucho más rápido del diseño de sus páginas que los usuarios... (eso es obvio cuando piensas que tu ves tus páginas mucho más que un usuario promedio).

La frase:

Everything I do sucks, until finally it's mediocre. - Zeldman

Notas de la presentación de Zeldman, por Chris Coyier.

Fotos por reallocalcelebrity. Imágenes de las notas por chriscoyier

Unete a la conversación

Lo que pasó en AEA Chicago 09 (serie de posts)

Sun, 18 Oct 2009 17:50:52 +0000

Empecé a escribir este post pensando en que sea sólo uno, luego me di cuenta que la cantidad de contenido lo haría muy dificl leer así que decidí convertirlo en varios posts (1 por presentación).

Durante el transcurso de la próxima semana estaré posteando sobre todas las charlas de An Event Apart Chicago 09, los posts incluirán algunas de las notas que tomé en las presentaciones, opiniones generales de otras personas, fotos de los expositores, etc.

Así que estate atento para que no te pierdas lo que pasó en An Event Apart Chicago 09!

PD: Las fiestas de Media Temple son demasiado buenas :)

Las Presentaciones

A Site Redesign Jeffrey Zeldman
Thinking Small Jason Santa Maria

Unete a la conversación

Social Marketing 101

Tue, 6 Oct 2009 11:51:20 +0000

Siguiendo con las presentaciones de MIMA Summit 09 aquí les dejo los slides de Social Marketing 101, una presentación de Greg Swan & Nathan T. Wright, donde explican los conceptos básicos del Social Media.

Social Marketing 101: Everything You Think You Should Already Know

MIMA Summit Social Marketing 101 presentation

Unete a la conversación

La regla del 1%

Tue, 6 Oct 2009 11:32:49 +0000

Ayer estuve en MIMA Summit 09. La primera presentación fue la de Jackie Huba, Jackie nos habló sobre la regla del 1%.

Regla del 1%

El 1% de los usuarios es el que realmente crea contenido Jackie Huba

Eso quiere decir que ahora la desigualdad es la regla.

Durante la presentación se toco un caso de estudio. La disculpa de @dpzramon de Domino's Pizza a @interactiveamy.

Resulta que @interactiveamy se quejó via twitter porque su pizza no había llegado a tiempo... lo que pasó después fue este video:

Además de lo gracioso y divertido que es este video, es interesante notar la importancia de estar al tanto de lo que pasa, por ejemplo en Twitter con respecto a nuestra marca, producto, etc. ya no se puede hablar de Local o Global, ahora hablamos de "GLOCAL".

Para terminar no queda más que decir:

Pensemos en ese 1%

Unete a la conversación

Finding Balance: Addressing Cognitive Dissonances (HCI)

Thu, 1 Oct 2009 10:31:09 +0000

Seminarios de HCI de la universidad de Stanford

Hoy encontré varios videos de seminarios de Human Computer Interaction (HCI) de la universidad de Stanford.

Lo que quiero hacer es postearlos en el blog junto a un pequeño resumen. Estos videos están en inglés, pero creo que serán de mucha ayuda para todos nosotros.

Puedes encontrar más información en el Stanford HCI Group

Hoy empezamos con el primer video...

Finding Balance: Addressing Cognitive Dissonances

6 de Octubre de 2006, por Joey McKay and Greg Niemeyer., 1h 13m 51s

Lo que MacKay & Niemeyer muestran aquí es que se pueden lograr modificaciones de la conducta a través de juegos & arte.

Durante el video se muestran diferentes juegos, todos con interfaces diferentes y que tratan de enseñar o mejorar conductas como por ejemplo reconocimiento de colores o balance.

Una cosa muy interesante es que las reglas de los juegos no están escritas sino que el jugador las aprende de una manera intuitiva mientras juega.

Unete a la conversación

Beneficios, no características

Wed, 30 Sep 2009 22:08:46 +0000

Hace un par de días encontré esta divertida presentación sobre experiencia de usuario en Slideshare.

Básicamente dice que lo que hace a un software bueno no son las características sino los beneficios.

Aquí te dejo la presentación:

Pimpin' [Software Projects] Ain't Easy

¿que opinas?

Unete a la conversación

¿Un input más grande facilita la búsqueda?

Fri, 11 Sep 2009 20:31:05 +0000

Hace unos días Google realizó un pequeño cambio en su interfaz cuando aumentó el tamaño de letra del input de búsqueda y de los botones "Buscar con Google" y "Voy a tener suerte".

Ahora el input de búsqueda tiene un font-size de 17px y los botones uno de 15px, puedes ver el cambio en la siguiente imagen

Realmente hace más fácil la búsqueda un input más grande

Pues sí, pero lo que interesa en este caso no es el tamaño del input en sí sino el font-size, que es lo que permite leer con mayor comodidad los términos que estás buscando.

¿Por qué un mayor font-size es mejor?

Este tema es bastante amplio, y ya hemos hablado de él en el estándar 100% fácil de leer así que me limitaré a decir lo siguiente...

No todos los que usan tu aplicación tienen 20 años

Así es, mucha gente usa la web, y no puedes esperar que a todos tus usuarios les sea cómodo leer un font-size de 12 o 14px, y obviamente para un elemento tan importante como el input de búsqueda de Google (vamos, la página es prácticamente sólo el input y el logo de Google) facilitar la búsqueda a la mayor cantidad de personas posibles es una muy buena idea.

Lo mismo pasa con los botones "Buscar con Google" y "Voy a tener suerte", al aumentar el font-size se vuelven más visibles y es más facil hacerles click con el mouse.

¿Por qué Google eligió 17px para el input de busqueda y no 16 o 18px? No lo sé, lo único que puedo imaginar es que hicieron las pruebas suficientes para darse cuenta que para esa interfaz en particular 17px era lo mejor.

¿Tu qué opinas sobre este cambio?

Unete a la conversación

Media Multitaskers Pay Mental Price

Sun, 6 Sep 2009 10:53:14 +0000

Hace un par de días estaba dándole una mirada a este video de Stanford University sobre multitasking, según el estudio, parece que no somos tan buenos en multitasking como pensamos...

Media Multitaskers Pay Mental Price

Unete a la conversación

1 año de Aprendiendo Web

Fri, 31 Jul 2009 16:26:40 +0000

Gracias

Publiqué mi primer artículo en este blog un 31 de Julio de 2008 con la idea de compartir mi pasión por el diseño web.

Lo que pasó luego fue genial. Mucho feedback, aprendí mucho más, hice amigos nuevos y sí, también hubo bastante cerveza de por medio ;)

Este pequeño post es sólo para agradecerte por leerme, por tus comentarios y por tenerme en tu lector de feeds.

Muchas gracias por acompañarme durante el primer año de Aprendiendo Web!

Unete a la conversación

Cómo funciona la cascada en CSS

Fri, 10 Jul 2009 09:02:20 +0000

Sabes que CSS significa Cascading Style Sheets, con lo de Style Sheets (hojas de estilo) nadie tiene problemas, pero la idea de Cascading (en cascada) suele ser un tema algo complicado para diseñadores web que están empezando.

Hoy me encuentro con un juego de diapositivas hechas por Russ Weakley de maxdesign que explican muy bien el tema de la cascada.

CSS cascade - a simple step-by-step presentation

CSS Cascade

View more documents from Russ Weakley.

Unete a la conversación

Firefox 3.5 aún tiene problemas

Thu, 9 Jul 2009 14:51:17 +0000

Está bien que Firefox 3.5 soporte elementos de HTML5, selectores avanzados de CSS, y todo lo bonito que prometían en el video: Qué hay de nuevo en Firefox 3.5 que mostré en un post anterior.

Lo que no está bien es que veo esta ventanita demasiado seguido:

Ahora ya no tengo problemas de compatibilidad con ninguno de los plugins que uso, y puedo navegar tranquilamente por internet... todo bien... excepto que el maldito Firefox 3.5 se para colgando y según twitter, parece que no soy el único.

Me parece muy raro, que luego de usar las versiones beta y RC de Firefox sin haber tenido problemas y ahora que estoy usando la versión "estable" de Firefox 3.5 tenga mensajes como:

Well, this is embarrassing.

Firefox is having trouble recovering your windows and tabs. This is usually caused by a recently opened web page.

Bueno, sólo me queda esperar a que esto se solucione, mientras tanto seguiré usando el que considero el mejor navegador del mercado en este momento: Safari 4.

Mientras tanto mi recomendación es:

Quédate con Firefox 3 hasta que esto se solucione.

Unete a la conversación

XHTML 2 le cede el paso a HTML 5

Fri, 3 Jul 2009 12:29:45 +0000

Lo sé, HTML 5 no es aún un estándar pero todo apunta a que pronto lo será.

Según esta noticia del W3C, el grupo de trabajo de XHTML 2 dejará de trabajar para fin del 2009.

Con esto el W3C espera acelerar el progreso de HTML 5 y aclarar de una vez que apunta al HTML 5 como el futuro de la web.

Así que no esperes mucho antes de empezar a aprender HTML 5.

Unete a la conversación

¿Qué hay de nuevo en Firefox 3.5?

Fri, 26 Jun 2009 18:58:30 +0000

En este video podemos ver algunas de las nuevas características de Firefox 3.5.

El problema que tengo con esta versión de Firefox es que se ~~rompe la compatibilidad~~ con Operator, uno de mis plugins favoritos.

Nota: Ahora Operator Ya funciona en Firefox 3.5. Gracias por el dato @jpscaletti.

Novedades de Firefox 3.5

Aunque Firefox promete mucho en este video, ultimamente he tenido demasiados problemas con Firefox 3.5.

Unete a la conversación

TEDx: empecemos con algo pequeño

Thu, 18 Jun 2009 00:42:25 +0000

Ya está en marcha la idea de hacer un TEDxLima, pero mientras tanto quiero invitarte a hacer un experimento....

Pásale la voz a 4 o 5 amigos, que cada uno escoja una charla de TED y tómense una tarde para verlas y discutirlas.

Ese es el verdadero espíritu de TED: Ideas worth spreading.

Me gustaría saber quienes están haciendo este tipo de cosas, y qué charlas recomendarían, por mi parte los dejo con esta:

Sir Ken Robinson: Do schools kill creativity?

Espero que la hayas disfrutado :)

Unete a la conversación

Hagamos un TEDx en Lima

Mon, 15 Jun 2009 16:23:04 +0000

Como ves, la x en TEDx significa que se trata de un evento organizado independientemente de TED.

TED significa Tecnología, Entretenimiento, Diseño. Comenzó en 1984 como una conferencia que reunía a personas de esos tres ámbitos. Desde entonces, alcance se ha vuelto cada vez más amplio.

TEDx es un programa que permite organizar eventos al estilo de TED.

Para no hacerla larga ¿Por qué no hacemos un TEDx en Lima?

Qué necesitamos

Para organizar un TEDx tenemos que seguir 7 pasos y cumplir 5 reglas:

7 pasos

Decidir quienes asistirán (colegas, amigos, niños). Esto tendrá un impacto en todo lo demás.
Elegir un nombre para el evento: propongo TEDxLima.
Decidir si invitaremos expositores o sólo mostraremos videos de TED.
Escoger el lugar y tamaño del evento.
Elegir la fecha del evento, teniendo en cuenta el tiempo suficiente para promocionarlo.
Decidir si será necesario conseguir auspiciadores.
Luego hay que registrar el evento.

5 reglas

Usar TEDx en todas las comunicaciones a los posibles asistentes, expositores o patrocinadores se debe usar la marca oficial de TEDx para dejar perfectamente claro que se trata de un evento organizado independientemente de TED.
Se deben mostrar un mínimo de 2 TED Talks, las exposiciones que se presenten en TEDx no debe exceder los 18 mini¡utos y deben ser grabadas en video.
No puede ser un evento con fines de lucro.
El evento no puede durar más de un día.
Se debe explicar a los asistentes cómo darle feedback directamente a TED.

¿Que opinas? ¿Estas interesado?

Nota: También me parece interesante la idea de empezar con un pequeño TEDx.

Unete a la conversación

Ir.pe: abreviando direcciones web

Sun, 14 Jun 2009 22:58:58 +0000

Hace un par de días salió a la luz Ir.pe, el nuevo proyecto de Cesar Soplin.

Se trata de un servicio web que abrevia direcciones, para luego poder compartirse generalmente vía Twitter.

Para acortar direcciones web yo siempre usé Tiny Url, ahora que salió Ir.pe veo que tiene 2 ventajas.

Ventaja #1: Longitud

No puedo dejar de tomar en cuenta la longitud del enlace, sobre todo cuando se trata de Twitter y sus 140 caracteres.

Como es lógico si comparamos ir.pe (5 caracteres) con tinyurl.com (11 caracteres), vemos que ir.pe es muy superior.

Ventaja #2: Diseño

El diseño de ir.pe es mucho más sencillo y limpio que el de tinyurl. Sólo se enfoca en una tarea: Abreviar direcciones, y eso ya lo hace muy superior.

La unica cosa que no me gusta de ir.pe es XHTML (lo siento cesar pero usar BluePrint me parece un exceso.)

Cuando digo que no me gusta ese XHTML me refiero a cosas como estas tener un <div> dentro de otros 4 o ver código como <div class="columna1 span-12 prepend-6">.

Lo bueno es que eso es muy sencillo de corregir.

Dale una mirada a ir.pe y dime que opinas.

Unete a la conversación

Cómo es el estado de Flow (video)

Sun, 14 Jun 2009 13:23:53 +0000

¿Has llegado a ese punto en que estás tan concentrando en algo que sientes que tus habilidades se incrementan y que absolutamante todos tus sentidos estan presentes en la tarea que estas realizando?

Eso es a lo que llamo: Estado de Flow (o estado de flujo)

Creo que a todos nos ha pasado alguna vez, tal vez mientras dábamos un examen en el colegio o la universidad, tal vez escribiendo XHTML o jugando a la pelota.

Describir el estado de flow siempre me pareció muy complicado... hasta que vi este video de Lang Lang tocando una sonata de Haydn.

El video a continuación...

El ejemplo perfecto de un estado de Flow

Creo que con eso queda muy claro qué es el estado de flow y lo bien que se siente estar así :)

Unete a la conversación

9 Libros para empezar en diseño web

Sat, 13 Jun 2009 23:49:04 +0000

¿Que libros leer para empezar a aprender diseño web?

Aquí dejo mis recomendaciones sobre los mejores libros para cualquiera que quiera empezar la carrera de diseñador web.

Lo primero que tienes que hacer si estás interesado en convertirte en diseñador web es aprender inglés, lo segundo que debes hacer es leer (obviamente los mejores libros están en Inglés).

Aquí te dejo el listado en orden:

Para empezar hay que aprender XHTML y CSS

Aquí tienes 2 de mis libros favoritos:

1.- Head First HTML with CSS & XHTML

Este es el primer libro que necesitarás, luego de terminarlo te aseguro que sabrás más XHTML y CSS que el 90% de personas que dicen que diseñan web.

Head First HTML with CSS & XHTML

Autores: Eric Freeman, Elisabeth Freeman, Precio:$26.39

Compra Head First HTML with CSS & XHTML en la tienda de Amazon de Aprendiendo Web

2.- Transcending CSS

Cuando ya tienes una base sólida en XHTML, el siguiente paso es aprender muy bien todo lo que se puede hacer con CSS (incluyendo CSS3).

Este libro es mi favorito, no es sólo un libro de CSS, es una filosofía de diseño web.

Transcending CSS

Por Andy Clarke, Molly E. Holzschlag Precio: $31.49

Compra Transcending CSS en la tienda de Amazon de Aprendiendo Web

Libros de referencia

Ahora que entiendes XHTML y CSS necesitarás 2 libros de referencia, yo te recomiendo:

3.- The Ultimate HTML Reference

Una guia de referencia es indispensable en el arsenal de todo diseñador y desarrollador web, esta es mi preferida.

The Ultimate HTML Reference

Autor: Ian Lloyd Precio: $29.67

4.- The Ultimate CSS Reference

Referencia de sintaxis y especificaciones de CSS 2.1, también incluye algo de CSS3.

The Ultimate CSS Reference

Por Tommy Olsson, Paul O'Brien, Precio: $29.67

Compra The Ultimate HTML Reference y The Ultimate CSS Reference en la tienda de Amazon de Aprendiendo Web

Es momento de hablar de la experiencia de usuario

5.- Don't Make Me Think: A Common Sense Approach to Web Usability

Todo un clásico sobre usabilidad web, si tuvieras que escoger sólo un libro de esta sección, definitivamente quedate con este.

Don't Make Me think

Por Steve Krug, Precio: $26.40

Compra Don't Make Me Think: A Common Sense Approach to Web Usability en la tienda de Amazon de Aprendiendo Web

6.- Neuro Web Design: What Makes Them Click? (Voices That Matter)

Neuro Web Design es un libro que explora las nociones psicológicas del diseño web, no creas que es un libro técnico, es más bien un conjunto de tips para hacer nuestros sitios más atractivos y útiles.

Libro muy recomendable.

Neuro Web Design

Por Susan M. Weinschenk, Precio: $16.49

Compra Neuro Web Design: What Makes Them Click? en la tienda de Amazon de Aprendiendo Web

7.- The Elements of User Experience: User-Centered Design for the Web (VOICES)

Los elementos de la experiencia de usuario es un buen libro, lo recomiendo luego de haber leído Don't Make Me Think y Neuro Web Design, es un poco más técnico y habla más sobre el proceso de trabajo para la creación de un sitio web usable que sobre usabilidad en sí

The Elements of User Experience

Por Jesse James Garrett, Precio: $23.09

Compra The Elements of User Experience: User-Centered Design for the Web en la tienda de Amazon de Aprendiendo Web

Luego un poco de JavaScript:

8.- Head First JavaScript

El JavaScript es parte del arsenal de cualquier diseñador, aún sin ser un experto Javascript te permitirá hacer cosas increibles... y nada mejor para empezar algo que un libro de la serie Head First.

Head First JavaScript

Por Michael Morrison, Precio: $26.39

Compra Head First JavaScript en la tienda de Amazon de Aprendiendo Web

Y por ultimo algo de Microformatos!

Luego de pasar por todos los libros anteriores sería interesante aprender un poco más de semántica para llevar nuestro XHTML al siguiente nivel.

9.- Microformats: Empowering Your Markup for Web 2.0

Los microformatos son una tecnología cada vez más usada que vale la pena aprender, con Microformatos puedes extender la semántica de tu XHTML.

Microformats: Empowering Your Markup for Web 2.0

Por John Allsopp, Precio: $23.09

Compra Microformats: Empowering Your Markup for Web 2.0 en la tienda de Amazon de Aprendiendo Web

Esos son mis 9 libros, estoy seguro que luego de leerlos todos, y obviamente practicar, volver a practicar y seguir practicando estarás en camino de volverte un muy buen diseñador web.

¿Crees que me faltó algún libro? ¿Quieres agregar el #10?

Unete a la conversación

Aprendiendo Web

Descarga los videos de MIMA Summit

Thinking Small (AEA Chicago 09)

Thinking Small

1. Sé un pensador

2. Encuentra el mensaje

3. Usa ingenera inversa

4. Crea un plano

5. Piensa horizontalmente

6. Detente, modula y escucha

7. Busca parejas (tipográficas)

A Site Redesign (AEA Chicago 09)

A Site Redesign

Mis Notas

Lo que pasó en AEA Chicago 09 (serie de posts)

Las Presentaciones

Social Marketing 101

Social Marketing 101: Everything You Think You Should Already Know

La regla del 1%

Regla del 1%

Finding Balance: Addressing Cognitive Dissonances (HCI)

Seminarios de HCI de la universidad de Stanford

Finding Balance: Addressing Cognitive Dissonances

Beneficios, no características

Pimpin' [Software Projects] Ain't Easy

¿Un input más grande facilita la búsqueda?

Realmente hace más fácil la búsqueda un input más grande

¿Por qué un mayor font-size es mejor?

Media Multitaskers Pay Mental Price

Media Multitaskers Pay Mental Price

1 año de Aprendiendo Web

Gracias

Cómo funciona la cascada en CSS

CSS cascade - a simple step-by-step presentation

Firefox 3.5 aún tiene problemas

XHTML 2 le cede el paso a HTML 5

¿Qué hay de nuevo en Firefox 3.5?

Novedades de Firefox 3.5

TEDx: empecemos con algo pequeño

Sir Ken Robinson: Do schools kill creativity?

Hagamos un TEDx en Lima

Qué necesitamos

7 pasos

5 reglas

Ir.pe: abreviando direcciones web

Ventaja #1: Longitud

Ventaja #2: Diseño

Cómo es el estado de Flow (video)

El ejemplo perfecto de un estado de Flow

9 Libros para empezar en diseño web

Para empezar hay que aprender XHTML y CSS

1.- Head First HTML with CSS & XHTML

2.- Transcending CSS

Libros de referencia

3.- The Ultimate HTML Reference

4.- The Ultimate CSS Reference

Es momento de hablar de la experiencia de usuario

5.- Don't Make Me Think: A Common Sense Approach to Web Usability

6.- Neuro Web Design: What Makes Them Click? (Voices That Matter)

7.- The Elements of User Experience: User-Centered Design for the Web (VOICES)

Luego un poco de JavaScript:

8.- Head First JavaScript

Y por ultimo algo de Microformatos!

9.- Microformats: Empowering Your Markup for Web 2.0