1996-2016

twitter.com/manz

> Pero… ¿cuándo se volvieron las cosas tan

complicadas?

> Volvamos al pasado, para ver como eran

las cosas...

ASPECTO VISUAL

> lingscars.com

> Así eran las webs en 1996

> Así eran las webs en 1996

> tomstrucking.net

> lectordni.es

> lectordni.es

> geo-bootstrap

> geo-bootstrap

TIPOGRAFíAS

> Chocolat App Editor

> comicneue.com

> letter-spacing

Espacio que se añade entre letras para funciones visuales.

Ab c d

CSS (DISEÑO)

> Centrar en CSS

> Centrar en CSS

> Elementos flexibles CSS

Flexbox

> Se acabó el usar floats con CSS

> theverybestgridframework.com

> No volverá esa sensación al tocar CSS

> Aunque… Esto seguirá ocurriendo

HTML (ESTRUCTURA)

> Tabla periódica HTML5

> Guaguas HTML5

> patience-is-a-virtue.org> pointerpointer.com

> biglongnow.com> salmonofcapistrano.com

> nelson-haha.com> baconsizzling.com

UX (USER EXPERIENCE)

> Errores de diseño

Scrollinfinito

> Errores de diseño

Scrollinfinito

Enlaces enfooter

> Errores de diseño

Scrollinfinito

Enlaces enfooterId

iota

s

> Placeholder HTML5

> aplicar medidas inteligentes

> aplicar medidas inteligentes

> Y por último… si hacen un formulario para pedir un

número de teléfono… recuerden hacerlo fácil para

el usuario...

> Si no convence, siempre podremos

proponer alternativas...

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

Tu número es:

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

Danos tu número. ¡Conecta con nosotros!

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

> ¡Gracias!