Adrian Cabrero Photography

by Adrian Cabrero

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
Categories Photography
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 โ˜•๏ธ