Yo!
Introducing Yo! - my new weekly YouTube show covering design, development, awesome websites, great UX & more. Watch the latest episode

Adrian Cabrero

One Page portfolio featuring a subtle parallax on scroll for front-end dev ‘Adrian Cabrero’. Little clash with header navigation and text at times but liking these full screen overlay portfolio transitions.

I focused on making a very straight forward portfolio site, cutting out all the fat. I then went back and added some flair like the parallax on the introduction image, hover effects on links & tiles, animations on browser resize, svg buttons, clipping, etc.

The biggest challenge was getting the animation just right after clicking on a work tile. I really wanted to use Codrops morphing buttons concept because I think traditional overlays are too disruptive to a users experience.

I'm hoping to get a subtle video playing on the background of the introduction section in my next update to help grab attention.
Categories: Portfolio
Rob Hope

This original One Page website was reviewed by Rob Hope

I started One Page Love back in 2008 and want to keep adding more value. Please tweet or email me with suggestions or any questions.