El Club de los Developers: Back to the future #TLP2016
-
Upload
roman-hernandez -
Category
Technology
-
view
199 -
download
3
Transcript of El Club de los Developers: Back to the future #TLP2016
![Page 1: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/1.jpg)
1996-2016
![Page 4: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/4.jpg)
![Page 5: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/5.jpg)
![Page 6: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/6.jpg)
![Page 7: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/7.jpg)
![Page 8: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/8.jpg)
![Page 9: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/9.jpg)
![Page 10: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/10.jpg)
![Page 11: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/11.jpg)
![Page 12: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/12.jpg)
![Page 13: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/13.jpg)
![Page 14: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/14.jpg)
![Page 15: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/15.jpg)
![Page 16: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/16.jpg)
![Page 17: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/17.jpg)
![Page 18: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/18.jpg)
![Page 19: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/19.jpg)
![Page 20: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/20.jpg)
![Page 21: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/21.jpg)
![Page 22: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/22.jpg)
![Page 23: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/23.jpg)
![Page 24: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/24.jpg)
![Page 25: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/25.jpg)
![Page 26: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/26.jpg)
![Page 27: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/27.jpg)
> Pero… ¿cuándo se volvieron las cosas tan
complicadas?
![Page 28: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/28.jpg)
> Volvamos al pasado, para ver como eran
las cosas...
![Page 29: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/29.jpg)
ASPECTO VISUAL
![Page 31: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/31.jpg)
![Page 32: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/32.jpg)
![Page 33: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/33.jpg)
> Así eran las webs en 1996
![Page 34: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/34.jpg)
> Así eran las webs en 1996
![Page 35: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/35.jpg)
![Page 41: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/41.jpg)
TIPOGRAFíAS
![Page 42: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/42.jpg)
![Page 43: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/43.jpg)
> Chocolat App Editor
![Page 45: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/45.jpg)
![Page 46: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/46.jpg)
> letter-spacing
Espacio que se añade entre letras para funciones visuales.
Ab c d
![Page 47: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/47.jpg)
![Page 48: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/48.jpg)
![Page 49: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/49.jpg)
CSS (DISEÑO)
![Page 50: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/50.jpg)
![Page 51: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/51.jpg)
> Centrar en CSS
![Page 52: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/52.jpg)
> Centrar en CSS
![Page 53: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/53.jpg)
> Elementos flexibles CSS
Flexbox
![Page 54: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/54.jpg)
> Se acabó el usar floats con CSS
![Page 55: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/55.jpg)
![Page 56: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/56.jpg)
![Page 58: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/58.jpg)
> No volverá esa sensación al tocar CSS
![Page 59: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/59.jpg)
> Aunque… Esto seguirá ocurriendo
![Page 60: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/60.jpg)
HTML (ESTRUCTURA)
![Page 61: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/61.jpg)
> Tabla periódica HTML5
![Page 62: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/62.jpg)
> Guaguas HTML5
![Page 63: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/63.jpg)
![Page 64: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/64.jpg)
> patience-is-a-virtue.org> pointerpointer.com
> biglongnow.com> salmonofcapistrano.com
> nelson-haha.com> baconsizzling.com
![Page 65: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/65.jpg)
UX (USER EXPERIENCE)
![Page 66: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/66.jpg)
> Errores de diseño
Scrollinfinito
![Page 67: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/67.jpg)
> Errores de diseño
Scrollinfinito
Enlaces enfooter
![Page 68: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/68.jpg)
> Errores de diseño
Scrollinfinito
Enlaces enfooterId
iota
s
![Page 69: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/69.jpg)
> Placeholder HTML5
![Page 70: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/70.jpg)
> aplicar medidas inteligentes
![Page 71: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/71.jpg)
> aplicar medidas inteligentes
![Page 72: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/72.jpg)
> Y por último… si hacen un formulario para pedir un
número de teléfono… recuerden hacerlo fácil para
el usuario...
![Page 73: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/73.jpg)
![Page 74: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/74.jpg)
> Si no convence, siempre podremos
proponer alternativas...
![Page 75: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/75.jpg)
![Page 76: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/76.jpg)
![Page 77: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/77.jpg)
![Page 78: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/78.jpg)
Clic aquí para generar número de teléfono aleatorioClic aquí para llamar al número y comprobar si suena el nuestro
![Page 79: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/79.jpg)
![Page 80: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/80.jpg)
Tu número es:
Si no es tu número, por favor, contacta con tu operador para cambiar tu número de teléfono.
![Page 81: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/81.jpg)
Danos tu número. ¡Conecta con nosotros!
![Page 82: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/82.jpg)
![Page 83: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/83.jpg)
![Page 84: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/84.jpg)
![Page 85: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/85.jpg)
![Page 86: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/86.jpg)
![Page 87: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/87.jpg)
![Page 88: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/88.jpg)
![Page 89: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/89.jpg)
> Todo sea por facilitar la vida al usuario...
![Page 90: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/90.jpg)
![Page 91: El Club de los Developers: Back to the future #TLP2016](https://reader031.fdocuments.co/reader031/viewer/2022020103/58ef66131a28ab012f8b464f/html5/thumbnails/91.jpg)
> ¡Gracias!