Adrian Cabrero Photography

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