Navigation Bar by Jan Kaděra

Navigation Bar by Jan Kaděra

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

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!

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!

Did you enjoy this post? Support RAICES. RAICES promotes justice by providing free and low-cost legal services to underserved immigrant children, families, and refugees.