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