Forum Contest: Create a Sticky Header

Hi everyone!

Here is my one: http://clickalex.ga/items/StickyNav/

I didn't have time to make it responsive, but you did not mentioned that it have to be.

• It works in all major browsers, but best in Chrome. *

My attempt! :)

http://codepen.io/mpighi/full/JCpGF/

Hi everybody, this is my sticky header entry. Wanted to play around and have fun with the jQuery scroll object.

Here is a Simple Sticky Header

http://codepen.io/amyth91/full/madAB/

Hey Guys!

Here is my entry (I am only 13 and the design may not be so good but I only whipped it up in a afternoon) Please enjoy and comment!

http://codepen.io/JohnMcCambridge/full/HvlcL/

ps:

its responsive too! Shhhh...

http://codepen.io/brayk2/full/ravhG/

Sorry the link before it was hard to see Please check this out and review it for me: https://drive.google.com/folderview?id=0B3IPW4lpYAXmdW1Uck1xVlNqdzA&usp=sharing

http://www.sageelliott.com/tmp/

I used CSS to stick the nav bar at the top. Originally it wasn’t going to be shown until you started scrolling but I decided that I liked it better having the menu available as soon as the page is loaded. With no background color the menu doesn’t take much away from the initial homepage style. I then use Jquery to change the color of background to a transparent black and show a mini version of the logo on the left of the nav bar. There are some unused CSS elements in the nav sections due to me changing my mind about a drop down option.

The site is currently a prototype of my online portfolio, its far from launch ready so don’t judge too harshly ;)

Here's my entry: http://sticky-nav-comp.herokuapp.com/

Here's mine, I kind of did a play on the sticky header with a sticky nav overlay as well.

http://lizstickymenu.web44.net/

My submission:

http://aromano272.github.io/Treehouse-Forum-Contest-Sticky-Header/

http://codepen.io/juancjara/pen/hAmqc

http://codepen.io/jamiejigtuffen/full/nwCJi

Here is my sticky header:

http://joakim1995.webege.com/

I made it using html, css and jquery.

http://codepen.io/rednosemonkey/full/gFIwB/

No idea what a sticker header is, so I did a sticky head...

Hello everyone! Here's my entry (preview): link.

Also, here is the link to the source code if anyone wants to view it: GitHub.

Key features

• Sticky header (duh!)

• Responsive design made using a mobile-first approach

• Vibrant color palette

• Open source :)

• Cross browser compatibility for the favicon

All the best, everyone!

Here's mine: http://codepen.io/CrisNoel12/full/JfuoB

http://goo.gl/YHYUtR <- please write your opinions guys :) tnq

Woohoo, my first entry on a Treehouse forum contest! Here it is.

A heads up, the fonts are linked through Google Fonts and don't load in Chrome until you click the shield in the right side of the URL and select "Load unsafe script" (it's not unsafe, Google needs to trust itself), and don't load on Firefox until you click the shield on the left side of the URL and select "Disable protection on this page".

Here's my entry http://codepen.io/garethconnop/full/FLgha/

It's a responsive, mobile first design, with a froggy theme.

Hope you like it.

Here's my entry! You can find all the code for it here and a live demo here

Hi everyone,

Great entries this week! Picking a winner in these is always tough with so many great entires, but the real purpose of these contests are to help you practice and gain experience that you can use in the future. This week's winner is Liudmila Prokharava! We felt that overall she had the most complete design with the best aesthetics. The responsiveness and animation are a really nice touch, as well.

The next forum contest is about building interactive charts!

Here's my blind stab at the matter: http://norb.co/labs/sticky/

Simple CSS sticky header - very simple first attempt. http://codepen.io/KasiaWalsh/pen/mDock

http://codepen.io/davidklaver/details/rBsLy