CSSCamp Barcelona

El pasado miércoles 17 de julio de 2019 se celebró la primera edición de la CSSCamp en la ciudad de Barcelona, una jornada de conferencias de un solo día orientada a diseñadores y desarrolladores web.

Tocó levantarse temprano para empezar el registro a las 7:30 de la mañana en el auditorio AXA de la Diagonal. Un café y alguna fotografía para inmortalizar el momento, y a las 9 se levantaba el telón, con un ambiente más que formidable, dando la bienvenida a los cerca de 400 entusiastas de todo el mundo, a un día que prometía. Oh, ¡y tanto que prometía!

La diseñadora Tatiana Mac abría la jornada con la charla construir sistemas de diseño socialmente inclusivos, enfocada a preparar entornos de diseño a conciencia para combatir problemas recurrentes y crear una web más accesible e inclusiva. Y daba como ejemplos nocivos a cambiar los típicos formularios de registro donde el sexo masculino siempre aparece como primera opción por delante del femenino. ¡Pequeños detalles que tienen grandes repercusiones!

Jason Pamental hizo una sesión sobre sistemas tipográficos dinámicos con fuentes variables orientada a crear métodos tipográficos robustos, escalables y elegantes, utilizando todas las posibilidades que nos ofrece el CSS. Una conversación muy interesante enfocada a mejorar la accesibilidad y la legibilidad de la web, trabajando con propiedades personalizadas y cálculos CSS.

CSSCamp Barcelona 2019

La front-end Cassie Evans realizó una auténtica demostración de lo que son las animaciones SVG y todo el jugo (y diversión) que nos pueden aportar a nuestra «aburrida» rutina diaria delante de una pantalla. Y nos lo dejó claro: «SVG es el puente entre el mundo del diseñador y el desarrollador». Y observando la presentación, quedó claro que sí, que las posibilidades que ofrecen los gráficos vectoriales escalables son inmensas tanto para unos como para otros.

La jornada continuó con Oliver Turner y una sesión analizando algunas de las funciones menos conocidas de CSS dirigida sobre todo a la parte de animación web y cómo trabajar con la ayuda de librerías JavaScript para lograr (literalmente) auténtica magia en el código web.

Volviendo de comer fue el turno para Stéphanie Walter, que con la voz un poco perjudicada, nos habló de la percepción del rendimiento de una web que tienen los usuarios. Y se llegó a una conclusión muy interesante: no importa cuál sea la rapidez de carga de la web, sino la impresión que tienen los usuarios de la misma.

Adam Argyle nos mostró como, en un mundo donde todo va tan rápido, la lentitud y la suavidad en las animaciones pueden mejorar la parte UX de la web. Hizo comparativas interesantes entre los sistemas móviles IOs y Android (suavidad vs. rapidez) y disfrutamos de muchos ejemplos, entre risas, de diferentes tipos de animaciones CSS.

CSSCamp Barcelona 2019

A continuación Sergei Krig nos dio algunas ideas útiles para mejorar la accesibilidad web creando interfaces de usuario bonitas, rápidas y totalmente accesibles, aplicando las mejores prácticas en aquellas zonas más complejas, como por ejemplo los formularios de registro y su validación en tiempo real.

Luego el turno fue para Harry Roberts y sus consejos para desarrollar páginas web más eficientes de una forma rápida y sencilla utilizando recursos HTML como el preload, el prefetch o el preconnect para ayudarnos a mejorar notablemente el rendimiento de carga de los elementos.

Y la jornada la concluyó Lara Schenck, seguramente con las mejores y más divertidas slides que he visto nunca, enseñándonos cómo escribir algoritmos CSS (entendiéndolos como un conjunto de declaraciones que producen una salida de estilos personalizados) y el impacto potencial de utilizarlos. Hubo sorpresas en la sala al escuchar de su propia voz, que el CSS es también un lenguaje de programación (pero este sería otro debate que daría mucho de qué hablar).

En definitiva, la CSSCamp fue una conferencia muy inspiradora que esperamos que se vuelva a repetir. Muchas gracias a todos los excelentes ponentes y equipos para hacerlo posible.

¡Hasta la próxima! 👋