CSSLab

Hace unas semanas impartí un mini-curso teórico sobre diseño y desarrollo web para dispositivos móviles. El resultado fueron 3 días de slides, charla y demostraciones, las que comparto en esta ocasión para que pueda ser escuchada, analizada y criticada abiertamente.

Como valor agregado, posterior al curso volví a grabar (tratando de recordar lo dicho en esos momentos) y disponibilizo los slides con audio y auto-navegación, es decir, en la parte superior de cada slide encontrarán un player de <video> con el cual pueden hacer play y escuchar mi monótona voz mientras se cruzan de brazos, conectan audífonos y ven como pasan los slides uno a uno, sincronizados con lo que se va mencionando. Con audio cada clase no son más de 20 minutos.

Advertencia:
La grabación hecha en cada uno de los 3 slides fueron en una misma sesión y al estilo de conversación, no de charla.
Imagínense que estamos en un bar conversando y me preguntan sobre mobile y y les voy contando todo lo que sé y deberían saben.
Eso.

Si no les interesa escucharme, ignoren el player y denle con las flechas. En todo caso el audio pueden pararlo y adelantarlo si quieren, el slide correspondiente se reubicará donde debería estar.

Clase 1: Introducción al desarrollo móvil

• Roadmap
• Herramientas
• Dispositivos / Browsers
• Códigos base

Ver Clase 1

Clase 2: Diseño orientado al móvil

• Resoluciones y Tamaños
• Densidad de pixeles
• Qué evitar

Ver Clase 2

Clase 3: Desarrollo orientado al móvil

• Detección
• Was ist Modernizr
• Sitio dedicado v/s sitio responsivo
• Media queries
• HTML/CSS
• Javascript
• Herramientas

Ver Clase 3

Recomendaciones:

1. El uso de un browser moderno (duh!) como Chrome/Safari ó Firefox 9+
2. Si vas a escuchar el audio, súbele el volumen y ponte audífonos.
3. Comentarios sobre el contenido son bienvenidos.