Multiple scrolling One Pager for a range of hair products from ‘Adorn Supreme Hair’. Bit a bug on the menu hover area but this colorful blend of vintage styled imagery and modern web design elements is really well done.

Single page website with horizontal slideshow navigation. Sections' sliding effect uses a CSS transition on the transform property that ensures a smooth, 60fps rendering of the animation. A visibility:hidden CSS rule was added to avoid the drawing of hidden elements of the DOM on mobile devices, and a specific development was required to manage a problem with horizontal scroll on WebKit-powered chrome browsers on Android smartphones. To further improve performance, we used the AdaptiveImages.php script which detect visitorโ€™s screen size to deliver appropriate re-scaled versions of images.
Categories Product
Yo! Podcast #001 ๐ŸŽ™
Yo! Podcast #001 ๐ŸŽ™
Features maker @AJLKN โ€“ Founder of Carrd, Pixelarity, HTML5 UP!
Rob Hope

This One Page website was reviewed by Rob Hope

I started collecting One Page website references back in '08 and just past 7000 - shew! Please tweet or email me for anything - I'd love to hear from you:) Enjoying my reviews? Consider grabbing me a coffee โ˜•๏ธ