• Need Hosting? We highly recommend Bluehost
  • Broken link? Please Email or Tweet me
  • Template? No, this is a custom built website
  • Reviewed: October 30, 2013 by @RobHope
Yo! Halloween
Yo! Halloween ๐ŸŽƒ is the Yo! Season 1 finale where I cover gruesome design news, dev tricks, freebies, laughs and more: Watch Yo!

Clint Forrester Design

Responsive One Page portfolio for designer, Clint Forrester, that features the trendy slide-out side navigation we’re seeing a lot of these days.

Hello everyone, I'm Clint Forrester. I like to do: UX Design, UI Design, Branding, Illustration, Animation, Web Development, and epic drum fills.

I wanted to incorporate a side navigation on my portfolio, which is something I don't see much of on one-page sites. In my opinion the top>down orientation of a side nav is more reflective of how one-page sites are organized. There were numerous challenges in getting this to work seamlessly in a responsive design. When designing I always try to remember "Content is king." Since the nav is taking up extra width it will only DEFAULT to visible if a user has a wide enough display to show the content and nav at the same time. At a certain breaking point the content takes priority and the side nav will auto hide by DEFAULT. If the nav is opened and not enough width is available it will float above the content layer preventing any narrow columns. The icing on the cake with this approach is seeing the nav update as you scroll, giving you a 1 to 1 sense of where you are on the page.
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.

Similar One Page Websites