El responsable de Frontend de Drupal, Nesta Guerrero, habla de cómo pasar de ‘PSD to HTML (Drupal)’. Ofrece claves sobre algunos temas: cómo solucionar puntos comunes en los arranques de proyectos, cómo funcionan las metodologías ágiles y cómo organizar y optimizar los tiempos durante el desarrollo, así como la coordinación con otros departamentos transversales.

1. PSD to HTML ( )
Nesta Guerrero - @nesta_
#DrupalDaySpain 2017

2. ¿Realidad o ficción?
Keep Calm
<ironic>Empezar con buena letra y terminar del
mismo modo.....</ironic>
Proyecto al pixel perfect
Proyectos Unicornios
¿En la foto se ve así?
Quiero …. ahora…. el responsive
Lo quiero SEO, lo quiero Accesible, lo
quiero que de palmas con las orejas….

3. Sobre mí
nesta_.info.yml
name: Nesta Guerrero
description: “Front and Drupal lover”
package: #DrupalDay
work_on:
- company: { name: @ladrupalera by @emergya, role: Front }
type: Rush B non-stop
core: D8
community: @nesta_@

4. Roadmap
Introducción
Workflow
¿Qué queremos hacer?
¿Cómo podemos hacerlo?
¿Qué necesito para hacerlo?

5. Roadmap
Introducción
Workflow
¿Qué queremos hacer?
¿Cómo podemos hacerlo?
¿Qué necesito para hacerlo?

6. Introducción
Modus operandi
Solución a problemas comunes
Puntos a tener en cuenta
Estudio
Preparación
Conseguir un trabajo ágil
Herramientas
Metodología
Calendario de entregas
Validaciones

7. Introducción

8. Introducción

9. Introducción

10. Roadmap
Introducción
Workflow
¿Qué queremos hacer?
¿Cómo podemos hacerlo?
¿Qué necesito para hacerlo?

11. Workflow
PO - UX - Backend - Designer - Frontend
Información
PDF/URL, Marvel, Zepplin
Entregas, Recursos &
Herramientas
Da Vinci & Sass
Theme Power
1
2
3

12. Roadmap
Introducción
Workflow
¿Qué queremos hacer?
¿Cómo podemos hacerlo?
¿Qué necesito para hacerlo?

13. EM
VW
Funciones para el font-size
Copiar Zepplin
Automatizarlas para que no
sea un infierno, --KISS--01
Cambios
Cosas chungas
Facilidad de la tarea.
Ejemplo (Burger)
Cerrar el flujo con Backend &
Diseño02
Iniciar con pensamiento de aplicar desde el
principio ya que siempre son los puntos más
difíciles de atajar una vez empezado.
Rendimiento, SEO y
Accesibilidad, Estabilidad03
Mínimo esfuerzo, Máximo beneficio.
Trabajar con calidad, feliz y
sintiéndote realizado04
¿Qué queremos
hacer?

14. Roadmap
Introducción
Workflow
¿Qué queremos hacer?
¿Cómo podemos hacerlo?
¿Qué necesito para hacerlo?

15. Recursos (tiempo & perfiles)
Aplicar herramientas y consenso con el resto de perfiles.
Limpiar Drupal y el Theme pensando en Seo y Accesibilidad
Guía de Colores
Funciones y Mixins
¿Cómo podemos hacerlo?

16. Roadmap
Introducción
Workflow
¿Qué queremos hacer?
¿Cómo podemos hacerlo?
¿Qué necesito para hacerlo?

17. ¿Qué necesito para
hacerlo?
Los buenos copian, los grandes “roban”.
de lo que haces
diariamente, se
puede automatizar.
60%

18. Recursos
https://keep.google.com/#NOTE/1490865928176.1
62409761

19. Thanks to...

20. Thanks to...

21. Thanks to...
#DrupalDay / @drupalday @nesta_

22. Thanks to...
#DrupalDay / @drupalday @nesta_

23. Thanks!