Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Cómo lograr un flujo de trabajo exitoso entre programadores y diseñadores
Fernando Perales
August 16, 2016
Programming
0
130
Cómo lograr un flujo de trabajo exitoso entre programadores y diseñadores
Fernando Perales
August 16, 2016
Tweet
Share
More Decks by Fernando Perales
See All by Fernando Perales
Open the gate a little: strategies to protect and share data
ferperales
0
180
The Padawan Path
ferperales
0
550
The Senior Software Engineer - FSL
ferperales
0
97
I [i18n] you: estrategias para manejo efectivo de traducciones en proyectos de Open Source
ferperales
0
16
4000 mexicanos dijeron - FSL
ferperales
0
17
I [i18n] you: estrategias para manejo efectivo de traducciones en proyectos de open source
ferperales
0
92
Simplificación de álgebra booleana con mapas de Karnaugh
ferperales
0
37
4000 mexicanos dijeron
ferperales
0
49
Recetas de Rails
ferperales
0
69
Other Decks in Programming
See All in Programming
Vite でお手軽 Vue.js の環境構築
azuki
2
190
短納期でローンチした新サービスをJavaで開発した話/launched new service using Java
eichisanden
6
2k
Opsしかやってこなかった私が DevOpsが根付いたチームにJoinした話
yhamano
1
100
リアルタイムボイスチェンジャーMMVCとVITSの紹介
stealthinu
0
160
[DevTrends - Jun/2022] Arquitetura baseada em eventos
camilacampos
0
160
How we run a Realtime Puzzle Fighting Game on AWS Serverless
falken
0
250
Terraform Plan/Apply結果の自動通知
ymmy02
0
280
Gitlab CIでMRを自動生成する
forcia_dev_pr
0
120
Independently together: better developer experience & App performance
bcinarli
0
190
競プロのすすめ
uya116
0
680
Cybozu GoogleI/O 2022 LT会 - Input for all screens
jaewgwon
0
400
開発速度を5倍早くするVSCodeの拡張機能を作った
purp1eeeee
2
170
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
15
36k
GraphQLの誤解/rethinking-graphql
sonatard
28
6.6k
Typedesign – Prime Four
hannesfritz
34
1.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
62k
The Power of CSS Pseudo Elements
geoffreycrofte
47
3.9k
A designer walks into a library…
pauljervisheath
196
16k
Rails Girls Zürich Keynote
gr2m
86
12k
Fireside Chat
paigeccino
12
1.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Visualization
eitanlees
125
11k
No one is an island. Learnings from fostering a developers community.
thoeni
9
1.3k
Atom: Resistance is Futile
akmur
255
20k
Transcript
#SGNEXT @FerPeralesM CÓMO LOGRAR UN FLUJO DE TRABAJO EXITOSO ENTRE
PROGRAMADORES Y DISEÑADORES
#SGNEXT @FerPeralesM CÓMO LOGRAR UN FLUJO DE TRABAJO EXITOSO ENTRE
PROGRAMADORES Y DISEÑADORES FERNANDO PERALES
#SGNEXT @FerPeralesM <me>
#SGNEXT @FerPeralesM Senior Consultant MagmaLabs
#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
#SGNEXT @FerPeralesM </me>
#SGNEXT @FerPeralesM Programadores vs. Diseñadores
@FerPeralesM #SGNEXT Programadores vs. Diseñadores http://sixrevisions.com/infographics/web-designers-vs-web-developers-infographic/
@FerPeralesM #SGNEXT “NADIE NOS ENSEÑA A TRABAJAR JUNTOS”
@FerPeralesM #SGNEXT Fer Perales “NADIE NOS ENSEÑA A TRABAJAR JUNTOS”
#SGNEXT @FerPeralesM El proyecto
@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
GOPRO.COM
ABOUT US
CART
CATEGORIES
CONTACT US
HOME
PDP
@FerPeralesM #SGNEXT
#SGNEXT @FerPeralesM Los problemas
@FerPeralesM #SGNEXT REPARTICIÓN DEL TRABAJO
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT POR VISTA
@FerPeralesM #SGNEXT POR RESOLUCIÓN
@FerPeralesM #SGNEXT POR COMPONENTE
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT RESOLUCIONES A CONSIDERAR
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT ELECCIÓN DE LAS HERRAMIENTAS
@FerPeralesM #SGNEXT ROTACIÓN DE DESARROLLADORES
@FerPeralesM #SGNEXT FACTOR AUTOBÚS
@FerPeralesM #SGNEXT https://adamprescott.files.wordpress.com/2012/12/busfactor1.png
@FerPeralesM #SGNEXT ¿ORDEN DEL TRABAJO?
@FerPeralesM #SGNEXT PRIMERO ERA NECESARIO EL DISEÑO ANTES DE LA
IMPLEMENTACIÓN
@FerPeralesM #SGNEXT NO PODEMOS HACER QUE LOS DISEÑADORES TRABAJEN MÁS
RÁPIDO
@FerPeralesM #SGNEXT PERO…
@FerPeralesM #SGNEXT PODEMOS HACER QUE PIERDAN MENOS TIEMPO
@FerPeralesM #SGNEXT GUIDELINES
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT ¿SCRUM/AGILE NECESARIO?
@FerPeralesM #SGNEXT ¿SCRUM/AGILE NECESARIO? R: NO
@FerPeralesM #SGNEXT COMPONENTES COMUNES PARA TODOS LOS TEMAS
@FerPeralesM #SGNEXT ¡REUTILIZAR!
@FerPeralesM #SGNEXT PARCIALES + SMACSS
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT “SCALABLE AND MODULAR ARCHITECTURE FOR CSS (SMACSS) ES
EL LIBRO QUE LE DA SENTIDO A HACER CSS”
@FerPeralesM #SGNEXT “SCALABLE AND MODULAR ARCHITECTURE FOR CSS (SMACSS) ES
EL LIBRO QUE LE DA SENTIDO A HACER CSS” Fer Perales
@FerPeralesM #SGNEXT ASUNCIONES
@FerPeralesM #SGNEXT SISTEMA DE GRID VS. PIXEL PERFECT
@FerPeralesM #SGNEXT DISEÑADORES HACIAN PIXEL PERFECT
@FerPeralesM #SGNEXT PROGRAMADORES USABAN SISTEMA DE GRID
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT ¡TODOS USAMOS SISTEMA DE GRID!
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT ¿O NO?
@FerPeralesM #SGNEXT GUTTER
@FerPeralesM #SGNEXT ¿GUTTER?
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT BEFORE, AFTER, SPLIT, INSIDE, INSIDE-STATIC
@FerPeralesM #SGNEXT DISEÑADORES USABAN BEFORE
@FerPeralesM #SGNEXT PROGRAMADORES USABAN AFTER
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT …
@FerPeralesM #SGNEXT TODOS USAMOS BEFORE
@FerPeralesM #SGNEXT ENTREGAS
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT FACTOR AUTOBUS ATACA DE NUEVO
@FerPeralesM #SGNEXT http://img07.deviantart.net/15bb/i/2009/102/f/5/killer_bus_by_wendieee.jpg
@FerPeralesM #SGNEXT
@FerPeralesM #SGNEXT
#SGNEXT @FerPeralesM Las lecciones aprendidas
#SGNEXT @FerPeralesM DETENERTE PARA PONER ORDEN ESTÁ BIEN
#SGNEXT @FerPeralesM TOMARTE EL TIEMPO NECESARIO PARA ELEGIR TUS HERRAMIENTAS
#SGNEXT @FerPeralesM EN PROCESOS REPETITIVOS, ELABORA UNA METODOLOGÍA Y DOCUMÉNTALA
#SGNEXT @FerPeralesM REUTILIZA TODO LO QUE PUEDAS
#SGNEXT @FerPeralesM COMUNICACIÓN
#SGNEXT @FerPeralesM EMPATÍA Y RESPETO
#SGNEXT @FerPeralesM CONFIANZA
#SGNEXT @FerPeralesM PRÓXIMIDAD
#SGNEXT @FerPeralesM DESASTE DE TODO LO INNECESARIO
#SGNEXT @FerPeralesM EDUQUEN A SUS PROGRAMADORES DISEÑADORES:
#SGNEXT @FerPeralesM http://cdn.skilledup.com/wp-content/uploads/2014/10/Web-Design-Vs-Web-Development-Feature_1290x688_KL-940x501.jpg
#SGNEXT @FerPeralesM EDUQUEN A SUS DISEÑADORES PROGRAMADORES:
#SGNEXT @FerPeralesM http://cdn.skilledup.com/wp-content/uploads/2014/10/Web-Design-Vs-Web-Development-Feature_1290x688_KL-940x501.jpg
@FerPeralesM #SGNEXT AMBOS QUEREMOS HACER DE LA WEB UN LUGAR
MEJOR http://designmodo.com/wp-content/uploads/2013/10/designervdeveloper.jpg
@FerPeralesM #SGNEXT ¿PREGUNTAS?
#SGNEXT @FerPeralesM ¡GRACIAS! hola@ferperales.net