Update 2

I had fun with this Team Treehouse forum contest. This is a responsive, yet mobile-dedicated version of my personal website. I learned a lot, yet I don't feel that sticky headers are a preferred UI/UX pattern for my designs. I often find them annoyingly "in-your-face". I considered a css fixed-sticky component, but decided against it due to lack of common browser support without a polyfill. I feel a better UI design for usability and UX would be one of the two discussed further here:</p>

                <p>A UI pattern I've experimented with on this page is called "Quick Return", or "Scroll Up Bar". The implementation of "quick return" is one remedy for "infinite scroll", which can make you loseboth top and bottom navigational elements. Eduardo Martins Barbosa's <a href="https://github.com/eduardomb/scroll-up-bar">scroll up bar plugin</a> (among other jQuery fixes) hides the top bar when scrolling down, and shows it when scrolling up. This UI/UX design I find extremely useful in single-page web apps and mobile applications development. Learn more about them here: <a href=" http://www.androiduipatterns.com/2012/08/an-emerging-ui-pattern-quick-return.html">Quick Return UI Pattern</a> and <a href="http://usabilitypost.com/2014/05/24/the-scroll-up-bar/">The Scroll Up Bar</a>. Special thanks to<a href="http://blog.templatemonster.com/author/jake-rocheleau/"> Jake Rocheleau </a>for his excellent web development tutorials.