#100DaysOfCode _ #Day66

“Flex panels image gallery” (#JavaScript30)

Jose Luis Aguilar
Nov 2 · 2 min read

Una vez más, y a sólo dos días alcanzar uno de los mayores objetivos que me he propuesto nunca, vuelvo a JavaScript 30.

Esta vez para llevar a cabo una interesante galería de imágenes en la que he jugado con las transiciones de elementos y con el método “.toggle()” de la propiedad “classList”, que permite básicamente añadir o eliminar en función del estado actual, la clase que se le pase como argumento.

Fuente: https://developer.mozilla.org/es/docs/Web/API/Element/classList

Aquí el resultado, bastante interesante:

Como siempre, con un enfoque personal y llevado a cabo con mi propio código.

Se diferencia principalmente en el capturador de eventos que ha añadido Wes llamado “transitioned”, que se lanza una vez que se ha finalizado el evento inmediatamente anterior.

¡Seguimos aprendiendo día a día! …

Keep Coding!


Jose Luis Aguilar

Written by

Junior Front-End Developer | JavaScript + ES6 | CSS3 | HTML5 | Agile | Lean Thinking | Sport, reading and nature: my philosophy of life || #100DaysOfCode

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade