Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)

Romén Rodríguez-Gil
Romén Rodríguez-GilSoftware Engineer & Digital Entrepreneur
No maltrates a tus usuarios /
clientes
w w w.lan g p rovin g .com
1 6 - 2 4 J u n i o , 2 0 1 4
Bu en a s prá c tic a s en dis eñ o de in terf a c es web /
mó viles y la impo rta n c ia de la s métric a s de u s o
# u x t e n e r i f e
Romén Rodríguez
C E O – L a n g p r o v i n g
@ r o m e n r g
IMPLEMENTEMOS LAS INTERFACES
DE LOS PROYECTOS DE CADA GRUPO
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
IMPLEMENTEMOS LAS INTERFACES
DE LOS PROYECTOS DE CADA GRUPO
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
C olabor ac ión de Langpr oving :
Es aú Suar ez
F r o n t - e n d E n g i n e e r @ L a n g p r o v i n g
w w w.lan g p rovin g .com
CREAR CUENTA EN GITHUB
UNA POR GRUPO
HAGAN UN FORK DEL BOILERPLATE
CREADO POR LANGPROVING
DESCARGUEN SU COPIA A SU PC
TRAS HABER HECHO EL FORK A SU CUENTA PREVIAMENTE
CREEN LA RAMA PARA WEB ESTÁTICA
GITHUB NOS PERMITE ALOJAR WEBS ESTÁTICAS DE ESTA FORMA
INSTALEN GRUNT
NOS PERMITE LEVANTAR UN SERVIDOR LOCAL Y GENERAR CSS DESDE LESS
EJECUTEN GRUNT
Y VERÁN COMO LEVANTA EL SERVIDOR, GENERA CSS Y QUEDA EN ESPERA
YA TIENEN TODO LO NECESARIO
AHORA VAMOS A CON ALGUNA AYUDA
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
NECESITARÁN UN IDE
SUBLIME TEXT NOS VALE PARA ESTE CURSO
LESS PLUGIN PARA SUBLIME TEXT
PARA COLOREADO DE SINTAXIS
MANOS A LA OBRA
ESTRUCTURA Y UN EJEMPLO DE LESS + MEDIA QUERIES
AHORA TOCA IMPLEMENTAR NUESTRAS UI
INTENTANDO CONSEGUIR LA MEJOR EXPERIENCIA DE USUARIO
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
C olabor ac ión de Langpr oving :
Es aú Suar ez
F r o n t - e n d E n g i n e e r @ L a n g p r o v i n g
w w w.lan g p rovin g .com
AHORA TOCA IMPLEMENTAR NUESTRAS UI
INTENTANDO CONSEGUIR LA MEJOR EXPERIENCIA DE USUARIO
No maltrates a tus usuarios /
clientes
w w w.lan g p rovin g .com
Bu en a s prá c tic a s en dis eñ o de in terf a c es web /
mó viles y la impo rta n c ia de la s métric a s de u s o
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
Romén Rodríguez
C E O – L a n g p r o v i n g
@ r o m e n r g
1 of 16

Recommended

Uso de la plataforma moodle by
Uso de la plataforma moodleUso de la plataforma moodle
Uso de la plataforma moodlemariacsoto
202 views7 slides
Portfolio Frances Fuentes W. by
Portfolio Frances Fuentes W.Portfolio Frances Fuentes W.
Portfolio Frances Fuentes W.Frances Fuentes W.
49 views7 slides
Universidad de panama, power point, maestría de periodismo. icard reyes by
Universidad de panama, power point, maestría de periodismo. icard reyesUniversidad de panama, power point, maestría de periodismo. icard reyes
Universidad de panama, power point, maestría de periodismo. icard reyesIcard D. Reyes Rodriguez
1.1K views10 slides
Qué dicen los medios de ti - Clinic SEO del Congreso Web Zaragoza 2018 by
Qué dicen los medios de ti - Clinic SEO del Congreso Web Zaragoza 2018Qué dicen los medios de ti - Clinic SEO del Congreso Web Zaragoza 2018
Qué dicen los medios de ti - Clinic SEO del Congreso Web Zaragoza 2018Unancor Marketing S.L.
178 views42 slides
Curso Redes Sociales. Repaso by
Curso Redes Sociales. RepasoCurso Redes Sociales. Repaso
Curso Redes Sociales. RepasoGarazi Serrano
351 views26 slides
Uso de los conceptos básicos en diarios digitales by
Uso de los conceptos básicos en diarios digitalesUso de los conceptos básicos en diarios digitales
Uso de los conceptos básicos en diarios digitalesluis19m
111 views3 slides

More Related Content

Viewers also liked

Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 3 - Responsive W... by
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 3 - Responsive W...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 3 - Responsive W...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 3 - Responsive W...Romén Rodríguez-Gil
650 views36 slides
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Claves sobre... by
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Claves sobre...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Claves sobre...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Claves sobre...Romén Rodríguez-Gil
564 views8 slides
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Introducción... by
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Introducción...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Introducción...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Introducción...Romén Rodríguez-Gil
543 views32 slides
[OLD] Vocabulary Notebook: Extended Features and Pricing for Schools by
[OLD] Vocabulary Notebook: Extended Features and Pricing for Schools[OLD] Vocabulary Notebook: Extended Features and Pricing for Schools
[OLD] Vocabulary Notebook: Extended Features and Pricing for SchoolsRomén Rodríguez-Gil
4.3K views51 slides
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti... by
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...Romén Rodríguez-Gil
287 views23 slides
Curso LaunchTF: Customer Discovery. Taller de entrevistas con clientes by
Curso LaunchTF: Customer Discovery. Taller de entrevistas con clientesCurso LaunchTF: Customer Discovery. Taller de entrevistas con clientes
Curso LaunchTF: Customer Discovery. Taller de entrevistas con clientesRomén Rodríguez-Gil
574 views26 slides

Viewers also liked(20)

Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 3 - Responsive W... by Romén Rodríguez-Gil
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 3 - Responsive W...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 3 - Responsive W...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 3 - Responsive W...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Claves sobre... by Romén Rodríguez-Gil
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Claves sobre...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Claves sobre...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Claves sobre...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Introducción... by Romén Rodríguez-Gil
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Introducción...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Introducción...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Introducción...
[OLD] Vocabulary Notebook: Extended Features and Pricing for Schools by Romén Rodríguez-Gil
[OLD] Vocabulary Notebook: Extended Features and Pricing for Schools[OLD] Vocabulary Notebook: Extended Features and Pricing for Schools
[OLD] Vocabulary Notebook: Extended Features and Pricing for Schools
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti... by Romén Rodríguez-Gil
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...
Curso LaunchTF: Customer Discovery. Taller de entrevistas con clientes by Romén Rodríguez-Gil
Curso LaunchTF: Customer Discovery. Taller de entrevistas con clientesCurso LaunchTF: Customer Discovery. Taller de entrevistas con clientes
Curso LaunchTF: Customer Discovery. Taller de entrevistas con clientes
New Economy & Startups: 3 New Realities and 2 Key Insights by Romén Rodríguez-Gil
New Economy & Startups: 3 New Realities and 2 Key InsightsNew Economy & Startups: 3 New Realities and 2 Key Insights
New Economy & Startups: 3 New Realities and 2 Key Insights
Strategi Pembelajaran PBL dan Media Power Point Pada Topik Kelarutan dan Hasi... by dinaadreini87
Strategi Pembelajaran PBL dan Media Power Point Pada Topik Kelarutan dan Hasi...Strategi Pembelajaran PBL dan Media Power Point Pada Topik Kelarutan dan Hasi...
Strategi Pembelajaran PBL dan Media Power Point Pada Topik Kelarutan dan Hasi...
dinaadreini872K views
Rhinc formation-rhinoceros-v4-0-les-bases by CERTyou Formation
Rhinc formation-rhinoceros-v4-0-les-basesRhinc formation-rhinoceros-v4-0-les-bases
Rhinc formation-rhinoceros-v4-0-les-bases
CERTyou Formation150 views
Gugus fungsi dina adreini by dinaadreini87
Gugus fungsi dina adreiniGugus fungsi dina adreini
Gugus fungsi dina adreini
dinaadreini8719.2K views
Analisis masalah pembelajaran kimia smk paba binjai by dinaadreini87
Analisis masalah pembelajaran kimia smk paba binjaiAnalisis masalah pembelajaran kimia smk paba binjai
Analisis masalah pembelajaran kimia smk paba binjai
dinaadreini8716.6K views

Similar to Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)

Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Experimentos... by
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Experimentos...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Experimentos...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Experimentos...Romén Rodríguez-Gil
537 views37 slides
Informe caso practico, investigación cualitativa de mercados by
Informe caso practico, investigación cualitativa de mercadosInforme caso practico, investigación cualitativa de mercados
Informe caso practico, investigación cualitativa de mercadosMayra Diaz
10.7K views10 slides
J MARIN Labs Digital Disruption by
J MARIN Labs Digital DisruptionJ MARIN Labs Digital Disruption
J MARIN Labs Digital DisruptionJ MARIN Labs
74 views62 slides
Seguridad en WordPress sin saber código by
Seguridad en WordPress sin saber códigoSeguridad en WordPress sin saber código
Seguridad en WordPress sin saber códigoIban Vaquero
115 views55 slides
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Presentación by
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - PresentaciónCurso UX Tenerife (No maltrates a tus usuarios) FG ULL - Presentación
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - PresentaciónRomén Rodríguez-Gil
696 views20 slides
Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 1/3 - EL ROL DEL NUEVO CONSU... by
Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 1/3 - EL ROL DEL NUEVO CONSU...Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 1/3 - EL ROL DEL NUEVO CONSU...
Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 1/3 - EL ROL DEL NUEVO CONSU...Rafael Trucios Maza
1.5K views48 slides

Similar to Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)(20)

Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Experimentos... by Romén Rodríguez-Gil
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Experimentos...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Experimentos...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 5 - Experimentos...
Informe caso practico, investigación cualitativa de mercados by Mayra Diaz
Informe caso practico, investigación cualitativa de mercadosInforme caso practico, investigación cualitativa de mercados
Informe caso practico, investigación cualitativa de mercados
Mayra Diaz10.7K views
J MARIN Labs Digital Disruption by J MARIN Labs
J MARIN Labs Digital DisruptionJ MARIN Labs Digital Disruption
J MARIN Labs Digital Disruption
J MARIN Labs74 views
Seguridad en WordPress sin saber código by Iban Vaquero
Seguridad en WordPress sin saber códigoSeguridad en WordPress sin saber código
Seguridad en WordPress sin saber código
Iban Vaquero115 views
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Presentación by Romén Rodríguez-Gil
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - PresentaciónCurso UX Tenerife (No maltrates a tus usuarios) FG ULL - Presentación
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Presentación
Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 1/3 - EL ROL DEL NUEVO CONSU... by Rafael Trucios Maza
Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 1/3 - EL ROL DEL NUEVO CONSU...Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 1/3 - EL ROL DEL NUEVO CONSU...
Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 1/3 - EL ROL DEL NUEVO CONSU...
Rafael Trucios Maza1.5K views
Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 3/3 - HERRAMIENTAS Y USOS DE... by Rafael Trucios Maza
Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 3/3 - HERRAMIENTAS Y USOS DE...Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 3/3 - HERRAMIENTAS Y USOS DE...
Taller INTRODUCCIÓN A LA WEB.20 - Rafael Trucíos 3/3 - HERRAMIENTAS Y USOS DE...
Rafael Trucios Maza1.3K views
Porfolio natalia lopez by Na losi
Porfolio natalia lopez Porfolio natalia lopez
Porfolio natalia lopez
Na losi102 views
Customer Experience: del "Like" al "Love" by Mando Liussi
Customer Experience: del "Like" al "Love"Customer Experience: del "Like" al "Love"
Customer Experience: del "Like" al "Love"
Mando Liussi285 views
Ciclo de vida de un proyecto WordPress - WordCamp Barcelona 2016 by Fernando Puente
Ciclo de vida de un proyecto WordPress - WordCamp Barcelona 2016Ciclo de vida de un proyecto WordPress - WordCamp Barcelona 2016
Ciclo de vida de un proyecto WordPress - WordCamp Barcelona 2016
Fernando Puente1.5K views
Blontochain Feria Vegana Barcelona by Blontochain
Blontochain Feria Vegana BarcelonaBlontochain Feria Vegana Barcelona
Blontochain Feria Vegana Barcelona
Blontochain31 views
Growth Hacking - 500 Startups - Aceleradora Mexico by Juan Martitegui
Growth Hacking - 500 Startups - Aceleradora MexicoGrowth Hacking - 500 Startups - Aceleradora Mexico
Growth Hacking - 500 Startups - Aceleradora Mexico
Juan Martitegui604 views
Traducción by Paola245
TraducciónTraducción
Traducción
Paola24534 views
Software online by soache321
Software onlineSoftware online
Software online
soache32136 views

More from Romén Rodríguez-Gil

Building a Cloud Native Platform to Provide Lab Instances at CloudBees Univer... by
Building a Cloud Native Platform to Provide Lab Instances at CloudBees Univer...Building a Cloud Native Platform to Provide Lab Instances at CloudBees Univer...
Building a Cloud Native Platform to Provide Lab Instances at CloudBees Univer...Romén Rodríguez-Gil
138 views29 slides
Agile software development - Beyond Projects - ULL by
Agile software development - Beyond Projects - ULLAgile software development - Beyond Projects - ULL
Agile software development - Beyond Projects - ULLRomén Rodríguez-Gil
262 views29 slides
"Everything as code" - CloudBees University by
"Everything as code" - CloudBees University"Everything as code" - CloudBees University
"Everything as code" - CloudBees UniversityRomén Rodríguez-Gil
95 views32 slides
Dwjw2019 Lisbon - Training-as-code- applying CI & CD to training development by
Dwjw2019 Lisbon - Training-as-code- applying CI & CD to training developmentDwjw2019 Lisbon - Training-as-code- applying CI & CD to training development
Dwjw2019 Lisbon - Training-as-code- applying CI & CD to training developmentRomén Rodríguez-Gil
164 views33 slides
Analítica web y métricas para Startups, Julio 2018 by
Analítica web y métricas para Startups, Julio 2018Analítica web y métricas para Startups, Julio 2018
Analítica web y métricas para Startups, Julio 2018Romén Rodríguez-Gil
213 views60 slides
Introducción a Lean Startup by
Introducción a Lean StartupIntroducción a Lean Startup
Introducción a Lean StartupRomén Rodríguez-Gil
116 views26 slides

More from Romén Rodríguez-Gil(18)

Building a Cloud Native Platform to Provide Lab Instances at CloudBees Univer... by Romén Rodríguez-Gil
Building a Cloud Native Platform to Provide Lab Instances at CloudBees Univer...Building a Cloud Native Platform to Provide Lab Instances at CloudBees Univer...
Building a Cloud Native Platform to Provide Lab Instances at CloudBees Univer...
Dwjw2019 Lisbon - Training-as-code- applying CI & CD to training development by Romén Rodríguez-Gil
Dwjw2019 Lisbon - Training-as-code- applying CI & CD to training developmentDwjw2019 Lisbon - Training-as-code- applying CI & CD to training development
Dwjw2019 Lisbon - Training-as-code- applying CI & CD to training development
Redes Sociales: Conceptos, estrategia y uso de las principales plataformas by Romén Rodríguez-Gil
Redes Sociales: Conceptos, estrategia y uso de las principales plataformasRedes Sociales: Conceptos, estrategia y uso de las principales plataformas
Redes Sociales: Conceptos, estrategia y uso de las principales plataformas
Analítica web y métricas para startups (versión 2017) by Romén Rodríguez-Gil
Analítica web y métricas para startups (versión 2017)Analítica web y métricas para startups (versión 2017)
Analítica web y métricas para startups (versión 2017)
Estimaciones en desarrollo de software: un juego en el que todos perdemos by Romén Rodríguez-Gil
Estimaciones en desarrollo de software: un juego en el que todos perdemosEstimaciones en desarrollo de software: un juego en el que todos perdemos
Estimaciones en desarrollo de software: un juego en el que todos perdemos
Analítica web y métricas para startups (versión 2016) by Romén Rodríguez-Gil
Analítica web y métricas para startups (versión 2016)Analítica web y métricas para startups (versión 2016)
Analítica web y métricas para startups (versión 2016)
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 2 - Peores y Mej... by Romén Rodríguez-Gil
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 2 - Peores y Mej...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 2 - Peores y Mej...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 2 - Peores y Mej...
Langproving / Vocabulary Notebook: "Concurso Emprendedor XXI" by Romén Rodríguez-Gil
Langproving / Vocabulary Notebook: "Concurso Emprendedor XXI"Langproving / Vocabulary Notebook: "Concurso Emprendedor XXI"
Langproving / Vocabulary Notebook: "Concurso Emprendedor XXI"

Recently uploaded

Qué es el rodamiento hacia adelante.docx by
Qué es el rodamiento hacia adelante.docxQué es el rodamiento hacia adelante.docx
Qué es el rodamiento hacia adelante.docxFabianCarrillo31
10 views1 slide
Tecnologia (3).pdf by
Tecnologia (3).pdfTecnologia (3).pdf
Tecnologia (3).pdfnosi6702
7 views15 slides
Tecnologia (1).pdf by
Tecnologia (1).pdfTecnologia (1).pdf
Tecnologia (1).pdfnosi6702
9 views13 slides
Seguridad de Windows 11 by
Seguridad de Windows 11Seguridad de Windows 11
Seguridad de Windows 11cesardani28128
5 views7 slides
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1 by
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1Angel Borroy López
6 views22 slides
MasterMind.pdf by
MasterMind.pdfMasterMind.pdf
MasterMind.pdfrtovarfernandez
18 views5 slides

Recently uploaded(9)

Qué es el rodamiento hacia adelante.docx by FabianCarrillo31
Qué es el rodamiento hacia adelante.docxQué es el rodamiento hacia adelante.docx
Qué es el rodamiento hacia adelante.docx
FabianCarrillo3110 views
Tecnologia (3).pdf by nosi6702
Tecnologia (3).pdfTecnologia (3).pdf
Tecnologia (3).pdf
nosi67027 views
Tecnologia (1).pdf by nosi6702
Tecnologia (1).pdfTecnologia (1).pdf
Tecnologia (1).pdf
nosi67029 views
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1 by Angel Borroy López
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1
La Guía Definitiva para una Actualización Exitosa a Alfresco 23.1
Operations & Data Graph by Neo4j
Operations & Data GraphOperations & Data Graph
Operations & Data Graph
Neo4j43 views

Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Apoyo implementación UI (Github, Less, MediaQueries)

  • 1. No maltrates a tus usuarios / clientes w w w.lan g p rovin g .com 1 6 - 2 4 J u n i o , 2 0 1 4 Bu en a s prá c tic a s en dis eñ o de in terf a c es web / mó viles y la impo rta n c ia de la s métric a s de u s o # u x t e n e r i f e Romén Rodríguez C E O – L a n g p r o v i n g @ r o m e n r g
  • 2. IMPLEMENTEMOS LAS INTERFACES DE LOS PROYECTOS DE CADA GRUPO # u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
  • 3. IMPLEMENTEMOS LAS INTERFACES DE LOS PROYECTOS DE CADA GRUPO # u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4 C olabor ac ión de Langpr oving : Es aú Suar ez F r o n t - e n d E n g i n e e r @ L a n g p r o v i n g w w w.lan g p rovin g .com
  • 4. CREAR CUENTA EN GITHUB UNA POR GRUPO
  • 5. HAGAN UN FORK DEL BOILERPLATE CREADO POR LANGPROVING
  • 6. DESCARGUEN SU COPIA A SU PC TRAS HABER HECHO EL FORK A SU CUENTA PREVIAMENTE
  • 7. CREEN LA RAMA PARA WEB ESTÁTICA GITHUB NOS PERMITE ALOJAR WEBS ESTÁTICAS DE ESTA FORMA
  • 8. INSTALEN GRUNT NOS PERMITE LEVANTAR UN SERVIDOR LOCAL Y GENERAR CSS DESDE LESS
  • 9. EJECUTEN GRUNT Y VERÁN COMO LEVANTA EL SERVIDOR, GENERA CSS Y QUEDA EN ESPERA
  • 10. YA TIENEN TODO LO NECESARIO AHORA VAMOS A CON ALGUNA AYUDA # u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
  • 11. NECESITARÁN UN IDE SUBLIME TEXT NOS VALE PARA ESTE CURSO
  • 12. LESS PLUGIN PARA SUBLIME TEXT PARA COLOREADO DE SINTAXIS
  • 13. MANOS A LA OBRA ESTRUCTURA Y UN EJEMPLO DE LESS + MEDIA QUERIES
  • 14. AHORA TOCA IMPLEMENTAR NUESTRAS UI INTENTANDO CONSEGUIR LA MEJOR EXPERIENCIA DE USUARIO # u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
  • 15. # u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4 C olabor ac ión de Langpr oving : Es aú Suar ez F r o n t - e n d E n g i n e e r @ L a n g p r o v i n g w w w.lan g p rovin g .com AHORA TOCA IMPLEMENTAR NUESTRAS UI INTENTANDO CONSEGUIR LA MEJOR EXPERIENCIA DE USUARIO
  • 16. No maltrates a tus usuarios / clientes w w w.lan g p rovin g .com Bu en a s prá c tic a s en dis eñ o de in terf a c es web / mó viles y la impo rta n c ia de la s métric a s de u s o # u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4 Romén Rodríguez C E O – L a n g p r o v i n g @ r o m e n r g