Monólogo informático presentado en la Tenerife LAN Party 2016, en el auditorio, en El Club de los Developers. ¿Cómo ha cambiado tanto el panorama de Diseño y desarrollo web en los últimos años?

1. 1996-2016

2. twitter.com/manz

27. > Pero… ¿cuándo se
volvieron las cosas tan
complicadas?

28. > Volvamos al pasado,
para ver como eran
las cosas...

29. ASPECTO VISUAL

30. > lingscars.com

33. > Así eran las webs en 1996

34. > Así eran las webs en 1996

36. > tomstrucking.net

37. > lectordni.es

38. > lectordni.es

39. > geo-bootstrap

40. > geo-bootstrap

41. TIPOGRAFíAS

43. > Chocolat App Editor

44. > comicneue.com

46. > letter-spacing
Espacio que se añade entre letras
para funciones visuales.
Ab c d

49. CSS (DISEÑO)

51. > Centrar en CSS

52. > Centrar en CSS

53. > Elementos flexibles CSS
Flexbox

54. > Se acabó el usar floats con CSS

57. > theverybestgridframework.com

58. > No volverá esa sensación al tocar CSS

59. > Aunque… Esto seguirá ocurriendo

60. HTML (ESTRUCTURA)

61. > Tabla periódica HTML5

62. > Guaguas HTML5

64. > patience-is-a-virtue.org
> pointerpointer.com
> biglongnow.com
> salmonofcapistrano.com
> nelson-haha.com
> baconsizzling.com

65. UX (USER EXPERIENCE)

66. > Errores de diseño
Scroll
infinito

67. > Errores de diseño
Scroll
infinito
Enlaces en
footer

68. > Errores de diseño
Scroll
infinito
Enlaces en
footer
Idiotas

69. > Placeholder HTML5

70. > aplicar medidas inteligentes

71. > aplicar medidas inteligentes

72. > Y por último… si hacen un
formulario para pedir un
número de teléfono…
recuerden hacerlo fácil para
el usuario...

74. > Si no convence,
siempre podremos
proponer alternativas...

78. Clic aquí para generar número de teléfono aleatorio
Clic aquí para llamar al número y comprobar si suena el
nuestro

80. Tu número es:
Si no es tu número, por favor, contacta con tu
operador para cambiar tu número de teléfono.

81. Danos tu número. ¡Conecta con nosotros!

89. > Todo sea por facilitar la
vida al usuario...

91. > ¡Gracias!