Long scrolling One Pager forming the photographic portfolio of Adrian Cabrero. Good to see the considerate “lazy load” functionality on a long image-heavy Singe Page website. Cheers for the detailed build notes.
I wanted a simple one page scrolling site to display my photography with a goal of the user emailing me for more information. I wanted users with screens as small as an iPhone and as large as an iMac to admire the quality of images. To accomplish this I used VH + VW units in CSS to make the images responsive to the users window size.
To assist loading of the large images I needed to lazy load them. The lazy loading also needed to intelligently render images if a user used a hashtag in the URL to visit a specific section.
- stickyjs.com for sticky nav
- luis-almeida.github.io/unveil for lazy loading
- srobbin.com/jquery-plugins/backstretch for landing background slider
- instansive.com to feed in a few images from instagram