Pro Yearly is on sale from $80 to $50! »

Cómo lograr un flujo de trabajo exitoso entre programadores y diseñadores

6c137ee3013821b517c4b9beed0145df?s=47 Fernando Perales
August 16, 2016
Programming
0
100

Cómo lograr un flujo de trabajo exitoso entre programadores y diseñadores

6c137ee3013821b517c4b9beed0145df?s=128

Fernando Perales

August 16, 2016
Tweet

More Decks by Fernando Perales

See All by Fernando Perales
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
63
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
10
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
12
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
50
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
15
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
42
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
66
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
44
6c137ee3013821b517c4b9beed0145df?s=48 ferperales
0
29

Other Decks in Programming

See All in Programming
3931098ae486b6df619050c63e24f6cc?s=48 osyo
0
250
73b0a25ed03f649ec63ded82ce4ac7cb?s=48 nunulk
0
140
B8811aa702d3f891ad13385f2ef99383?s=48 yotubarail
0
130
3f7d9611fc919c98512b779cde637dfc?s=48 johnlinvc
2
590
1405a601755e5fcbfdc93a2560368bb1?s=48 freddi
0
230
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
1
340
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
0
210
15217910de00471b472fecae440c6daf?s=48 ditn
2
510
64c1a3841da6d254ac11d9d842e04ce4?s=48 dalinaum
1
560
83722380372c00bd75ac920f2089f6aa?s=48 zacky1972
0
200
Bc142fbacf80354db09fe3dda44afcf1?s=48 nobonobo
0
140
B932b972f9334d4d333224468f3f84d9?s=48 yyh_gl
0
120

Featured

See All Featured
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
116
4.8k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
109
9.7k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
72
7.4k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
143
19k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
54
1.9k
245cee81a9c424266e5e401d844ea881?s=48 lara
172
9.4k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
15k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
81
3.3k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
7
400
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
15k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
55
9.3k

Transcript

  1. #SGNEXT @FerPeralesM CÓMO LOGRAR UN FLUJO DE TRABAJO EXITOSO ENTRE

    PROGRAMADORES Y DISEÑADORES

  2. #SGNEXT @FerPeralesM CÓMO LOGRAR UN FLUJO DE TRABAJO EXITOSO ENTRE

    PROGRAMADORES Y DISEÑADORES FERNANDO PERALES

  3. #SGNEXT @FerPeralesM <me>

  4. #SGNEXT @FerPeralesM Senior Consultant MagmaLabs

  5. #SGNEXT @FerPeralesM Promotor del FLOSS Apasionado del desarrollo web Conferencista

    en formación Estudiante de Bajo Eléctrico Fan: Heavy metal, cerveza, Twitter, Gregory Sallust, Ruby

  6. #SGNEXT @FerPeralesM </me>

  7. #SGNEXT @FerPeralesM Programadores vs. Diseñadores

  8. @FerPeralesM #SGNEXT Programadores vs. Diseñadores http://sixrevisions.com/infographics/web-designers-vs-web-developers-infographic/

  9. @FerPeralesM #SGNEXT “NADIE NOS ENSEÑA A TRABAJAR JUNTOS”

  10. @FerPeralesM #SGNEXT Fer Perales “NADIE NOS ENSEÑA A TRABAJAR JUNTOS”

  11. #SGNEXT @FerPeralesM El proyecto

  12. @FerPeralesM #SGNEXT EL PROYECTO ▸ 6 temas para una plataforma

    de e-commerce ▸ Cada tema con 6 páginas: About Us, Cart, Categories, Contact Us, Home y PDP ▸ Sólo proporcionar el HTML y CSS necesario: un sitio estático ▸ Un mes ▸ 4 programadores y 4 diseñadores

  13. GOPRO.COM

  14. ABOUT US

  15. CART

  16. CATEGORIES

  17. CONTACT US

  18. HOME

  19. PDP

  20. @FerPeralesM #SGNEXT

  21. #SGNEXT @FerPeralesM Los problemas

  22. @FerPeralesM #SGNEXT REPARTICIÓN DEL TRABAJO

  23. @FerPeralesM #SGNEXT

  24. @FerPeralesM #SGNEXT POR VISTA

  25. @FerPeralesM #SGNEXT POR RESOLUCIÓN

  26. @FerPeralesM #SGNEXT POR COMPONENTE

  27. @FerPeralesM #SGNEXT

  28. @FerPeralesM #SGNEXT RESOLUCIONES A CONSIDERAR

  29. @FerPeralesM #SGNEXT

  30. @FerPeralesM #SGNEXT

  31. @FerPeralesM #SGNEXT ELECCIÓN DE LAS HERRAMIENTAS

  32. @FerPeralesM #SGNEXT ROTACIÓN DE DESARROLLADORES

  33. @FerPeralesM #SGNEXT FACTOR AUTOBÚS

  34. @FerPeralesM #SGNEXT https://adamprescott.files.wordpress.com/2012/12/busfactor1.png

  35. @FerPeralesM #SGNEXT ¿ORDEN DEL TRABAJO?

  36. @FerPeralesM #SGNEXT PRIMERO ERA NECESARIO EL DISEÑO ANTES DE LA

    IMPLEMENTACIÓN

  37. @FerPeralesM #SGNEXT NO PODEMOS HACER QUE LOS DISEÑADORES TRABAJEN MÁS

    RÁPIDO

  38. @FerPeralesM #SGNEXT PERO…

  39. @FerPeralesM #SGNEXT PODEMOS HACER QUE PIERDAN MENOS TIEMPO

  40. @FerPeralesM #SGNEXT GUIDELINES

  41. @FerPeralesM #SGNEXT

  42. @FerPeralesM #SGNEXT ¿SCRUM/AGILE NECESARIO?

  43. @FerPeralesM #SGNEXT ¿SCRUM/AGILE NECESARIO? R: NO

  44. @FerPeralesM #SGNEXT COMPONENTES COMUNES PARA TODOS LOS TEMAS

  45. @FerPeralesM #SGNEXT ¡REUTILIZAR!

  46. @FerPeralesM #SGNEXT PARCIALES + SMACSS

  47. @FerPeralesM #SGNEXT

  48. @FerPeralesM #SGNEXT “SCALABLE AND MODULAR ARCHITECTURE FOR CSS (SMACSS) ES

    EL LIBRO QUE LE DA SENTIDO A HACER CSS”

  49. @FerPeralesM #SGNEXT “SCALABLE AND MODULAR ARCHITECTURE FOR CSS (SMACSS) ES

    EL LIBRO QUE LE DA SENTIDO A HACER CSS” Fer Perales

  50. @FerPeralesM #SGNEXT ASUNCIONES

  51. @FerPeralesM #SGNEXT SISTEMA DE GRID VS. PIXEL PERFECT

  52. @FerPeralesM #SGNEXT DISEÑADORES HACIAN PIXEL PERFECT

  53. @FerPeralesM #SGNEXT PROGRAMADORES USABAN SISTEMA DE GRID

  54. @FerPeralesM #SGNEXT

  55. @FerPeralesM #SGNEXT ¡TODOS USAMOS SISTEMA DE GRID!

  56. @FerPeralesM #SGNEXT

  57. @FerPeralesM #SGNEXT ¿O NO?

  58. @FerPeralesM #SGNEXT GUTTER

  59. @FerPeralesM #SGNEXT ¿GUTTER?

  60. @FerPeralesM #SGNEXT

  61. @FerPeralesM #SGNEXT BEFORE, AFTER, SPLIT, INSIDE, INSIDE-STATIC

  62. @FerPeralesM #SGNEXT DISEÑADORES USABAN BEFORE

  63. @FerPeralesM #SGNEXT PROGRAMADORES USABAN AFTER

  64. @FerPeralesM #SGNEXT

  65. @FerPeralesM #SGNEXT …

  66. @FerPeralesM #SGNEXT TODOS USAMOS BEFORE

  67. @FerPeralesM #SGNEXT ENTREGAS

  68. @FerPeralesM #SGNEXT

  69. @FerPeralesM #SGNEXT FACTOR AUTOBUS ATACA DE NUEVO

  70. @FerPeralesM #SGNEXT http://img07.deviantart.net/15bb/i/2009/102/f/5/killer_bus_by_wendieee.jpg

  71. @FerPeralesM #SGNEXT

  72. @FerPeralesM #SGNEXT

  73. #SGNEXT @FerPeralesM Las lecciones aprendidas

  74. #SGNEXT @FerPeralesM DETENERTE PARA PONER ORDEN ESTÁ BIEN

  75. #SGNEXT @FerPeralesM TOMARTE EL TIEMPO NECESARIO PARA ELEGIR TUS HERRAMIENTAS

  76. #SGNEXT @FerPeralesM EN PROCESOS REPETITIVOS, ELABORA UNA METODOLOGÍA Y DOCUMÉNTALA

  77. #SGNEXT @FerPeralesM REUTILIZA TODO LO QUE PUEDAS

  78. #SGNEXT @FerPeralesM COMUNICACIÓN

  79. #SGNEXT @FerPeralesM EMPATÍA Y RESPETO

  80. #SGNEXT @FerPeralesM CONFIANZA

  81. #SGNEXT @FerPeralesM PRÓXIMIDAD

  82. #SGNEXT @FerPeralesM DESASTE DE TODO LO INNECESARIO

  83. #SGNEXT @FerPeralesM EDUQUEN A SUS PROGRAMADORES DISEÑADORES:

  84. #SGNEXT @FerPeralesM http://cdn.skilledup.com/wp-content/uploads/2014/10/Web-Design-Vs-Web-Development-Feature_1290x688_KL-940x501.jpg

  85. #SGNEXT @FerPeralesM EDUQUEN A SUS DISEÑADORES PROGRAMADORES:

  86. #SGNEXT @FerPeralesM http://cdn.skilledup.com/wp-content/uploads/2014/10/Web-Design-Vs-Web-Development-Feature_1290x688_KL-940x501.jpg

  87. @FerPeralesM #SGNEXT AMBOS QUEREMOS HACER DE LA WEB UN LUGAR

    MEJOR http://designmodo.com/wp-content/uploads/2013/10/designervdeveloper.jpg

  88. @FerPeralesM #SGNEXT ¿PREGUNTAS?

  89. #SGNEXT @FerPeralesM ¡GRACIAS! hola@ferperales.net