@CipiVlad
Posted
Flawless work as far as i can judge! Will also have a look at glide.js, BEM and perfectpixel. Keep up the good work tediko.
Looking to hire developers?
What challenges did you encounter, and how did you overcome them?
Hello! 👋
Main goal of this project was to play with the Glide.js library to create carousel. Apart from that I learned how localStorage
works. Using this property every order added to the cart is saved to the Storage
object, which means the stored data is saved across browser sessions. To improve the accessibility of the cart modal or lightbox I used focus trap technique which literally locks the user's focus into a given component as they navigate the page using the keyboard. Later on in the project I came across an interesting alternative to event listener on window's resize event which fire every time the window is resized and there is a need to debounce or fire it only at last change. Instead I use matchMedia
method and attached an event listener to it. Unlike the window resize, matchMedia is used with a CSS media query and the event listener is fired only every time it passes that breakpoint.
💡Here's some new things I used or learned:
matchMedia
is used with a CSS media query and the event listener is fired only every time it passes that breakpoint.🛠️Build with: (can be found also in my others projects)
❓Questions:
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord