CSS Fútbol

#TLPINNOVA2019

José Román Hernández, más conocido como Manz y artífice de la célebre página emezeta.com, es ya un viejo conocido de las charlas de TLP Innova.

En esta ocasión Manz nos invita a representar en la web un campo de fútbol, al estilo del que disfrutamos en el clásico PC-Fútbol, pero utilizando únicamente tecnologías propias de la web: HTML5, CSS3, Javascript, PostCSS y WebComponents, sin ayudarse de ningún tipo de framework o imágenes.

Representar cada uno de los elementos del campo —líneas, porterías, césped o incluso los propios jugadores— sirvió para introducir distintos elementos modernos o incluso tecnologías experimentales que nuestros navegadores modernos son capaces de soportar, y que abren muchas posibilidades a los diseñares web.

Y lo mejor vino al final, cuando transformó ese campo plano en otro con perspectiva 3D añadiendo simplemente unos cuantos estilos nuevos. 

Si quieres echarle un vistazo por ti mismo Manz ha publicado todo el trabajo aquí: