No más curva.
Upcoming SlideShare
Loading in...5
×
 

No más curva.

on

  • 470 views

Drupal Camp Puebla 2013 - La sesión esta pensada para usuarios que tengan conocimiento de HTML/CSS, pero que se han visto frustrados o detenidos, de una u otra manera, por la curva de aprendizaje de ...

Drupal Camp Puebla 2013 - La sesión esta pensada para usuarios que tengan conocimiento de HTML/CSS, pero que se han visto frustrados o detenidos, de una u otra manera, por la curva de aprendizaje de Drupal.

Statistics

Views

Total Views
470
Views on SlideShare
249
Embed Views
221

Actions

Likes
0
Downloads
0
Comments
0

2 Embeds 221

http://leivajd.com 213
http://www.leivajd.com 8

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

No más curva. No más curva. Presentation Transcript

  • No más curva.Por su amigo @leivajd
  • José Leivaleivajd.com / @leivajd
  • Drupal para diseñadores,venciendo la curva deaprendizaje.
  • Drupal para diseñadores,venciendo la curva deaprendizaje.
  • todosDrupal para diseñadores,venciendo la curva deaprendizaje.
  • http://groups.drupal.org/node/172434
  • Porqué hay tan pocosdiseñadores?
  • mito!
  • Puerta abierta paradiseñadores!
  • 5vías
  • 1el lenguaje
  • Lo siento, pero hayque leer.
  • 2el enfoque
  • Drupal no es un CMSterminado, es un frameworkpara crear uno.
  • Antes de escribir código
  • definir alcance
  • estructurar contenido
  • configurar lo básico
  • lo podemos contruir con loque tenemos?
  • 8020
  • 3la relación
  • Diseñador + Developer,no contra.
  • Server local / Drush / Terminal / Git
  • 4pierda elmiedo
  • La única manera estrabajando
  • Nunca pierda laoportunidad de aprender
  • camp2013.drupalcr.org
  • 5km extra
  • Todos los díasaprendemos algo nuevo.
  • HTML5
  • Style Guide
  • RWD
  • 100% artesanal.
  • Grid FlexibleMedia Flexible@Media Queries
  • Grid Flexible
  • target / contexto = resultado
  • ejem. 960 gridgrid_4: 300px300px / 960px = 0.3125target contexto x100 = 31.25%
  • Media Flexible img, video { max-width: 100%; height: auto; }
  • 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 linksDocumentació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
  • 1el lenguaje
  • 2el enfoque
  • 3la relación
  • 4pierda elmiedo
  • 5km extra
  • unicornios
  • Más enleivajd.com/nocurva