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.

1. No más curva.
Por su amigo @leivajd

2. José Leiva
leivajd.com / @leivajd

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

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

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

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

7. Porqué hay tan pocos
diseñadores?

9. mito!

15. Puerta abierta para
diseñadores!

16. 5
vías

17. 1
el lenguaje

19. Lo siento, pero hay
que leer.

24. 2
el enfoque

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

38. Antes de escribir código

39. definir alcance

40. estructurar contenido

41. configurar lo básico

42. lo podemos contruir con lo
que tenemos?

43. 8020

44. 3
la relación

45. Diseñador + Developer,
no contra.

46. Server local / Drush / Terminal / Git

47. 4
pierda el
miedo

48. La única manera es
trabajando

51. Nunca pierda la
oportunidad de aprender

56. camp2013.drupalcr.org

57. 5
km extra

58. Todos los días
aprendemos algo nuevo.

61. HTML5

66. Style Guide

71. RWD

72. 100% artesanal.

74. Grid Flexible
Media Flexible
@Media Queries

75. Grid Flexible

76. target / contexto = resultado

77. ejem. 960 grid
grid_4: 300px
300px / 960px = 0.3125
target contexto x100 = 31.25%

78. Media Flexible
img,
video {
max-width: 100%;
height: auto;
}

80. Media Queries

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

82. RWD Tips

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

84. Extra

85. http://drupal.org/project/themes

86. 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

87. http://bit.ly/ICTCnd

88. en resumen

89. 1
el lenguaje

90. 2
el enfoque

91. 3
la relación

92. 4
pierda el
miedo

93. 5
km extra

94. unicornios

95. Más en
leivajd.com/nocurva