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://drupa...
http://bit.ly/ICTCnd
en resumen
1el lenguaje
2el enfoque
3la relación
4pierda elmiedo
5km extra
unicornios
Más enleivajd.com/nocurva
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
No más curva.
Upcoming SlideShare
Loading in...5
×

No más curva.

331
-1

Published on

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.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
331
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

No más curva.

  1. 1. No más curva.Por su amigo @leivajd
  2. 2. José Leivaleivajd.com / @leivajd
  3. 3. Drupal para diseñadores,venciendo la curva deaprendizaje.
  4. 4. Drupal para diseñadores,venciendo la curva deaprendizaje.
  5. 5. todosDrupal para diseñadores,venciendo la curva deaprendizaje.
  6. 6. http://groups.drupal.org/node/172434
  7. 7. Porqué hay tan pocosdiseñadores?
  8. 8. mito!
  9. 9. Puerta abierta paradiseñadores!
  10. 10. 5vías
  11. 11. 1el lenguaje
  12. 12. Lo siento, pero hayque leer.
  13. 13. 2el enfoque
  14. 14. Drupal no es un CMSterminado, es un frameworkpara crear uno.
  15. 15. Antes de escribir código
  16. 16. definir alcance
  17. 17. estructurar contenido
  18. 18. configurar lo básico
  19. 19. lo podemos contruir con loque tenemos?
  20. 20. 8020
  21. 21. 3la relación
  22. 22. Diseñador + Developer,no contra.
  23. 23. Server local / Drush / Terminal / Git
  24. 24. 4pierda elmiedo
  25. 25. La única manera estrabajando
  26. 26. Nunca pierda laoportunidad de aprender
  27. 27. camp2013.drupalcr.org
  28. 28. 5km extra
  29. 29. Todos los díasaprendemos algo nuevo.
  30. 30. HTML5
  31. 31. Style Guide
  32. 32. RWD
  33. 33. 100% artesanal.
  34. 34. Grid FlexibleMedia Flexible@Media Queries
  35. 35. Grid Flexible
  36. 36. target / contexto = resultado
  37. 37. ejem. 960 gridgrid_4: 300px300px / 960px = 0.3125target contexto x100 = 31.25%
  38. 38. Media Flexible img, video { max-width: 100%; height: auto; }
  39. 39. Media Queries
  40. 40. Cambiar el layout cuando sea necesario.Cambiar estilo de elementos.Cambiar base font-size
  41. 41. RWD Tips
  42. 42. - Grid Flexible FTW!- Jerarquía del contenido- Pixel perfect- No más pixeles- Em para font-size- Aprender haciendo
  43. 43. Extra
  44. 44. http://drupal.org/project/themes
  45. 45. 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
  46. 46. http://bit.ly/ICTCnd
  47. 47. en resumen
  48. 48. 1el lenguaje
  49. 49. 2el enfoque
  50. 50. 3la relación
  51. 51. 4pierda elmiedo
  52. 52. 5km extra
  53. 53. unicornios
  54. 54. Más enleivajd.com/nocurva
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×