No más curva.Por su amigo @leivajd

José Leivaleivajd.com / @leivajd

Drupal para diseñadores, venciendo la curva de aprendizaje.

Drupal para diseñadores, venciendo la curva de aprendizaje.

Drupal para diseñadores, venciendo la curva de aprendizaje.

todos

http://groups.drupal.org/node/172434

Porqué hay tan pocos diseñadores?

mito!

Puerta abierta paradiseñadores!

vías5

el lenguaje1

Lo siento, pero hay que leer.

el enfoque2

Drupal no es un CMS terminado, es un framework para crear uno.

Antes de escribir código

definir alcance

estructurar contenido

configurar lo básico

lo podemos contruir con lo que tenemos?

8020

la relación3

Diseñador + Developer, no contra.

Server local / Drush / Terminal / Git

pierda el miedo

4

La única manera es trabajando

Nunca pierda la oportunidad de aprender

camp2013.drupalcr.org

km extra5

Todos los días aprendemos algo nuevo.

HTML5

Style Guide

RWD

100% artesanal.

Grid FlexibleMedia Flexible@Media Queries

Grid Flexible

target / contexto = resultado

ejem. 960 grid

grid_4: 300px

300px / 960px = 0.3125target contexto x100 = 31.25%

img,video { max-width: 100%; height: auto;}

Media Flexible

Media Queries

Cambiar el layout cuando sea necesario.Cambiar estilo de elementos.Cambiar base font-size

RWD Tips

- Grid Flexible FTW!- Jerarquía del contenido- Pixel perfect- No más pixeles- Em para font-size- Aprender haciendo

Extra

http://drupal.org/project/themes

Quick links

Documentación para iniciar con theming.

• http://drupal.org/getting-started/install-contrib/themes• http://drupal.org/documentation/theme• About theming http://drupal.org/node/221881• Video http://aprende.drupal-centroamerica.org/node/9

http://bit.ly/ICTCnd

en resumen

el lenguaje1

el enfoque2

la relación3

pierda el miedo

4

km extra5

unicornios

leivajd.com/nocurvaMás en