One page · Front-end interface
Carousel Vertical: Discover a new way to scroll through your photos, with a vertical carousel.
Looking for a new way to scroll through your photos? Look no further than the vertical slider! This tool lets you scroll through your photos quickly and easily, with complete simplicity.
The vertical slider is a great way to showcase photos and create an immersive experience for your visitors. With this slider style, you can easily display your photos in a unique and captivating way that draws attention to the content you want to share.
This project showcases my work on careful integration and interface animation using nothing but the web's native technologies. It demonstrates my ability to turn a user-experience idea into a concrete, smooth and adaptable page, to build custom scrolling and to refine the visual rendering of a gallery on every screen.
Custom vertical scrolling
I built vertical navigation between the images in JavaScript, for continuous, immersive browsing of the photo gallery.
CSS animation and transitions
The transitions between visuals rely on carefully crafted CSS transitions that make the scrolling smooth without weighing down the page.
Responsive integration
The interface adapts to desktop, tablet and mobile displays while keeping the same scrolling experience.
Desktop version
Tablet version
Carte Animee
The animated card is an interactive feature that lets users hide information on a card and reveal it on hover.
Carte QR Code
Carte QR Code is a build based on the Frontend Mentor challenges, starting from a design image to recreate a one-page layout from scratch with HTML & CSS.
Carte Recapitulatif Commande
Order Summary Card is a build based on the Frontend Mentor challenges, starting from an image design to recreate a one-page layout from scratch with HTML & CSS.
A project along the same lines?
Tell me about your needs — I'll quickly let you know what's relevant and realistic.