Adorn Supreme Hair

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.