Curso Online Responsive Web Design

Mañana (14/05/2012) empieza el curso de Responsive Web Design con los amigos de Desarrollo Web en su proyecto Escuela.It.

Estaremos cumpliendo un programa bastante interesante para llegar a controlar al máximo el diseño adaptable o Responsive Design:

Algo está pasando
Nuevas maneras de navegar por internet
Responsive Design NO es diseño móvil – ¿y qué es?

Dispositivos
Para quien diseñar
Resoluciones a tener en cuenta

Diseño Fluido
Concepto
Técnicas para lograrlos

Diseño Adaptable
Concepto
Técnicas para lograrlos

Diseño `Responsive´
Concepto
Técnicas para lograrlos

Ancho Máximo y Ancho Mínimo
La variable importante: resolución
Adaptar bloques en base al ancho
Ancho en IE
Float y Display: inline-block

Unidades de medida
Adoremos lo relativo
Calculo de medidas
Margin & Paddings flexibles

Imágenes
Popiedades
Imágenes Flexibles
Fondos Fexibles

Tipografía
Tamaños relativos de fuentes
Uso de fittext.js

Navegación Móvil
Navegación Adaptable
Algo de jQuery

Media Queries
Definiendo resoluciones
Condicionales
Un mundo con viewports

Media Queries II
Ejercicios y pruebas
God Like: no media queries

Frameworks & grids
Initialzr
Boilerplate
Frameless

Animaciones
Animar cambios del CSS
CSS3 y animaciones de Mediaqueries

Efectos de texto con Mediaqueries
Layouts adaptables
Diseñar antes de programar

Canvas
Jugar fuera del canvas

Soluciones
“Adaptar” webs
Herramientas online

Ejercicios de diseño
Conceptualizar una web adaptable.
Definir las herramientas.

El curso lo dará Wakkos (si, el hizo que esta web fuera Adaptable =P) y si os interesa inscribiros (aún queda alguna entrada) podéis hacerlo en la web de Escuela.It: http://escuela.it/cursos/responsive-web-design/.

Daniel Martínez

Opiniones y preguntas:

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *