Navigation Bar by Jan Kaděra

code • October 10, 2013

Another Dribbble shot for the books. This time it’s Navigation Bar by Jan Kaděra. I did my own interpreting for the hover. So please, give that nav a hover!

See the Pen Navigation Bar by Jan Kaděra by Katy DeCorah (@katydecorah) on CodePen

The navigation is typical list, where I primarily styled the anchor tags. I used pseudo elements to create edges for each button, which made it a snap on styling the hover. But getting the edges of the buttons just right was a task. I can still see that’s not exactly right, but I decided to walk away for now. I’ll save that for a rainy day.

This Pen made me realize how much I enjoy writing Haml; so much that I’m thinking about changing my default HTML setting to it on CodePen.

Updated 01/09/2014

This Pen is #65 on the Top Pens of 2013 list. Yay!

Keep reading code